{"_id":"@chakra-ui/accordion","_rev":"531-f9a395a4c8f05efc2339814950699b9a","name":"@chakra-ui/accordion","dist-tags":{"canary":"0.0.0-canary-2021118164051","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.3","next-dev":"0.0.0-next-dev-202241614737","v1-latest":"1.4.12","dev":"0.0.0-dev-20230908144305","latest":"2.3.1"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/accordion","version":"1.0.0-next.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.0","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ca79cc17d8fcd06d7b5accf3a1fdc9e8dde4076a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.0.tgz","fileCount":27,"integrity":"sha512-wYnLs6I353ts0XJ4fucYew1JNpPlwkloKLiH6bkzsxCc9MBFBtTEoybWilzG3w/vE0LSmNi3+FHMdWVOSGjJKw==","signatures":[{"sig":"MEUCIAmaQ5jAv170qseE5jcJOX0Yl0v252U26S2/K2+FuCD8AiEA8xpRPhKKgDG6acJwuxsfVubPU92Qx1jEmcEysj8IXMc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTtCRA9TVsSAnZWagAAlXQP/0GAQavjwWn5Ri0f9YX4\nhWNBLOw71uQLmJIaVcJ/RfHl6lfCUwGjH2WnoafBxV5hNtf2BCwgXbTpoQhw\nB6FCUCVbb2fDAxnVSWT2sq0MHngF/CocDfhfG4GgYpkfp6S1JGVvxhICoTOq\nCqqr6TgopuORGY71Bll/A7jngpgpG/s8+plfsvRgea4elQUPKlgavPRzYBPb\nmOwc5WkPTVV1VebbsbwbAKKTzHSQiIL1sRngG9Tc8hiFUnD1XQN9y8p5cbZz\nWiY5R1WPgkfotZD63EnwVfdCf6qNyru/eGzxiWtLgCZfLKP7aINORhjt7SJy\nQUEPX7cjqNUiVEKLpTFZipxkwBtdTmOflFANmrdhvpRslUdku71oIqhbdDP5\nzBtv1KF7c5wOmHTn3S0SS5P3hifauawESqJRIqDtwxz2OUxQDnI440qWbjna\nlPAdic1IjDz0mbeR3rDQDzgw2oSUxteh0Z7zN5b1yj2R+19a+sjAoLe5Hbc7\nq1JHiuNZyK63iOfeiFcgG4Yb3fY8uSpN0mg5PyrsKpCfw6LtrPnxylhPtmYr\njptJ2pPeORXTgi+uf5oki3an3IQWyB28+s2GnloqS66aC2/QPZuSaiGbW3X8\n3eoYuNq26pbQjesVBnbYPxXlGGS4FCY5ELDi04TIX4yIEdPXHK+rhSZ9Vf3a\nAUwD\r\n=N7di\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index/js","gitHead":"ce6fe489afaddba502a2611f1fb1dcedb991325b","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/icons":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/collapse":"^1.0.0-next.0","@chakra-ui/descendant":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.0_1592685805056_0.48529170298924895","host":"s3://npm-registry-packages"}},"1.0.0-next.2251":{"name":"@chakra-ui/accordion","version":"1.0.0-next.2251","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.2251","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e4eab4df62cde65efbcc13a1995de6f19e43624d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.2251.tgz","fileCount":27,"integrity":"sha512-jjl2kroLtHWzS/Jk91J27SO9/iK8/wORNbyy5Q0tr0YGW2wRQ5l+IJDgnw3RJuR/MFJQxMNJVVDold+BVFu9Ug==","signatures":[{"sig":"MEQCIAOO5xY6t/4jQC/wQul+bRLn7jIQjWwAnksUK3jINNFPAiBnqYt+P1KfnBEhg7w/8iFYr8zIH8q6FYJg4v2Q3ddW/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":172726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7yGqCRA9TVsSAnZWagAASogP/129k0asM+gMGhukzxS3\nRuw9i1yLKM1Ev/TiLnyDtPGKQnhcEYFo/uuFCcILfbttFwFZQkHd1wMrrLmv\nrKkfNaNqimFjlHntd9Xm0rpragWKgANzKKTYyZUzQprgrCzP0/W5VxbxbQav\nCHJCfenemPtUma6VfYwLs4oD+hEz2aSIWKzZu2I2JPzJbAbT0hphbnZ6Kl16\nwWSNK4KWy7K8UrCoUaTz8UQeQ9hdFpekiXRqGKPhxH3g+lTC9cfKX77ZUkf2\n6rWy5xA4hO4muUADQDy6v2kkNbd4qdZnwyfe6zASNg1RsJTbdcU31XcJhcUo\nC4vk+h3+sh/8oPAcv58s8IYy6mPndQDFIcWRb6vEOFAOHX/jKUF6uKAbu/WX\ng58W2u0hi6BEvLgEQqZl0Lu+hZQe6vxC3tR+fFfRVwRqhLlOdtDAsSUUr4yE\nnaIC4QygDHhxaLz0Pf0bTc5Mjd44RscIlxB3R7pGPDWG0+Qd+vv1dOrv6+P+\nQv3mHO2pUfAia0Q3iVyPKXSgbggol6wtahy9Ka/rPlOYzTrA8B848jTkZMpO\nT/fLZDQnkssTlnxcopO6KElU09aSoIcm8qysf8V328ybmu2LBPoOiTjm1vYS\nWi7LGEdA4kcJqdsQm/zE0ohvJKZSn37/+FYKgzefI1AyiTGT7ZmBlSzdtNIc\n2rdj\r\n=Lpp2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index/js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content. The\nheadings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"57db7fd9e7b7c3c6465adfe3c91677c52841963e","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.0","@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/collapse":"^1.0.0-next.0","@chakra-ui/descendant":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.2251_1592730025745_0.45887218513620254","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/accordion","version":"1.0.0-next.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.1","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"80e0c4582cc9128174af64823e9b9bb684e37b9c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.1.tgz","fileCount":28,"integrity":"sha512-n6QB8b6spKPf4FZZqLl7+WLg1jVwpHHfH41hPWQZSiBRfSFF7AcdbAa/qgHdzoMX5imybypVt6yg6HQeGjM0ZQ==","signatures":[{"sig":"MEUCIQCfHxIf5kk5hFd+a12xvTlEYm4wqt2ZKqfm3pHsabqHnwIgHjFdFIQzX1pyMEg1yQobppe+Fd9tsLs1/sEVGaXikAk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":173330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytcCRA9TVsSAnZWagAAGZcP/jUWUhYBLn9Qty4t1BEn\nybu58+fqajlLl0a/jM1pSQ+xgWc6UHLiWp3vRzu5PWbpOJBH1JLPbw3tXm8o\nTQ2NcklYYKs2zU85MW9jyDM+RJubtnbAe5lPLcTFv3HMFslkHHl4xPGDxI3p\nEIu6NtNzWxYTAmIWTnaoAV2lotiflpAeUxWDRSG5lMxQfbVuBaWrHBp2LPwH\nOdUDGIePiy5p4z+YV7jzg3lH5rgr5St3AU6w6gY+PZkbdifrQnXxlemjA3xh\nsjNqW96hjJ+JYspxRnhX0cn6KR5Xr2MUtAeD9VtBkHxCRbxmckmZMLGmReXU\nqMhwbjxP6zkmpQN2zni8no3CDBqD6+D6N1J7IIOLR9WezLhB3SsQp3rFU+lS\n1pktwwQK/XuF6g+IeDYrT2XcMzQEDRArLayNdIIqlCZe0ApPPp+zHzMk2yaw\nj3mQCuLOVgoXFCAZ1z3EutwjtSeQ0bRLKi9pPPAFfTwIwLC6TMXqC9sTRdgJ\n1qGt7C2WmXrAW3mWSQFGKssNXA6fDnSAVJn3YT+8PtsZ6LyC4h5MlAJoVTKL\nvfhrrWpnFKnm0xcpU5XiqteMIw67RTSSBDLxFR24tTbcgfj+dWTxN0czDg4q\npBbmvHR/h4yPb5Hzze2oVA5JIW9d0LmP+rCXmJ12KfpePyJL63c+Zg13RJbE\nnR3I\r\n=p+Tl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index/js","gitHead":"cabbf345518d70d446bf95410872f1a0c947ccd5","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.1","@chakra-ui/hooks":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1","@chakra-ui/collapse":"^1.0.0-next.1","@chakra-ui/descendant":"^1.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.1_1592732507928_0.9352063652709148","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/accordion","version":"1.0.0-next.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.2","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e147f26e85f1bedcf2305de420627a313339a05b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.2.tgz","fileCount":28,"integrity":"sha512-CTQx6EzV7L+Tp7ktho/js8vqPnIhbnzt084oWbQjH9cdL8Expvu1NnCyCOi1CTztOZOmql3zUZn4+sQl01Kf6A==","signatures":[{"sig":"MEYCIQCV/IX5RXG4PniPqxZWXNzpaKaZvhvHGFdR1xeJV6cX+wIhAM/eacGbpplO3qEkoeNfNwaGrYvt4mg4Tgc2PQDZPVah","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":174016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/3CRA9TVsSAnZWagAA+14QAIvkRzIpv2eZdh+O3O/c\nBvtIf5MhmdIvgV2hN4+C/hwlGcBofJRFxGMkff0vYwnTBRQM8QrAWgBfc8VN\n1aXT7enVkiuGPWTcvLGyG6MQV5Js4pHCZDk/tcQT58n5fwAODJolIUP5iaQY\npaHbS9st3wZ73p8T8yg34K9C7aVT1lGYKTLPiz9YFOFJ/9Sm45Quozp5ENhi\nawyGvfB0+aL9u8Lu8dQewdmyd3Kld7M/n9XKamfuUQylxg0mjFi6oeuVNW46\nyXWSH63IaK4gzyHuPyInVFO7a/OWND/tJMFlU3cK0V0m17+BwNjT9i1ajtU0\nti9//RoTUL50Wa0fzcH8nOPLpEOUd7JjgnYC99dJmHGur6jEv7KJNk322b/g\n12ce6WU4WB4+5L2CTlZm1kEQnMTK98/f/5PbTt9GjdNJ7MVswjnihx5Q00y2\ngjXCRKdrKGBjncJzAYkF9o88M/4yROe8tCvbZuVLB7paH7icrRtjmIogxzEW\nrsd4oBY7LakCzMUSS2SffYxJaWc7HtgdGHngpgoEBHFWcBGTPLdUxx0184Kn\nWwF0R8+gejdzg8IH7eTXB1BPESywV9Jo70Dagb5F6OR0Ejr0Q772knMfZK6Q\njp5dWxVHVo3EM1pY1Ce91kDBS1e6iH7JCei//JWDrpuhzJIaLeGxG4+VBCeZ\ntWRZ\r\n=IHV3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index/js","gitHead":"c5b51e43e9dff400f8bba7da7ffd135f5d33628b","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.2","@chakra-ui/hooks":"^1.0.0-next.2","@chakra-ui/utils":"^1.0.0-next.2","@chakra-ui/collapse":"^1.0.0-next.2","@chakra-ui/descendant":"^1.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.2_1592840182834_0.9610383727127565","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/accordion","version":"1.0.0-next.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.3","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"54c3964e7ea6a75272173488fa2042b8221309d8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.3.tgz","fileCount":32,"integrity":"sha512-wCzXAhjd3PSDQ3bMsWEUMu0QbXm8Vm9oi31g3HkjpYuEgCMNcLc+IuMRR4fyJbY3e0eZ4cuElZDyKMS8UB4NPQ==","signatures":[{"sig":"MEUCICzoLykiqEHhHG6r4cEm31cBIqyfhmwZ3fyEdW5SBCQWAiEAiRyG2cvE5vZYg4KFag0B/sGx2ofwn0egaMAa8ybowI8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":189442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+Mb9CRA9TVsSAnZWagAAceAP/Rl+LsV7cAHVUDeRhjam\nehqERl539qt4kA66+0o5aj7SZBjOjbrjfT0+X/UKb9EdSk7s6JjP4OvEm3cT\nGmgmIZgoC+dWQDavkBTocNCewdnrerhTzgD4dcM7yM5WfXsOidps4MS8yriK\nEwHyzBL1xzPE5ZrHXag6seM+exOSNWZdt0s4jRCG7ao57+I1Gtt3myDk2eCf\ngNaJ5CTGNUG8irwczXKLu/CAfT9/J38R9sKF2MuUv7oF8OBp+7w1KzJiS+Y3\nvG/zMJwb5OlHwIzu1nOb58j6vNL7z9Q/ecsTW68VbWfuPLu5mzq1ebtMANxw\ngL9Al2/75JbnJRz36DPvsUmpJbZm6Hm5OCBNntzks6L05zMfACxq6nCm4k8C\nos8+xnmZWeXMZruLG5ppnIZQVqtjoSS1JXKJBe8jQ5WIwxJSTaXmNLDZHCd0\ndku2JIWn/YBKd2/bD7wIzuaNYGM38Hb2bLfLu3TOvpARaolkPlNrPlt0leBL\n8tm7/qJmBG+UBm0BDzWEZUHLA2ellWtoraTDHRhEjEOFlVIEYo2tQ10Rhy7O\nOb4/xs4KAq/qft92CDwZu8CHnJIYKIgpjoxETCv28V7pajfrhXBB5kJ42ysf\n3uGLu/V7l5Z/GG3aOnopL462NlUDCMSruaU+9An4PBghIsZLFIwBTysgjdFj\n0PMD\r\n=4SVt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"d31ba9c35993985f49da4885dd47ab8dab49cdd1","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.3","@chakra-ui/hooks":"^1.0.0-next.3","@chakra-ui/utils":"^1.0.0-next.3","@chakra-ui/collapse":"^1.0.0-next.3","@chakra-ui/descendant":"^1.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.3_1593362172661_0.6069940293396074","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/accordion","version":"1.0.0-next.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.4","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"70ae464eef2ce55da2b54335c23a670760a6b5aa","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.4.tgz","fileCount":32,"integrity":"sha512-mXMGrOW2D0gNcaomjM5W5BitDQlfd84IQ5WW4VnpK1Pxyz56zvcCMDUGq02h+CbixviWR4CyXeZUG9qAUkibGQ==","signatures":[{"sig":"MEUCIBgx4sZ2IkzJ6RAPx6IUqhOp08SuGFbhuOmlrFZLJkY+AiEA3R5WniOJTkZF7tFzAokK+jocu406jjsFReYZ5d/Jz6U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":190970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MswCRA9TVsSAnZWagAATWYP/jeaDZtDY+c/YjKII4mg\n7o99DJ04bPp/8AsTJEGG3laMmdCWw0wdoccwmkyOIGoPBz4+7OksM/6yhdpP\ndInZCDmt6LUbfQM7Yg1BiauJyMIq/NI1elwciNbfWkjiJXZYf3bXVV2swbAB\nGgcbr1P0N4LoUpSEvOphcmgpBQ/WY1U267tKGTUSppWifxcIfFWnz2dlYRbd\nWpv3OGU6iBIMZHvWYY3UZOQouXePXeid8+KpikGDEa+4Pht4U+7yTsyjfo9d\nQr97mFqM+v8PfzKPR7IIevIvsU9/zQk4PQorSIJ6Yb79dncwefs6fC3yiL0T\ngeikLFVswx9DD+zHVeiI4Ptd5dzP41fBL/6dQkqH3a28c6A4jFk0NBD1ML33\nZPF6sYHmX8eo+R6YK6pgnlWkgqizHOMKxUe5YK9JwAwgtSNnUzf4SvoBdLHt\n7jiTSkhl3ssz1G81Ey9oVfzO6y/ECAL+W/ACFOwzms9tZtPiyBCOQYDK1hbN\nWGq+XxIsfXyh90GcovHdFnFWNm3uV6XbLGGtwrljJqwCEreFbBAuZP29PRKj\nhaISRDLI2uxNXlXII/39mdb35cJk0ZjhHdqKPN7cqcikmrWmi6NdiOvjWHA0\nzUz/8seMCFiC8Yx05vjbjcvC+gYuA1OtUYrX+lyU9zw+Bl3GGMko6nYbOYaY\n/dWK\r\n=Imal\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content. The\nheadings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"cdd5eac1db90ba33a07c009fb8dbcc4453d6ec01","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.4","@chakra-ui/hooks":"^1.0.0-next.4","@chakra-ui/utils":"^1.0.0-next.4","@chakra-ui/collapse":"^1.0.0-next.4","@chakra-ui/descendant":"^1.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">0.8"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.4_1593625392413_0.4600275656440642","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/accordion","version":"1.0.0-next.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.5","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fd9311b79492d9d9684088b15cb33b3129642e34","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.5.tgz","fileCount":32,"integrity":"sha512-5brGwqnMN6NJ4wj3AD5iz+UF1s0760tv1UUS9NNLADmq/syXAwRgu48zqKmgNI/xwhwzFy8wmaNa2/5dfWeU+w==","signatures":[{"sig":"MEUCIBlXL7QBpSvWlFptNQoE3OmU+vXEHmxAo2Gi3CY6CQezAiEAjQXxedu0mMOBBY7cGldhja8bci7HoYys92R3usgIgBM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":196248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxZCRA9TVsSAnZWagAArasP/3GEiEqHoAsY3IQq2kMV\nZ7JDzToLW50VEqAHosM2sLcoZuRUogA8ye11o+/nLQcS1s8dZrW3KRT/k1pb\nm5ewbircrFykO+ROhQ/ZGSJcTmTc4BuWOzoZSiUaZoaCNwtCn+86863zm8zk\nzr7YwMJXa6uWAMIz3irJlQEl+WmnHqHdgAkKgSQiwx/mGt3QBzU+eHMdj219\n0cHeOB1oZyIVbvQQToxn9tizcJoVqu5uTiDsYmDPB4mBksfl4+LfkGRaNftx\nLjvjfBS1Gc1B121kjgdPoZmO6jJQplp5bbqaI0KFbR7wSG6wNW+SIExLJwwN\nc0+Z+L6dCuz66Y1Pvn+uhPCo+ssb3RGT3gVrteT5wHR9exzIeni8UM+m+1En\nqdMRQWUcSD+2HtH38waYMexFLoXzoKW3FZozYFnB7HBQYAW2yFrOZFWd9uld\nLGDPBCw7rM07bR8KR7OdklTpT8+BX9POCzkwrNkbr0quGBxLfLxqMI5xAVMb\nBBXw8vgy0OjicKQE42WuOBoaeJoS3ytxj+dmCU1QC7Ji3+AalwF9YfEQwL0U\nUn17RhA9rB7vKR8PjqlXOBMBqo15PAX+vjEpqCEtCffQfmQTp9OY2pV6BmDe\nnG2eQ+fylmktzvL7ZYVcCivipY+sYjsWu6XAdDjEEVZkjwIp97gumOqb25HT\nXr+l\r\n=nPPd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content. The\nheadings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"24eec5d796d81b6fafbcfa7231fb2cb15e6d5a29","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.5","@chakra-ui/hooks":"^1.0.0-next.5","@chakra-ui/utils":"^1.0.0-next.5","@chakra-ui/collapse":"^1.0.0-next.5","@chakra-ui/descendant":"^1.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.4"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.5_1594809433392_0.28284382265780916","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/accordion","version":"1.0.0-next.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.6","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a2497baeeadbe9dfcfa7e407128348c4d20e9543","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.6.tgz","fileCount":24,"integrity":"sha512-kl/xXRzGfWVTn9w6KQsanmtDz3Ktda0NCy460+wjgyCmND9JiNZbwQyzhe5h6ca6ONcNxhk3EXPWAQcoph288g==","signatures":[{"sig":"MEQCIGzHJSTTchDIZsf7Q5FAjR60bQ0w57JTODiKbM95Q5YxAiB8wPFo/zAnBt4s8lpX1F7UgrC8mvxjmV+2YvBIlZuXTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJKCRA9TVsSAnZWagAAFCEQAKN88JIVv8YXo2U6L86Z\n7L1fb7n5c6yFewws+jMIo+rlBVtN7rDJMIAkqFpfFP9+ibjSjleRZrhXEbLO\ngn93/DlESGNSHay8mUPE55aqQAa0VWbP8msLd5Dm524bSLz4QbvxHPTj+fvF\nMXZiAs1Ik1vnZKPYNLRRNlwPMP51iqFS/ssRmSEwYzNsycMVmT3VtWCWAFhP\npthFP8/KxlKCWfRFI4dKvaCg9sm6WBK56CO9oN2mROuNICAySlrHBfdR8mMn\nkZfZ7dRKBvQFyJOrW6RA/koLC8wF6Gjs4sA0wOD70E8iJ8h5eU5Y+GohgRVO\nProa2Ek4XeugcLkNFJCnIiT39W7tFh3VoXZh6mvh0mYVB4JXszLCMdT0/M5T\nMCEb74gcwAmh+hP8OjOk3DjqPSLd7H/0r1DPp0ohzSDD7LL6iiLQCfMCBpdR\n6ydbkyv8XnCvsrOlQNV+1pGayfCewweBOWc2Y2xtVqOFMhMj3co8N6j+39iX\nGr8OuKInmUE+PSs6g5ynH5zTQCZZ+ZqI+z+KMKrScAvS62OByHqZFAU8cyes\nzcmEdTXwApeck0awkr/2B/f+d+VcZ2S3IjZXhBAcBD49SHbzW4jDVPxuLxiH\ngzhhRfMzz8pkvf9DTL/w1s03UkacEM3bohYlkLjc6eGismFbZUx6or0LGnlv\nykwh\r\n=IhaX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"72eeca4ba3fc6e7d8845b0d283a03cb6ec384a50","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.6","@chakra-ui/hooks":"^1.0.0-next.6","@chakra-ui/utils":"^1.0.0-next.6","@chakra-ui/collapse":"^1.0.0-next.6","@chakra-ui/descendant":"^1.0.0-next.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.6"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.5"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.6_1594827338054_0.8017884936105648","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/accordion","version":"1.0.0-next.7","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-next.7","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1743f6a48c73b1cc7db1f80a6dcd88de51afe907","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-next.7.tgz","fileCount":24,"integrity":"sha512-qyQfTA66u1KTaworPk+nIkx/a22YRaZVn0FdKZEq3Hz7v0f9hf/nITfwTSCN08yRT6Cz/Vd7Ktq9vjzj3nmkdg==","signatures":[{"sig":"MEQCICVBHt+2swykS4iRoE7uZfEZEUaJ3xeAV8dDCcn1AqYnAiBj85qmjbmqkwJS3f0uXUnNJ0zQ6/llebJnfyh1Gge2fA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":174881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1YCRA9TVsSAnZWagAAWeQP/iCg18mkr/IPH1B7qOtH\nU7ECXHmafwZ4jSikuBmq670y+v9G9/o5if7HgqxnoUBQ4IWq/9cL00GZ98PJ\nkz9dt3QGtga1c1sYVvpJjBsY7EwLx2+M8EW5QJF/TCEdi59FF9uvUGNwfHBK\naPxNwT78n0dIFwX3cpcj6uFx2swI67WUKXgtDpG5UOdDQlSXSNUDkJ+kT9yp\nPf+ziYAGI5zqWzcdZkzyNFfg1HY3KkpxsruZI1EsjN+8nE0JU2PaZb9UIGvJ\nSmkDl543jF1Bh8JPtkAQnk9HqGUhnUaNyH3Y0NJFOSuCQ3my+bOR9dqdFi1p\nW6LOR6R3kPiYcc6wI9CekRdm1nXA0pgOvhNUif3JVU2jZYzQKB5CiFbyX6mm\n3//okbQnlFeALd9UZT6ActfRdj7SZt3yx67PZ5Hl5WKYCMpLd1a59s9uP/I/\nOoKrG8rJfyKVX0PojqJJ4wd/yh5WHYYNywheaWdFwANQ3WkXdkwC5amTUZxg\nxyj/A8b8XeB85YsheIC8YRxBtvHeCTlwJw6qBlKGt6jaRgs/rX8+SSsBesUx\ntiDzd+q2Xkvecc6X5CuHSkZFHfjbi+oAGBCoxBeD6ObWAOro7iqeaFcd97MM\ny1hrAk4rGtUJFvmJwIiSSOU5eMTtYmQmmSe9alpwVcQL2covMgA+zFmw+uix\nWeol\r\n=UqkT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3dcabd8c7e21b32ae1b61485588f70370c4e626f","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.7","@chakra-ui/hooks":"^1.0.0-next.7","@chakra-ui/utils":"^1.0.0-next.7","@chakra-ui/collapse":"^1.0.0-next.7","@chakra-ui/descendant":"^1.0.0-next.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.7"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.7"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-next.7_1595768152250_0.9761417000936494","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.0","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"98b041352c839fa6e2836b46105699e664759a8c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.0.tgz","fileCount":24,"integrity":"sha512-tpO2RJ1QhIcDQF16b+m1f5nrBjAN/qCjkkABWIlsSWR+45WfBeaJPWrwAuoelLtOyN2q+69A4XChokQ1DcWh1A==","signatures":[{"sig":"MEUCIQDiXTgcU5z6obrUK24eGlEnxZbj4b/OlOMpMhIOstaXVwIgUhMWv9+T11bQVdKbqUP9rl5IsWXFRt7jywycQzMd5q8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":175232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHagQCRA9TVsSAnZWagAAM3EP/ROTOgcUyAByjpRY+HUF\nDSvkuOQCFuiAMwyx9e7Y4+Ti3csQ46RlNFJBBn6LLLakoH80SeOqdZfX2Zxd\n7ID6sb0INm0jjwb2Qgo5yIkk4V3r6WN6BlFDQNdS5C4OchpeH5iXPu1MxSZC\nWXHSQLAvFbaFJSTaoepnr3/mbQj7OpcJA8K0Qg8POgcMnhtxMTFe9VNjmqe4\nZWVYoDMaOPlQltrwLqxX6GI/ghuFwu1XvRIuCN7kYAKW/GLH/Rfg58gFZFWg\nL3og3nnimztAhFQKU3auYe1x3PBuDZYoNBuBnNDaTt/ZYqvaXLgn9q+4f/6P\n8Uj0JDLYYO0hIs6cUSSvz0oj+KOBUQYnD8ZYQLJLCTnkqVyrXxYD8Z93daBC\nvrjVFXDUW1xVW/lsyrNStbiOdnekrVlFLZvwLgVIlJ81Z6wI63zU8lVWJYmT\nDQ9Y33clEEaB0SDF44BaSyESpYzPDmTvcGVVMNspdo+0vsRALZvVQh5tnh44\nz4YKlnc8cnTi3uq6bwMC5Ms+EJrcxU/3Ch2fNR8P49bzThq5KHbNK1O5Htqx\n8Bfeh2zS4F7wMWFX4tJulp8g/kHz2vunkaBbiS3D5bVFoJZmhep6+ZoT5ch2\nVpGxyBo/KrJpkiR50WKKXcRpxBW+yHCtIiznT0SwSBAH6kRbu88G2FCYi9YL\nQFfs\r\n=NKBL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"60392008d42867da38211687e2491f02da9975a9","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.0","@chakra-ui/hooks":"1.0.0-rc.0","@chakra-ui/utils":"1.0.0-rc.0","@chakra-ui/collapse":"1.0.0-rc.0","@chakra-ui/descendant":"1.0.0-rc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.0_1595779088296_0.45068867700961324","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.1","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f3923f18d2e272c6ea2b3b68f1840954bbcd87c3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.1.tgz","fileCount":24,"integrity":"sha512-AIHw7/FZzUGAjOb+javs+F2SfMD+6w9kWnvh5BVgfJKOz066dPDRsRHSBRk9XYxA3mCkTR5+yp5DEw5ar5Trxg==","signatures":[{"sig":"MEYCIQDf72eUpZIOhGx07yJjl78QA4yI7mvY786RqQMC+l+iJgIhAOhCEhrSB4JQwAy8609/GY0Nmn73wJw7ByGuGFbuyqaW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLVCRA9TVsSAnZWagAAM8QQAImSY2fnBgya/n92iOhl\nNKk+PUY/qxGWb6ZTinnkWtVk7sSgQc+2ECgc3pkr6mH0ZK2KWBHix14wbxR2\nDSA1wmg906rvtl0wln0dHAmwwUY1S8Z28O0C6d68DjCHDPrHAtO8V9sYUamg\nStxBr8QjIDoQNYKShIbBZOBnm2/L0C4xHxPR4MCoZvUjfhTbTZm8+0QWh6w4\nsRkLL5myf8Gb6UB+Rwx32hntXXUhmC/80lcdd/RD6YlGmluRmJ5S/6ALQf9f\ntD98J3zukyARgPPsgijgTbHHJoRMk7zhKmE3a/HY5XW0YIiLLTGBAZg3ucGu\ngyrYHV7WtlgHBjImL1f2cPmQSi022Arw2xBuFRcqMxeEWGryl4LsQdR1oWUQ\nL/RNlPckU/Mi2Vbz0aq/NAB6bxezMGZBgmWWmDv7Jt/DuNYGJndCKolsI1LX\nLHcIq/l02QJIBCkA4aR/C5SvzA311tX6M2j6qyzp9udRCbm4jzhH6KDHbhAP\nm14bf1ytcAR6R8dVkLfxXnH/lT555HdfxPhI731djJkhOz1ge1whRR0GqdZd\nHz155ERB3bW0+tOKeagn8KauzaWSOTlXxciGvdWiZrK3/CuMPs40IF5hj46Y\nEo7VXf1iisOvxsAAv2KpXXViWaH2nLRxFC4g/FiAwfQxTFA0zf3ll1vj0LJ6\nON2n\r\n=8Xvy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e0470c73a9f6be24525dc5458d6fb157096b5ae3","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/icon":"1.0.0-rc.1","@chakra-ui/hooks":"1.0.0-rc.1","@chakra-ui/utils":"1.0.0-rc.1","@chakra-ui/collapse":"1.0.0-rc.1","@chakra-ui/descendant":"1.0.0-rc.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.1_1596748500623_0.9886050000875515","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.2","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6484fd3539b1855d972acb50e0fd5b2a507c8050","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.2.tgz","fileCount":24,"integrity":"sha512-03lxicnPjLVGnltcV/7tnKwMvKibMkgmxEY9jZytO8LihR8NiFqFegtVdH9SAWJzW47I9yfCm0Rind0mN68oHw==","signatures":[{"sig":"MEUCIDNbMRwv4KQ1qiX2QrhwPSNGvHCnl23uxTFU1M9C77YTAiEA31u7R282kkpnSkQQ42A2mL+DmH6HSedcWncNUitxcis=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":147108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97aCRA9TVsSAnZWagAADUIP/1hH8dq5aSKXVJvTLFlv\ntt4Gvz6XG1IbqQAHOhQJxFajIR92O6XiqZwYCSyVZfjNsQhhwRckFsELTE8D\nx1lwz6X9bnuDolFODbJWxY+/ksDh2D2nQ2AD5neTEm2jIbdzFa8CYL7dP0Vx\nCV2yVKY/7elBMy020sCZgk7ozJYqljfDDj8YdQWJAQd9JQ0NuNZ7jTn5dLPq\nOeW/Vr66v9KcmIkYiv1xbrZKfhhfUywXfqeb6Y9ZxudJmIBzOcyGORrJPB/R\nCJN9eYTZIqeRbFHqkCH8pAQ77WwKcaGRwPvn3NBZuQJPWLC+ZEYC2bGROlW9\nVFuZdg4SeHghbuO6PaphZ+/hO8r/A+fE5Ki1TG+mrq7n7sF8Av939GkS5TY3\nfg6AxsI72JxopFT/jGqqbVRXG868KyUeh313mqYa0scyNVovjVsw+bQpeNtk\nWtHKe2c+LVjBl3WXx1AhD81DRWIsP5CrpqqF7AXr5mSxET+eW74I2QFjFmDM\nQhzEToNddqQuVShev7X/BwVQwY5vLbiXaDc0rMhgtCmmk/iCzqU1+P1gDoG0\nFwWjWmKD/bsi1OQgRu/JkZEEY5aQXRnoTYFio1Cc86JuD+lATZacSj0QaDBg\nySjBSiRYGlJ1jL7U6T55kVMQgRbSziv5iadXAhExpd9MqWnt0BjxY9TX2Jyv\nvWls\r\n=4IcH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c0a55ae7279887996fd2cbfb410476c86793e1bc","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/icon":"1.0.0-rc.2","@chakra-ui/hooks":"1.0.0-rc.2","@chakra-ui/utils":"1.0.0-rc.2","@chakra-ui/collapse":"1.0.0-rc.2","@chakra-ui/descendant":"1.0.0-rc.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.1"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.2_1596972761936_0.32419743692204905","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.3","maintainers":[{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1976ab9e54080cc8af8d55a7cafc41e2c7587ba0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.3.tgz","fileCount":24,"integrity":"sha512-c2y+cp/OU1+7BFHOcg5++eEDMq81xbuETWnpc8DuvNoKB0lgmkujcmVYI1FGwowT3hVzz1B6MGYg/eN5gRreXQ==","signatures":[{"sig":"MEUCIQCLKgHkcgzk1L6m26bYZ8Sa126Dm7qL1yFU/Z6k0HwxIAIgSfiHSQfNcdjYIt9Hf1SMjM5OXFiRgu8vC/UO1BayDpY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":145360,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YTCRA9TVsSAnZWagAA5u8P/RTeqHiP+7e8UZzyumbp\nXBB9hdwB+ADUgi3qcuhUAfdIQgwZnt86I6sN0YERXwhsvXNb7Pc+5uFdve4i\nsf9JHs6P6H0g7EDlWi8VzwGcZBeDiV6/L8+hDsnDERavxWwNcQlBYMjckihH\nt+DBKrIjkCvAhCRGoo/7dWGGOHitYaeASGXPJhaS0h0pV1kZekT4pFqaklRh\njBaUrmtKSjWtHSTFEAHl0dSXd7AtOS7GCPtK5hdt1IPveEP0lkCnm8KNQasF\n6mVX9PvXQP40i87TU/j/7xl/Rbrh4SLncRgB6885bC+rmddJqLkrqWPymJtT\nADZB0f0TcqLDDUfNfu+H3IMAOW9uUiy55PMlnL6pXBHSsox5f65INOCkKf7X\nHIhm2T6hvfb+zhz45EHXOKmIQ1Cne+O5qTIaCrjt8usxuuvqmJ9QEtRWxo4c\nk51SDGpd7WwcMiLItEh2fhmS9mjXFXLzDf0RUPAPw9LcI/CWttJJMjD7T233\n03RDVHtwtsQcJnu6SMFs7r2if1zEsFI+5Mt8kltTEqmRSv0tdsWY9Jra0xTE\nTq1U1noBpEZZpagINJjVkGIFtvAsSZ5X5kBoIaQ/5fpgIEN/i2rOb9CYbA0I\nxcpbE2By+uNq/hWbUPztlEFSqTsdFytgOf74r8Qz5D/S4Sil9p+OAxIp1wjr\njfuY\r\n=zy+s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a0b689f3a2b1589d58e4d9b0c8a9bbd02ed90f6e","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/icon":"1.0.0-rc.3","@chakra-ui/hooks":"1.0.0-rc.3","@chakra-ui/utils":"1.0.0-rc.3","@chakra-ui/collapse":"1.0.0-rc.3","@chakra-ui/descendant":"1.0.0-rc.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.2"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.3_1598801427395_0.012987975901007642","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.4","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"82f22f18d9ec11689a03ed4de878c1e79d1dff22","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.4.tgz","fileCount":24,"integrity":"sha512-WwlVqPSnu9+Vhe8AJEbAEcLIb5QWuZOBow0Ai3o7yAAi33mQnOYnXJQF7jHirPRzvV+gCd129aWwclf4Kzycmw==","signatures":[{"sig":"MEUCIQDodHF3Sktib9nMXOymwXMbx2ExjhruM1w98s1mk80lkAIgaJk0SV4b0HUTUtR2drog81OHB8OVGBDmLXBhLjtHe0M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":145843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfoNCRA9TVsSAnZWagAAPtcP/i3zMalwV2+u1B2Uhc3i\n6ZzrJIIZiquRhD3a9o9GgeT2WHja5MaoA2zEjDswpzAHLzsDs8J9HHQKqgK2\n2SgxmeRAo5RJZTBPw367EaaMzaDzmaxz94FVhpZctp/PpEg0QP4fhUmw5GDh\nh8F1/m/3SYtlOTcMuelyuJ7LeZecBS3oHtsDgVNSfouXcksm6SuglzJvRc1t\n0HSACvaarHWqEtcL4cDsVeo71d+fPnZ1IDqsQZXWtacd/HmCJEsa3kMP1Biy\nc24UMb4uYFss8kU5HAUZmXhoEMsgHvwgzsv/2kghekJaJM8C2q+7nmH/iIa5\nYUbxD2aB1HoLocvofqS4OS60WKbsJVpZ8hL2Hty64cDBOZV4T2dRc1gTGtj5\n4sXNHWLOYjmdmTr/PHJ9G3EOUBMc/A+n9qADxiAt6YBmJ5m5ZQ6BLvyatmkn\nBfbSfE3jzxf8UGvFkDPyNXtrmNYpWGe7jGcmeuroBdfkvfmMB8SzAHViF2To\nQUaGAZullBjGGbABs+7sn4FhhW39icZCUkYJTpTEH95n/80DhNQ1vgrS1lhc\nnBY9Zx+y9TlfAe6slEwpARggRp3h5GYl1abCoAHYzX344Z8FSLN82NNz0RpY\nENId6Uf6eHWZWChREXiM31Mzj85pnyLPYji6Xsa1obkAAQQn0s9wUDBmP3DC\nbBml\r\n=no1L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"830b8587c572a4c20d6b56b256accd6686255819","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/icon":"1.0.0-rc.4","@chakra-ui/hooks":"1.0.0-rc.4","@chakra-ui/utils":"1.0.0-rc.4","@chakra-ui/collapse":"1.0.0-rc.4","@chakra-ui/descendant":"1.0.0-rc.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.4_1601042957205_0.8661364376383736","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.5","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8f35f12fdfaacabd1a32eb9655efad9bdb48c546","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.5.tgz","fileCount":24,"integrity":"sha512-isr25TVEH/ceUUo4IZqgMwLNPZLcnRvlo3PcHJheXgtl2DbX2UoQkN0oJP7H/COMmURQqeAQ2rBirW0okBtfVA==","signatures":[{"sig":"MEUCIB4NKc6HNYh1sYHLtKJLbu6GPPwA5iYsMpOXM9XSAmHgAiEAl02oCwXrpzXGf2NiT0a4fhsFRG8bKtWRZnrIEZ/8keA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":145936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXSCRA9TVsSAnZWagAASmcP/0NJ2GqDWgBM2H6oKDzI\n6xVvlMe07xb60lhwxXA3jQSGmeODvlQplguz9Q/gGavV7bsqW8/XtjIFTkAv\nKH7312k3HWcr9JqmZ6LB7BPVXis8MgTu5972qKPUiruo3qb7PjpoXCpSYZtw\nr/CI3/nPhbSQMeOQNbvLWHTyelcVb4NmcIuP1QZQTWUqEF+edTzY2ZbV6vLP\nl5gJI2t8vT7skkXrEgiPU4HNjfobuo7bxe38oitDX0Gl7Svw4yXmOAaUwkkH\nK2mQvmGhjA0WLYSKCmGuidAlHYxU9IuxR1ZWBKMCKXCc/MlcHtqKfxX8bHne\nAAaywg3rBuYepZW82Gau0aG2UBdQ/hj+5DER4lA9/r1B9/sxe7cog5q2aCXc\nRWmnfic8SYEPqxOUR8JiR5tevGtHbiq8LPSbh8Q/nICC8Ot02sy71G7iiRNZ\nXQ/EdFgXcOEfV1y1uCJZx2fL7W46rog1gzIUav+Cu+SpF+jVtRKWM8vI0mHU\nPy323oCwCfaJqWkyWvvgYCvuVtuz2JKuM+A8w5Q2gjd4wW0ypNhpK0DWhFkZ\nSGPmt1btzjoPJUbLyoCHFoQenlPQoEQ1IwGnlPcEDahYF8z1enyG08mg7stF\n+8ej6W1WVJ67c+PXCW+0SgJWRaFv9ssfj1kolgpHJPIkYOvIcz+GLm3R7MRy\ni6jO\r\n=FGyh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b5c8482b778b19f27ea1d6c8ab6d5ed39c664afa","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/icon":"1.0.0-rc.5","@chakra-ui/hooks":"1.0.0-rc.5","@chakra-ui/utils":"1.0.0-rc.5","@chakra-ui/collapse":"1.0.0-rc.5","@chakra-ui/descendant":"1.0.0-rc.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.5_1601238481693_0.49830830666856873","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.6","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"58aad85ebea18a782ec4dd8808b0cc86c75ad840","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.6.tgz","fileCount":19,"integrity":"sha512-gOmMtdVX8x8KQLW27w9RIihP4R/BOmBEkL8iqNmWIPNCXBakyEPftYe5Xa96coxcypDo7/t0wwDS9UkEsKVM7w==","signatures":[{"sig":"MEQCID7nGHIsFZzqAFYJVByzx+JNBNLB1s1tSRqnEiJ/9hQKAiB691tBAsWwltlh0CTg0KlM9SgSx24E9lHs+C7yrZDUwQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ0bCRA9TVsSAnZWagAAcr0P/Rv1InGwqN8D+OiVOyV+\n0mmR575ED+ZZ8TIGn9Us6B64nmAlZ7nLEiZ8sLIcq0FhGYxvHJwx4DlBMgxN\nZSXIEV0MIBVU3cGmU28g1GKuGYZmyeeuffHmaaQWNwFkDmUzxAtjyf2d9ZVW\nK09pdAw3KxT1sMIU4qcskCc7CwYyhONrteXZr/E0QRAHvApmVMmOh0bP5O5k\n3d/vRVofZDyvQtmFAeB6xur2S9Za5+w1PAxnvB3q/T9LfYbPqJ6mbrjJk6wG\ny91GA/2Z7s1X2LlemLaEudkTFD9cqfv4IbGijaCUBx06vHEHzc4o7n4xM0Cb\nufLkI4hOfZHtFNQ3TWGlUJgCrGKLIV7i45zBbam1sXXA5MvOVNazBzUIL4Wf\naR0AjdjZYLaba+TqkOXgmCdvoXJooBv7KxKArPgQnELYhRmP3zX3htjolh/k\nLusJwilMnBdt0gUJtROFPMXxM2kKUKrcoNG/37G1lLjcMZAhm454rJ16HrXv\n0oWx5S0/trBebRmDOYHN+rzw/WvWeR47OwBcJe3dytPl86bpwdEEA++Dcd/y\nQqFFjp2w90A0unG3F0PATLDzG6md1CpTdO6A5RKLLTKIhwc7WL6DSMLzrsIg\nb2xkEDWA4hQkNvGfh3tfxSLo6Wg3GGjZuFKr2Z/nglssygHFA8BbWzxpk9lD\nOwqE\r\n=nEQZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"e55b45840d1edc821ad0bb45632535333be5bb86","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.6","@chakra-ui/hooks":"1.0.0-rc.6","@chakra-ui/utils":"1.0.0-rc.6","@chakra-ui/descendant":"1.0.0-rc.6","@chakra-ui/transition":"1.0.0-rc.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.6"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.6_1603640602908_0.4791373825541472","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.7","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.7","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"939fcbe46047366753189b1f0612915ee4b03ba2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.7.tgz","fileCount":19,"integrity":"sha512-NYSRPf1KQhXVg713TnOJ7yyPgfCdmOTwFIqhHQDd+Y0/xHZjOI13ROdaH5xWXol5YLc3HTNKZmTvGHQMuFFa7g==","signatures":[{"sig":"MEQCIGALImCc+4woY1GtTgAdzt9lOLxrTo3LqT6DRBSYtOS6AiAP4AJvfUQpA1pNAahWMbpipvrGn5f6uhdaQx4JNuWrOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfCBCRA9TVsSAnZWagAAtVgP/3o9+lFkE5kP16pUf8p8\nq17QersFBzWtSmKJpKsoxAOvF7fmJeJk0NS42inqi0YsT1PKYf69gzRPN4jk\nKXKceEhHTcCPmvYEsLYz51xDKseXrJ//D+J6H6eMPFlTPYctUHxQXne7b6fk\nhBtpXxStlt8S0IFN7WPxd6fLwNmQ4uQXWwmvwiQOdcZrg7fQlT/Zqv9fdT4h\nqcwspa5aGGPX8GNfWL3WU/GJGntnT0utEhtZgkxWQVJcpyoElMmJqDMr5u6c\n9/7NwshQn1AOX8ZZb1/x6xZVS28ectmoFBV3Trzu0VGREDog8SUot63Is7Sl\nrhT7+ORVpawD46S9Q+Ula89OA4Fipbw7KmMu8Zp2aoRcws2BAW3H8BuIfHKi\nM39h/LhCJZ3wmmopWosoGYPGWCIE0hwuZJFovrDTVpwc2K6zleQDaL+yMZE9\nU/nbBnRMYAzqOfetS2Fbg98uhwk0676IzX01gFg3BAkOnmgf4nB/TKih95KJ\nMkHhWQ6ouf+vFVOpGvbtw1KwTpWtxU8tUWOsGZSyfseztLcaSn4d+QFZmRyC\niySUieJP4cNhjjGHWCq76wAy4XM2ZuAl/Q99YLGUMl4wyzW8C9cex/oXydb/\nsd1fVB3LU3RmRvApTf1f/fBm4ewiMUdOeDtXzql0NF9V/kvfAFEP7IGmLR/S\nDXII\r\n=I7Q+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"6da531af61ae3780c764590cbee62297fb206e46","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.7","@chakra-ui/hooks":"1.0.0-rc.7","@chakra-ui/utils":"1.0.0-rc.7","@chakra-ui/descendant":"1.0.0-rc.7","@chakra-ui/transition":"1.0.0-rc.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.7"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.7_1603661952551_0.44013677356997993","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/accordion","version":"1.0.0-rc.8","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0-rc.8","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"474d4448fef0f315575bd924cc86d3fa52b37021","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.8.tgz","fileCount":19,"integrity":"sha512-4carsEN6gJFPc9Acl1zckLxQZgxETKSE2ILOL4M+HCx83BMOER59KdEpOH5qNhB6bWlYUdXaj3metvfQz83pCA==","signatures":[{"sig":"MEYCIQCtPLwlCY6mTxLsW+szOb4Ipg/920OKH/bcF4uOUyvL+gIhAK+jMaqNbE7XhL0ZEVM79BWPhlO3EvrGK0TBZ1Xfe0px","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyUfCRA9TVsSAnZWagAAXjQP/Ah0LoCRbxYNxJvETKWR\nKFWlbPuaaT+gsUtmrR33Z4EEVkKh0c/eVcJYS86dcxquG91HSWKShxK99DDF\nSzMgIG1mbX+loFF1/v0doBYSKLn17nrBkoju2/PiWEgvEWyTsCNWfKPI0enR\nTeW/6QHy8/pq+MuJMDuw0iSZunFWJZYp1mHepnU6jMx2xjzy8YdQULKrJVyZ\nhQDflL0ib0b0YYuXxsuL6MOFVmiVwjhh62oJIG8KP332gabYgDFGKOkiqaBG\n6oBMLnd7wfOvEu7IuqM4cCE/9CIZV1/Xav0hGy8x1Sp9odlmssOdgDZBGeMm\nRDK0JGu7DlMe4QCwCqGDlAzduMx+17LnaHHHBw5Co6Esi7rdnwQDSzbeqZUN\ndV6cMXlNxyCStyvZ0abrIFKN691ugm+3rYshXWd1vt1HxIT7c6S8/yHWsAHz\nfEXgRfZsbOd0yF4FmSoIT3F5SO1tJk82//FvMB7qmI9pmDZIxa5uY+7E8NFQ\nC4qy//PksIT4NfbpyiUKMRB92v7D/hvmeJ+gNKsEKZUJgzm2eMuGMu31x7Bs\nQ7QR1gzZIprw1QNmpsUD2ScpoIw5F66iFNoG2+cUGxSqtYowdzUAO1wi1CUf\nD0X4ADVFVxmymq/WqGdh527bfloMYRS5JES9KKGg3TUQDS/BXLw1z78Tvcr/\nQpX5\r\n=fHhh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordionitems via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"de4cffb1638e8d10cd74515b0289d70eb94931be","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.8","@chakra-ui/hooks":"1.0.0-rc.8","@chakra-ui/utils":"1.0.0-rc.8","@chakra-ui/descendant":"1.0.0-rc.8","@chakra-ui/transition":"1.0.0-rc.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.8"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0-rc.8_1604003102714_0.9235024602962947","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/accordion","version":"1.0.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.0","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f34c324f923f1ee657962a9e8368c4e5b14d20c9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0.tgz","fileCount":19,"integrity":"sha512-uxX/QOK/xY2gpiuztZJ/ociFxm1u0jHpWnsaATKjWQMWtOKwJACdkRtvupa859j3HF8ctLOL0BnsB/qB85Xg3g==","signatures":[{"sig":"MEUCIQCQTJ5mBTE7HsCHcY5yb8ZFReMwPR/JvIFF9nlLOGgGTAIgXE+QJ2Ki2kS2uQEbNDhUE/1rPyR7/c1ZBMSp99uMGC4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114909,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4iCRA9TVsSAnZWagAA+pUP/im7tqKP6TwTeRYLCcii\n6PxUSMed4KHVbKvIhoYi42eb/1Me/Oq/KV/at+8nI4xVyZJLVclKbyIWcioD\nE/pfFEVKhqfg5Nf3nG7xKEe/e6kaO92B+IqYxc6jI0A55PD4Mn4chjiPyM7V\nkM/DrkwrX8I0yObBeuvpn3VuuqkAncDUsWSF2gtfwoUv7/7BZRmpepSDwkwY\nhG6AgagC2xIHVDaRYh4Kn0m3DqXSRc9eoEOD96JmKLQAYBPDhMrY8QxwSy67\nyYNEB8QVWXhWe1F1OEkTliaBBX59K4EzW9Gbh05o2p03M/x2BOZWgVg/7kkY\nnl/WdDd/E9i3KbSqQpma25S9CHFRyQb1NUNpMi0fz5IWT3pP2vuv40hD4mpL\nzr31alFugKwD9AyS3kYGKKUMBs664Ketzneaul0EqkgyNNxwGxyGa1sgg9+q\n1XYV6o1XnCol1IVtFg1Qm3a8BxI1G3X6Oqe4HUAJFrhp/fOa0aoxkDwcdKST\nldrY9k8y7WzB19QjWNkfA6Gp2Fwa84ZZFtctNrer9MvG5hKlhwJK/msBqBT8\nToI5bfEMNp4Hc721LsCEZdJ4cVi2v5Nh0otsI1CfJNuqJ04to9scFhSI2Owv\n1ebei3S0bNb6RHZ11OpfvtXfeUdhBkpTOpTK4HZquLdhq+YBJn0Dupy+BGw2\nHDV9\r\n=KRT8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"c98ca366cec7151fe7ea4e0b6f893088797c5398","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0","@chakra-ui/hooks":"1.0.0","@chakra-ui/utils":"1.0.0","@chakra-ui/descendant":"1.0.0","@chakra-ui/transition":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"1.0.0"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.0_1605262882291_0.2513783782839478","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/accordion","version":"1.0.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.1","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0e170b5702945a3e48b895ec71a8c3b0723db185","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.1.tgz","fileCount":18,"integrity":"sha512-p+AqKcRhRdFljFdMmc7qKsMBAFM+DaZvCm3pawSN/xX0/KZYTrac2h5vRSlvJ6GKc1FO4r91RukxD+nXRBOB2A==","signatures":[{"sig":"MEQCIG4XQrYH5vU0MvV0FdlbXzZQr/At56RNUIWeC6zRyuNtAiAtqf815dpG7Mpcyt/8J/+BGGjIOzlwcDh8hp0uYxHfaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB3jCRA9TVsSAnZWagAAPRoP/1iriRw7CXpcTv4BwYcp\nIPlth5WB9Pn+HNgE54bRjkfV5e74d2yYT0xVrnIDIkB8GWD96iho1agdeAF6\nYrzCCowCBCFclzwmT/Fip6fBm0DYJ+UWqOE3VceRK/iD4nbusOaJne6fPn02\n98TVgEGpx2U749XOhux5YBzBp/va1CfNB8gib4S3U8ZM7ic1g+tgE9btTpzj\nNkdUJ+t8MehhQFoCy58t87icx7VG5T3rC88RHru/FNrTmVd10BIkxcLbB3g6\nR/tqrOhdbdJNWf7pJF2FQmsE2f4mGEAxNgV4tGDccOpupNdtyP5GzOnKWCBi\nIdPW6QOWkpt94Wl1RtRhMed0qxYeJ/H1yTlymBsv6DlNRglXOuz5fiArdfok\nvpmaAG02XSii/EAS9stO7qiVK4zXSXWGYUKTZ0iNh++LpTB3upv0CxKlNZTS\nLMaGgMwoyy5eegR4PsRJtBd9s9EmpFSEgxmu+OlIy9U/WiAbOh3Incw8gTdc\nXMFkwBNVKfi42z/J+8BQAiLu9CeDne7+L92q2QJwTq2s4T7FI/cipqZ6yuNp\n1GFxeiz6mhr75yEbIGkuQVVQUxuB+Krlo7SOHwMa0d3aSZl6v6kvDvtB7Pdp\n+HdBK3s317GD4Y4jHvHVan89kRzV9jPS8XFLkzxlCYvbw4wZQo1VuQcRBesg\n2U5L\r\n=8fJz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.1","@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/descendant":"1.0.1","@chakra-ui/transition":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.1_1605901795265_0.32054606923521556","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/accordion","version":"1.0.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.2","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"efc55327f10dbfcca527c1eec590d44c09e8f14c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.2.tgz","fileCount":18,"integrity":"sha512-jhR79i3J6JTNLqk4ssuoU8ZIm7c5PVIRqDzX4iduoQNzV8zKfZ/DsnMMAUUDOw/9W7Izqf3HbaqrAZaJx37mxg==","signatures":[{"sig":"MEUCIQCQgTFoopDcVmIE+EfLg/ADo3ZlWoPuzwnAet+ptsw0wgIgc5bIKRvY7hwSzQfnIojSEqJCJ6ylYEHgtdNB6pfII30=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfySvRCRA9TVsSAnZWagAAC7UQAIv0vn5MJHppL7nxKlv0\nUNqMyFBCVPXnL+JUe8BJV+Y+sL7Z72RiGW7Z6v2twFU2/Kt72FdZiNS7b9WY\nogi7disDZUB0XobjgYKuIC12BE6F8HBg0Vs7hjvZ+FR1DrPiPaXikYjSe/Or\nGW48Eu5yc14/yJ+XpXASAOhorMrWS320auFtOwJ9CVXaqwL5CG8AIke1xl51\n2cFKQjcmWltVz3I7+3j4r9N+JA/SjkZ7tVggvg7+MvwuADJNBTLFlV2d0Svp\neO5R2TJvlUX9Wv/pDz+XnpoTOyqxy6n8E/YJquPpwIzNAjKo4FafLn9ZbSYk\nmT6bmjSsbIi3MmvhnfK+XJAQCqgcFCgzMkgm4W8JgK5+Z4NI8m7/NKng2MLq\nxuo0Q6ttwmzdhbw/s4be3g3Zwx953jSug8VFt1C8z8tKMZ2t7LtWpKSf9t9l\nd9uQqo9fk+5AdkYNai1vLpEhTNFN1m6EHaqOkumLAJZX7i4GyeHKx6GW3T7t\nnNTuq+gd3QGzvPyyu8YRfQadDNKLmJRweYx0Qq3OCaRqZoa4+/o12L7XSkQR\nSLqKbS+bFXGsCpcgOIZuSxQ1R7lfdE8B7OGDNg85p5b47czRycwtVDkAX26e\nJvcLINjsXdazl4IWjkxGgsCnPV+J1DzaimRh4Q96yjwMQ0Gfa1kQEdJyeIz2\n0Zxb\r\n=vP4K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.1","@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/descendant":"1.0.1","@chakra-ui/transition":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.2_1607019472783_0.7287795595808526","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/accordion","version":"1.0.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c23e6f80edfc6877585faf92a0f4857a5fb5bd4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.3.tgz","fileCount":18,"integrity":"sha512-pLujWZm89u8NNgEKh2rITKweyUlo3CPu681XKHg+DjPfvebVQvFsI13lApwHMXonD91WlZITHAZ1PVAIXvJgKQ==","signatures":[{"sig":"MEYCIQC+TKGLcpJ8v80Do7hHdHN90JJm8UT+OnK7mfJQO06GQgIhANVfZT2AC9V/aQU0orN0B/G/mYRXQZa2n3CMoAlblfe1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29AHCRA9TVsSAnZWagAAvYoP/1e0eSd/Q+LPtUyA9oaD\nxZPUdg1f57rn4tFd5t8zZPMzKXaS8uXuzSA4rmrDk16+7SygODTX8/Q/U73E\n+Y6DzZQtqW6Fo652NWcG+uZ25XKpN5O2l5wWU4hMbjEcOYJ7mUQyfId3KRZd\nEoPq9mhfkm67VKESwIdiA8PycZd2JNti/U6hLFlGV3DorkS3LGLV4x6YuOxv\ngi0uUZtbBah4tSjWmMGadkJxphbkX9YkGCfELWXGfZ9IWKXjrB0GcJtetM3F\n6hH3E+fhx37O1puov32f47ZWq3+3S4d67OEKGgHBL6aeboAJDDRTuGm7iFqc\ndSpHzHXdDXVRovSyUfCZ9VteI8blTegOyoRp+H1Wd1mq0Eeh3cXUk9m/lQGi\n6ULDxDEGHGKy+nAPokNm7j9FsNkpF9L7kuMKWd0ke7hhpybpWffY2rICurE9\nGHSaafq3WvrApqX04GP+anLOwaGnjoc4op2hU17RfAx0piPbP8WvYMp3E+W1\nazGEU0cDl5gpmCaO+2xPZDRPwOr6j36SrFVHUQzGPzhadw9YAI6+AyZ5+PMV\n2M4BUPiUljv+NE/RdbObGmLZbyQ+3/WTsPb78ESql2tamKq0BVLu4pS2x2pD\n5Is26d9E6xb82C9W37vFpazwN3b51QKvGN/q+62Q8NcfG4nZX8nsGlKbsXFL\nudQ5\r\n=dyLr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.2","@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/descendant":"1.0.2","@chakra-ui/transition":"1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.0"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.3_1608241159321_0.8580260514788356","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/accordion","version":"1.0.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"aab45c838a9a41c6bd00559feeac41f172c08d4d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.4.tgz","fileCount":18,"integrity":"sha512-7LwIv2oQJ57ilIVWk7LNeehNqfZRTKuaUDupG7vYkh46YDj/ncBL2aKrxnL9b9YRE4xuPM50yQNFOXC48GXfHA==","signatures":[{"sig":"MEUCIQDQ0p6W4ZZwVQmCIkeK9iHaZTQ48puUVVa8fBCOHacxhQIgJWPdX+uFig//wXdAPzOfPbObQmUwViLfc2hdHza62Pc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/IR3CRA9TVsSAnZWagAAQRUP/RDuqUIQb9UgbbRmmBVC\nBoSDCSJbF0BuSUfZhUPVe8OTX7nyR1oYirSHKvZ458eIxdf4T4M55mZAP+RN\nbU7dXQdeoV1UYMwtP65HW0pOF6KhkRDPrXVpClwF2Oxu1G4FmIKMm4qLscWp\ndt1NdGNd+Q3aDJSie/I8WuCKaq3vXIolg9U8g+K3Rzp8oalxihiQgYT9Yc6o\njyeEr12DoLPcTC4o8ryjwKFoH8OSqEYagtHavl4HovNWBeLT700MJVzxMk2k\n1Wi3LwI2wY6FzOYaWla2v8mT7PNGgIGVLPAKbunzNerFCVMRBj9vVnwui4aB\nif2KFnzQItSpZ2cZef5W6TNeX2uPz8878+t+ZOxoflmsSwKhOE4KTq7U+y34\nNFOBnnu16U/hdf9peyVegguvGrwwgnA4lAjFthsJdHpaE/6nGMlcEblMxRCG\nUZ2gqYkCc/tkrLdnTnO+sdOLIINd4nS1oRIfW3cdsiE+G1dCSReIy/H9s8yl\nZCUVH29A4fq/CW+t7vUfTqz9fXNmlN13mc7n+Doo4l+r+ClLo2iDF8gw0PNf\nQ38JSG8O4VQHJDaiw/yCl8jZeysjgfFDjGCTUhcikIRsmrja02s32jKotuql\nyp6+bIWpxl+Ei8NVVVj9L4ZVMWehNxmEkYcWoogEAFsSteEcZSyoIllabQhm\nAV1f\r\n=c84C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.3","@chakra-ui/hooks":"1.1.0","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.3","@chakra-ui/transition":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.5"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.4_1610384502859_0.6526161484150255","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@chakra-ui/accordion","version":"1.0.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.5","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e6aef07b16d522b4a336b465342aa420528f2621","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.5.tgz","fileCount":18,"integrity":"sha512-hy+Ufp+YcFoaxQ4qXXp7wBlfrcNR6xLMVs6eTRo0MUmbs1x73l41+4IDheFjCk6dhXCkMNzsg2++TtbaujlGjw==","signatures":[{"sig":"MEQCIEEGY3i4scAL21Md/DtFMKlLM7WF/PWyEIBe1PgiNFZPAiB2DDK2pQgLEgls4QKYzj1J+exH4x5GiXKvBG0Ymion/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBJNeCRA9TVsSAnZWagAAQokP/Avkmg2VDlNW3HB49Uv7\n3NPbzDikeXf0YI1ZH5BtL/tO0BkKY9SEohyOhE2YrSEi0vUKeaxfC5+R3zIN\nsWkbj4hJERGuWSBU7cl0tz80Z4tMRajZSXJ/zLf+0esDQa/C9HKp07syGr4H\n8HD0h+klT8ilMPla3O3WEdSxE6lGVIzbn0yvEMehdPCt5Gy2ffyUayU3waU/\n1Ji9nFgz0xI9ZYFZD6tXXZszHUM6IvdoDFoRex0461LV4Ej17VOxi6qen0Bu\nVJ8fh9co3e+knkW/Nj7CwnxWuxlm6B1caFVUqfjeExcIjhiuE1tO4/d/vQf0\nCL5VExfabkSX/Xb/GoSrjdg5BpWiDJ+1yLtqP5iulwlb8hrDeBbE0FGkkob8\nw3PbljXG/ny1THvGGYOuJm6+b4YoKMDmnAkI1ODhH5uN618Ud4WcoMHYnaT4\nhOTkxCu7Sh1Z1a4Nfqh7yuEHM7ErOM9VsSzKTvi1GdyTg9D6XM40355IJ+Uo\nJy0s7j5cW3SucmEKzJauvhwXRKoCN6TPez3y8WU6EU6XzisRMyKueZFcOVUA\ndC5YlbS4YabuNnC7dNIWuRsLontOVK7jbVDHET85VN3D+7t3erPPcsdYqDcD\n+CBd8878PTqVZQ25NIsBrKzF9YSWUNPxK61EPVjVeidjNruDgX82fhb4nkn9\nQmCX\r\n=f6w7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/icon":"1.0.3","@chakra-ui/hooks":"1.1.1","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.4","@chakra-ui/transition":"1.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.5_1610912606353_0.39282830045163286","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@chakra-ui/accordion","version":"1.0.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.0.6","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3eb84a5b400e5affea3711fb18265ba50a6496c8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.6.tgz","fileCount":18,"integrity":"sha512-ozT3gb/SkeHUCb5nJmAdfkbafW+qWqSC1X3SIy9TFiGQalH47U8SF1SJQgT6Zw/0eYhBH/2PGtLtp+Ipll10Og==","signatures":[{"sig":"MEUCIAZXvBjP2kYb4Wjv4/L7Y60Syj6S2c7rIzJTBrEcfP5RAiEA2Kt01udOWHS9acNxaDxO0/c67Q7uzEIVn7TrYCZiudc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDYusCRA9TVsSAnZWagAAOMcP/Rg+Mh+s5k5AGwR+8NL8\nq6yavFKnRsXfOske7RBxUFjg6up/lEOJXeqXzQSShXC+3YzrJVtsZoaLrMRo\nkI2mJuSdF9eys9Foq/pHf+eC1aHy3E6DnODklITtptbYvV0Ii0OsruF4MlvT\ncJggp4rthNZl1/kXwmWBto7yVmeUJz+7wuKVno0GXrq3q7RLgUGs9jrB/K5j\nju14cPOdlcqWp5SR5lx49P3atyyOZijgJmEatRTX12aobZKRWxUJwPG2Zowj\n1aq3W6mvFRVYmKMBgvDZYuLQ6tyYGY/ZNlA9zLXMHAO86sv6CeGLQuUR6pPb\nBJIT9sdMDOoU2Tzu3V8j0/lf8s0L5m1U/Wh7OQ9RX7V7hisqOt23eNunL5ei\nPtBt2UNpBgsGPVG1lfhgIlQwnYFUMoL1dcsy2Qd7jh6hR17zPDORykFzDlfm\n3B5xtJlWBuRYJBlat+iQa67Joi1Ruthu2Y6EboqydI+NNWCvXCbk24nJijmn\nb6qWKvr6XUznCCIfIk7D1vl2lDuCvc8oxZkQwrdnrGp2Ci6JUfIjuymRaskL\nHBpPEsv1qB+acQJG/m1dlusP7/fR0cv5XlhMXiiugbo5ZtJGURZHhKFy8z8h\n0jcx40InD8rEPvqGhSkfBUUp+ZCMS0F7SsrvUECrc4WJU5bz6slowfJf0OYt\ns3hJ\r\n=iGCn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.3","@chakra-ui/hooks":"1.1.2","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.5","@chakra-ui/transition":"1.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.7"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.0.6_1611500459823_0.26488412648131243","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/accordion","version":"1.1.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.1.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"db758a696153efef9663d5e60d00d2db2ea27568","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.1.0.tgz","fileCount":18,"integrity":"sha512-7aEaP4J2ycOb51fQ3G/TaV5x5mcXT5ojq/yz2wV75TgUHLE7zVIvIClx0LxzHhZBS0b3BjMZ5f4jddUtRPX5dg==","signatures":[{"sig":"MEUCIQD2j5xxOV2Ci0tIiEmdk5R48wcNvFpcSUE8dJuY69I91wIgdnLNAbtFO7gvFehvLcihU0LYWyx6k++vpcP01yB6KcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUeCRA9TVsSAnZWagAA7aQP/3O2eu9zWWzldhaaDcLd\nQzxbpdlBTpAjymY7vGA+ro/i1sV6vpZsKGvH6sX935dK5Bfik9OMlIVMF1+k\nYlg7mk3ggmSXey0WDH7OOBEk4EoXdu3EJJwmp/pJGL4dsMteJhFh7hSbi8kV\nYhjJ5fW7wdPalKEO7EdaRNYEsaR9RufZiWJ45FarjImtLeNtqoDlDiOo9l0F\ntN+MiXzTA5/KAVBWanB7cpyWIQw3Q9rvTOeFneZtDK+UYTR2lrTapZz3mtFY\n4kd8nzjmBvZ8wG2SEhbpOp0btKFlLYoAovIO+eAKTfPzH5n25osSEX0fon5S\n0pIB7sGXrptWYHeLUPbj52lLm+jNmQbknqMdD1/x3Vzs5qfInnpKg3nbOi04\nTljxLUI/k+UhTF+o9dS15qd9hj7SEnQMguVOrlZF1zp0kqFBUHOuOlFVlHWH\nYF6xCjDOfxpRzdASqlod2e37rTeoUL+SO4Ud6Tr5PDSAD4EJeOM8OfuTuAPO\nPtjcq782V4tFwH5Ri0zeM9KpBcAYjONNh5YS/x+8X/o6olFIFrEFhaW/oyar\nHT1JuDhM58d4n5+T6TtgoKvBWp/nRP24+97RT8VEzGB9Bz8IY21Km2Yp/Ty2\nb8qtBtE+9BK3mIAaz0PbbcislJGvDHrBxgbaMrLBFgtT8AEeVFx70sB+Vt42\nOql1\r\n=LYCq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/icon":"1.1.0","@chakra-ui/hooks":"1.1.3","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.6","@chakra-ui/transition":"1.0.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.2.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.1.0_1612043549397_0.6444525282945568","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@chakra-ui/accordion","version":"1.1.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.1.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b45a44746276100601a39f88e3a5e150a2232294","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.1.2.tgz","fileCount":18,"integrity":"sha512-ni4lwO7I1f9uHgV/FHZVfyr+FRDabXfX2cqpCtY2+QvBzaWM+55VAHJfbel2N6/eogXy5WSLJyYD5fQmyu7Fpg==","signatures":[{"sig":"MEYCIQD9DjXPpyTTs7/ThL2DX1gl0ZMPgizGcvDl0q2HfuJ/QAIhAPBssEi4a5B/2sS0+Lv6iajzcod54exGcSj+nWV64uR5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoA5CRA9TVsSAnZWagAAiVAP/jwvCkLurINcGqqmHecF\npUHiDjJQpm7NbCs0Q1Q1kTou/2yybhvkW1yHas0i62Q9A3DQCVor72V6hnDC\nO1qrtPvYxJKqB86t8waRq5j7zTWjva3i4x3fxwLLT+Zi36R4uXOqDl8+rs4Y\n2sWLLcgAUDW1CK1dtow9IgDUU877wbpt6WqTSeQ9aaDxkfMrpZ+haMRt9oPa\nFX4MkjqDtJcpXerbXBhA7bRATci4UCHHtHjJaSAydPjIGC1y/Mdv6L4rMyL2\nJ8WPlkA+1cXiuZrqb3IqN5njtGTStByZkkgK58JradwjH6txOfaWl5KdvPZI\nbXTyV7oUxB2s4MRDG3lI5OEInboJwRkeoe3E1AaZS/82hiD5bu5jQ0s7z0tL\neCnD8d82qBjKHrDe0VCXmU783WRmh6CyHNeuZixYVc6YWLaHeq4WjHZC8Mxd\nMuaoa3eHQ83NmkYmcyNR8aSdrvsMSkHbi5Xh4ysap+FuR2JFSAi1Ph8T1Dcs\n+Q39cprGJAvzMignbzeNBlu5yBw3UiKkC10c4pfbEXC6w+jlFIXs6oR/kFEi\nBwQ23zlGX7CoRCjmsvIIci6e7csptbfVJk2uDI7wECR0OMaTn0jbNLo/kZgo\niv7o/2aq6YDM/FkYu0wYc4+W6cVREHs0xLBllqjEdeHMVUKNyUE9lB5XnLuM\n3GhU\r\n=SfUT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/icon":"1.1.1","@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0","@chakra-ui/descendant":"1.0.7","@chakra-ui/transition":"1.0.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.3.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.1.2_1612611640584_0.1981354321211135","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@chakra-ui/accordion","version":"1.1.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.1.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bfe4901aab137bd08e0796d09c4b4baeb54d3e4e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.1.3.tgz","fileCount":18,"integrity":"sha512-if61BesRBHK5kmqfS0FesTtsmoYcpSYdgcn2cQ0nk9vEc2RvK6H8FTPlFvu64ycpbD73sa9unpdNdxTtzZp7bw==","signatures":[{"sig":"MEQCIC26q5nnGGtFscTD0Qzf6mCdk3Ny2Ago9UdYLmMvN3D8AiAw+XuzhRueNLSaH4DYXHx9cf5BHs87U21rOCJuhMFHHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3YCRA9TVsSAnZWagAAQ9gP/0awo2/AAJathk9NXPiq\nNgGKb6wNDP92Dcc5I81+8TfgwVlk6WU1CIyaEmN1gIm1Wq64t1BV00LeQ+1H\njwxJ4PtbiNZtg3uMFwYG5ltSdrzWu5CvsL3VUHiyZ+Z8vQymfY2q7GDfVaoV\n8KBJMZ+lNcAR4ph1RO2A4mVRwlm7R9aZrrlyyVr9uDwg1mVxngv4B6q1rDVp\n/XLh7ZAuoZGC9ja/Jqnett/XiMsxuG86F8j7tFIFUwJLWO3zqQY1ftHIMDsb\nSz24tOmCS47SWsiAl2ZBV8FXg/yZFftfn/sunf+GP8IiNKUCvLL1EytJIgcK\nI5aaL2W6l5GLu0AyXdkka1+JEK4Jt0lJyPM6xuXs3sBODUgjlTJjG5q65fQO\n/nKDN+pqpDX4sfMTAltPjGPEUuLNFsunhDlanD1w57HGcyCZym/9obbKvtlS\nXdxzwJq6T2Fh/8lOTP9GpkOkKnZUTAjtGMkeGPrZY0XwJygf/ilsc/KmxHLU\nMm83tChmza2wmcPzgIjBJaZvFzJ7FjPh6AmXIGER4aH8mUU7YKi0bwTuQiRQ\nbu5N3Lv12fEgYhoKR4X0nbQdT7t4Z0pA7Og6wKOMOdlzGoEVSSFlKJLsiy+U\n+G8t6EIy74Rqltc9LpYXmMINJh15Va7HsDrUkKJhg5h1JBdWWiStOEwkxj/N\nLFnA\r\n=wAxR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.2","@chakra-ui/hooks":"1.1.5","@chakra-ui/utils":"1.3.0","@chakra-ui/descendant":"1.0.8","@chakra-ui/transition":"1.0.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.4.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.1.3_1614974422561_0.26455803660308685","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@chakra-ui/accordion","version":"1.1.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.1.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7f114ee546185a9cfc3fc0dfbbb63daaae2af8cb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.1.4.tgz","fileCount":18,"integrity":"sha512-8SBSZlxtGuZEi9iXeVF+V9ziM7RH1MW1WJ0K6AcQQVU8uyMa6Ld+FWzsROawwkEJgVCrrd3tFH9coY/0ZXlZRQ==","signatures":[{"sig":"MEUCIQDU+UkiJlcO9vDlr/jOKvBE2UgJfDaCrkwiKQ+twE9FVgIgemHBkkDBc+pCfJm2zHMISqDwL2RTEgUWo93YVP+F/pU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukXCRA9TVsSAnZWagAAEoQP/1KnYETFL6721j9XimkR\ne5gQg9NY6OhMadnTq+62jQb7AQqES64oEzmiNlQs3+od1Q9iJBZgKx8w9B3b\nS+FE0Way45kXQ2Cc1E/lEN3lNy/24wvUBq7hxXsTVq6iBXHoxhME4HeO6nP8\nusRSK9v84pTHu1BEZIM9AZLyJQRaxCv72OwknuteG9sNb+lfWZposyf5eRtF\nNZ44p9xYerEvi68xy6E6IBjRrYjDe+hA+SMtyU6mcSoWR5+/oc6yiSs+oBSy\nCzs/y0lOqbsT7pSPt949E/EuUc7CuK4qIyFWv/NOY7PlqP9Rify+XlphPS58\nul5wvWmheWZQPJ3P/EBlfKY+Bs6tBTKKgSr/mm9sZE1yguoXJ/IGLvwFHIJb\nqDMsKwzKhczz9MLFfDhDmZk3bdVJTPAjPff/ydm+P+HgMELGXM9L5dlHfV3/\nS4I+GsM0vdFEODwy7v47DJEkZKl/TOA7BGWnU0QSH8BZPj6ckWEUOyeh1C0q\njof8jsMnWjArcS17UUo9wj2a8WLjPUsslIeZVQqvNNzH+FCCDH69d6BAjRsJ\n8hr3lEz4IZvF4+1Cjct1g4MC7LjqheOg7pAQFhvBcAwKPnKdZTlAGG6Ycfj5\nmqTJ5dn9HqunfPa/3ewqqi+4KrivlfceyzzfxUaCTPGqS8gtUIF4+VmWjP1a\nWNza\r\n=0JS8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.3","@chakra-ui/hooks":"1.2.0","@chakra-ui/utils":"1.4.0","@chakra-ui/descendant":"1.0.9","@chakra-ui/transition":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.5.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.1.4_1616308502582_0.9018863132519934","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/accordion","version":"1.2.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.2.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fc858655d2082084ff0baf1a92d01357cb059b08","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.2.0.tgz","fileCount":21,"integrity":"sha512-H6pz4hoJzy4NcicWz7UlAUG7bTppQuN+jhBq2utw6Z8VscZYzoBDPhsVGusI60atCGAErZyB0cAR6s0/91kqQQ==","signatures":[{"sig":"MEUCIAiyzQ8g5FLHDxlxM6uC288KopHENezWxQGn/m+pwkBiAiEA1yowh9RG+GSOk7t0beeIdosubJRG9ye5rvUoG15jC4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122308,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxizCRA9TVsSAnZWagAA4YsP/3PqYKZvmBfUPXf6Cdo9\nbV8lLHIXso3zA0bcSxr3MdqxYtf3O1PmH6Erj2XuK+D6u/47TjEQzvEQCbYX\n0YIckNhQStrJ0+qBTRDXWpdNAlorAi50YyMSxeVcDmDMaSUJXSxWiUkTS1qj\ndO4JKwR+ngXTjS/CkyA5GDdeXSXtjEAHbxkhRVaSL/tOjEN2rRetTFS7rd0H\nbCn/366AVkKlRkmRuEGvaInE/i8mcgY9zpM7cEtuhroe3I10JDNnbLFmyFdC\nqG56rwC674LxVpwWtdQrQXjRhcdBx3DXF16RY11mkA3zguyikVAKJJrUk682\nkiiX9X3utq22kfWsaM14BoZztDBB09gYoyWUdfRWv08VbFjZrUlue14G4ndx\nHxPfPBbD/sfFWAkAVhQAAixjavFue8DlbFdG8xi/cHpaeOgrhiejb8DGbsB+\npTAfJ2ml3OsWjjsDoDJqsB2PTUosAyaJYOJRF5OP9ynUjM/TA3LgQFNm0yUU\na52CvJeKaEJLFMXlU1THObCYNtY/MyexpBhNdSH8W1hOh3Rcj6XIPJrQFZp2\nypNRcqK3gWm+yAlTr6oFg8x9US2RvwHTa9Yu7lHCoRCEORFOl0vZal0aBjmL\nOU/j65qYD53O4Iv8ddj7ZoW86u+V9cECVhSL15uQQmbeusLCl3U2wzs0xkN4\nasfJ\r\n=cW2c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.4","@chakra-ui/hooks":"1.3.0","@chakra-ui/utils":"1.5.0","@chakra-ui/descendant":"1.1.0","@chakra-ui/transition":"1.1.1","@chakra-ui/react-utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.2.0_1617107122801_0.4278893008091953","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@chakra-ui/accordion","version":"1.2.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.2.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2e48ed5e79c58d5915a807fc03a486f54325005a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.2.1.tgz","fileCount":21,"integrity":"sha512-gc7x9XFDYYJ/1JqpT6a1IUhNu/Qayzv+bXXijNRHCHgaXuoO0YjiyGDBXEUpMEtwNhv7ENKPSi1V/pNjeZzGwQ==","signatures":[{"sig":"MEUCIFAWOzLcFZVdDybYpb196Nq8C/q/9i6FUyIyXZQolHnoAiEAsvYtfcZu04m2UzWvJYO+4oaC0D9A4Bxm9iG8uma+GAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":123180,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqjCRA9TVsSAnZWagAA/5cP/jBZZacIwwIFDtgxzumT\n9iyJDQVpWfWBce2XCjmukqTg6igsFf9xKOpSpKc4qzjPDAR/ay/xAQlMLJCH\nKAQI0srghuSx3yn674rOdGpIT5T2fns3RBZCE84s3wyvcGa31sbrq0YlnvAr\nePsFcFFM9w9KaHL8MajRPqXLxC8LDTaiOwDkV+rZL89H99YpSRdHq/XBxOvJ\nfmPI3guswetBpeAGom630Tw1R8NbFA13/uYZlWoCaEG2r4n7YFn70HajnHl6\n/j4aGo6XD3qh5Cw8/ztVuAGGEkWllT2006bkDVgruu7sN35Gy73qmG2sQ9FP\nQsbGwV7MnyReyPTb8oeWXcJ9yeW1JE53LJH4JT9Act3qPXxHmC2U7oOg9+XV\n32e26TqxaSbMpo69IsNOkWui2STtMe3CwuBnL2vgwN9W+EYmV4OPWe29xKRv\n98Zou4ytVejlkpSxZAYq/rQ07HxOoW3UsLWoBm9Im2x95h/2p1wpVb8xCtON\nU7IXUJM8NZpArUIBfp4Jh5tlulzXF2CTywhdPEQbhPdfHGlvBfRjshZgkLIJ\nLJXkL7aI6S2pKJctt9iBXykyDi+76xdNEq3m7ozB9Bui5Gvk4sMkE+6laXiK\nNtEy97/krT6O9iySkckopBgpqIbGcYspWa9WNvTk6yQfidyHEA5emBhvpX+3\nbJaP\r\n=+EEn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.5","@chakra-ui/hooks":"1.3.1","@chakra-ui/utils":"1.5.1","@chakra-ui/descendant":"1.1.1","@chakra-ui/transition":"1.1.2","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.2.1_1617808034758_0.8861675631657873","host":"s3://npm-registry-packages"}},"1.2.2":{"name":"@chakra-ui/accordion","version":"1.2.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.2.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"233a4e30f718a43baf9519d224f869f1af072b93","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.2.2.tgz","fileCount":21,"integrity":"sha512-EXuidQ/GhqLaOQQL0+Cf+RH/dSNAPFxsE56/BmcvITu5mLjWpJ58QzWQmpQqTLUzKGh6m7LMfY0wlhnlFr3iww==","signatures":[{"sig":"MEUCIQCDdpq78oE/UGdLiVcWgQezlCkECiv5f8etN0/uCHgvCQIgMUir2iScfUOIGLMOC76nFf7bpuei7fWsMWzn31MP5Co=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":123694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhcvCRA9TVsSAnZWagAA3JUP/jz91ITPkc2oNF08oAoE\nuwk4cd0L3Rc9wo7OzPTkh8rBx5bpPbU2/3eg3h9c0uTTot6zX1kiQAtTvKzn\ntrFotHzUZn7ZPmlxzh1s7Irxq/tKm5FfDIrs/lSkwinVdpFAeKZB3O4Hxcr6\nKgXPcgdtY/P5wq7GZVSmt6Ly0nPJO4zHkfNB3ApaI3ndqDY43nQDdPduf44I\nipOuUKfBMBiVnu6f1xeBUxqZkx7nBCCU8VD/yQDNdmRHA3d08hJG52XZo8Nh\nBdkwlv/BKV0Twizy29sxyT4T0QGflumVSpzfMunZAVwLB9LQfqbn8MVkK4CI\nqVoSfF8weOAbZ/ecG7u8iksiJDWsDMZKSbKOjSlP52wSSXUdyLBSh/lQrDyb\nOfTOkFa0N/B0t5xsNVTqk75khbBUPYrjWQ3sRS+CtOpfsUsTmkYoKxQnwluy\n3/8Q/9IIRFbKb/OR895M4r3Bgi+vfs8D67ir/N6xCmlkNdvk8W+6FvQoEN25\ndUtLvNx3OyoK0Wgh+sEc8M5/O+8G7aWs6cW7x0H6wHR6jeQOwiOWWuKCxoYg\nPsx0Mkbp6Azf0FbcmEhmTvg95LA15bJDUnMUsoM796zZyhiYO8qGb9y7xahm\nRNRmJqcW/S/q6xVwyQsSs+5nkEnDlNHnBGdGJHS1zrWf7w1r91n1pv+ByoKP\nceWb\r\n=Pqry\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/icon":"1.1.6","@chakra-ui/hooks":"1.4.0","@chakra-ui/utils":"1.5.2","@chakra-ui/descendant":"1.1.2","@chakra-ui/transition":"1.2.0","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.2.2_1618351919207_0.9047972401783226","host":"s3://npm-registry-packages"}},"1.2.3":{"name":"@chakra-ui/accordion","version":"1.2.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.2.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1ef3ce5f30f4375e3ed3b7c0a64bde90baac0a59","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.2.3.tgz","fileCount":21,"integrity":"sha512-LYP/aQu/JcOoU4utA8aoPmagR6+68kGe2n5w+27shcUFjbzl4xCQSiakt4+BfupQ2UPEA9HuBlvakwpXAlIHFg==","signatures":[{"sig":"MEUCIAukgeIq6wyqwBdy7tqWtHt9PFk7ql5y88V+lH3R50MMAiEAj7rlqDUBXN1q8GKTS6LL0rTLVAvct2fnrwILdlS5q4U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":124208,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3kCRA9TVsSAnZWagAA0iEQAI7HDpAFfZ/wmo4K+wCe\nYQOa0KkuoV9xatyMFv922rhhib6gfad+z4bWnWpyEcUUz8gge3jwuc3Mpl2/\nXdbzMwb9Q9M57mOsFHwvp9FOewZOUkDobYITy4Vny2xt/DgW9egLXr9rz5PN\n6977kTKA9kK85jROi3sTtlRy73xkB1Wg1akxvwdwAKTIa5WrqM/8acsEIBT/\n0RKztyQgXxBorFEmwC9yylwaqqoxSzFRS0NMP0AFeDz4CwsBenZWHTuBLyOm\nvRBN+4vPgNXLoWJZHri16nuII+DneGuWdoIEjzlQnsXc9iu9v9NGxaIJgKpM\nw4Io/y621X1Oh9knvnuRRxENeu4eFa4ruCg9rO+TVk+vHzZbOYa7lKzZA6sM\nYP+/VONi0fSbPqQzuRyLIQuwp1ZZomfrM5MGHWaBJmeLdnYfnEAg07co3F0n\nc7Z1sZdyiZvK9l71orV/PSSfWC1i00B2shO96FZn/30Ax93uDW4dS3KemtOW\n0JNtMqOFewt/SjX8B61J0d1x5yKXaLQfCFvjBAtWyexA6PSjR45RRBKGobuK\nH4zdS9SH/1urhefKfDuIrpm5bGBS6KRP5A/1PWuPunhgmMd6bbdTrwuZDctr\nqMygu2lTFeAa4+sqlAz5sXZRtyWgnInjlsOm+5cwTAxn3IW9QnCyzMcZWiTc\n1kl7\r\n=F3Kl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.7","@chakra-ui/hooks":"1.5.0","@chakra-ui/utils":"1.6.0","@chakra-ui/descendant":"1.1.3","@chakra-ui/transition":"1.2.1","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.2.3_1618857443421_0.7063259683238652","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/accordion","version":"1.3.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"60a8cb65e68a7ea74ee64236a605250731a9d45a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.0.tgz","fileCount":21,"integrity":"sha512-gfLzgYAigq4FMjy48uzI6QRWgB8qDTZGt9Bgg+JgBmg8DL2Cgi5qL0Q3So5KJWP0NC04fxEUMNstrBlL59lIGw==","signatures":[{"sig":"MEYCIQD+oQORQo5dHAJKMuf48UD7144URpczYumNlDEBkah7VgIhAP8+obt8m2XhA9DL7p/b+XR/h8rKkGIGuKOWrtoqdaYN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwv6CRA9TVsSAnZWagAA+lsP/2grVHZKshp2xQpF70iw\nPo2g/Gusa4VqLCVOwxlj0uU5XlXHElUzZXCTmw0WkOE0RtLn9CkAO0LC0Cq0\nzUYIJ8XmECeD3becYuC+cJhAnqIGaNFa3Yjgj5uFFxCXHN51gmKudTGc3N0b\nA3mOIVGDTPe3gnGzNcUokt/2Do3dZ9U4h1yY+yTt7tlXlCTqfExdPtnxmZEY\niVrVUUa7lfkr6keC0P+yrfwmSyAs1DzPnlQ3KENur9LaBlG+jKbZ5aKvTOXY\nuE2miwDf1o0cjg2l6elIN3OtSI50ZyPnVFXFWa2SZInhseiJSTYcs5wbZgAK\n9ibvopP7yLGu+PsYud+vv4UlT4aa6R100hGfXQizaOIVYUEcZOjL9K98mWAL\nNe4Izlc0YY6WoxqdS+F0/NAbbL3Cm2IDy1z2fdxRgNqpcUXDLRgBrsIJaZN8\n70jYbek1JfcorNXUzS7xlKWoCkCZPZIbYugzWkQbryAFVHoNW2zvG9e7gGxv\nqS1ZHFDBbL9HVR/flxKbI+hJAPX9z1CheoXXPXC9JjDsa8OucMM8qOJcylPu\n2qF/8EpF9sZPvSso7iLpm1anIlZ7XS/klF3bOZRyuI1qtHnO8IkO7geovJ8c\nuGA18uMn3Pexv5d6aGaHD4AYZcmzi8VLev9MYiGCJNKaOKChpkTqRDfhkUuT\nREQs\r\n=IBKu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.8","@chakra-ui/hooks":"1.5.1","@chakra-ui/utils":"1.7.0","@chakra-ui/descendant":"2.0.0","@chakra-ui/transition":"1.2.2","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.0_1619201018231_0.4442057635919059","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@chakra-ui/accordion","version":"1.3.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"86d7cb4a1304fdb4031aebb287290df285f90684","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.1.tgz","fileCount":21,"integrity":"sha512-BunY+Ex6rfES8E28+cusFrNlh3MTquhs0OSAZw8eEHeg0586bR/QIizRh5Bw+S5aineF1wKppsVUMYEJFc5SlQ==","signatures":[{"sig":"MEUCICkmCHRAl5C5veJ4KBQYciMlbbGSP0u/ejPA3UXweAQGAiEAhrVJZRJY2RCtSKcz6NNGEVwAwdmh1/iAb4eD2zTUdYc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":135391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2mCRA9TVsSAnZWagAAVBcP/RBceHz2ncT9IBAgZUMG\n9/zmUjZ3YY/sZgtDC2sDpOPEgaD3XQOF8e0QfGgDZRKi1ZodXB80OoAT0ef2\nfOSIe1rnGTWyaAj/6sqUgDugYWX2XEIBGBcosvOc1BNzkcijIYGvqLiG64zr\noIyg6YZlEbcH3bKZ8IXJOzkumoEfCo4l9xACE22cicG/dL+HZUoV8OosZYWX\nlM1TJGq6ljH8ol7rvBABCT3vEPP7qWVRXuUJ4j9RnnC+ynVzR7yDvYR5vkHx\n6XKjVUtyP52Xgcm66TONK6K9kqxn1im379OqIgDqW7PXOLbgM0eLz2AEU7y4\nSWl3WRw3wRD5IN4c+zyAoTjwAP717vg3xA9lXjyy0hJcLTM+CBBeBzYzUgGR\nPuPVc0r1onvfwjsEy43VHGB0Z4CSaim5dIf+sKoS8RNiG79KvwHJMLrZFxQ+\nUVWop8JUUurPiQh/iITAfEyMQrTYdbgqVTPnj8qRRbdFmda1nSxo5371dUHw\nr6BSV2N9kaom+eSdVIuiXzYg5UNr40glqpjtt8ST+aJUXfq35UY0W6d8ytKn\nKWg4K+OPpBhsifbGjh4bBm1e3wSGZPFZNwlJ/wp8B8KgLeE3PnLZcqidl8+H\ncvpHBkRhwyBna9rhyT2DXWrC4olAO2qTr7NggvZH7t441pfutsUVqtTB/JD1\n7bMj\r\n=rqhy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.9","@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.0","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.5"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.1_1620213158098_0.10250317409940357","host":"s3://npm-registry-packages"}},"1.3.2":{"name":"@chakra-ui/accordion","version":"1.3.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7a397ad85ff33704b02b947d45c5297c5da1491e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.2.tgz","fileCount":21,"integrity":"sha512-YUgdWz1+ofeDXZIOZNTPYgCNM4KUv5bxYc5vzGzW8lJc6xQQ6pCyknUfL6aaVRVCuYYpVkE2yvaXynFnnQxpqg==","signatures":[{"sig":"MEYCIQDJExjNL8LlVYwDFCLXb5UD9lFJWvOIYNYqCIY1m5ZTsAIhAJX4OvQEGu4N7W6bi0PwXKmErPqWVBmNWv4wkyYo4HC+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":135583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoubqCRA9TVsSAnZWagAAC+4P/jr4IET0JzpNrRvZ9BHc\nkW8vO7jFO6Y+ZFEKb/91EJ8dHudnybpTkc8Sg1W1lYxf0E7qacJ7qBO+kJ9I\nD6lQWIi/YxFgNXzXGspdzjyHucaf6o5O7jK2iPRljfO730JwZrcFMDmI2FGE\nmmh+FLfKrD2blCN1LiHhoPkghC+BUEyQ6ijfQPDfsXE6Sye5vgBEWDKdilM9\n/ngEvbXutcdDGXPbV0t8rVDLEc1v9TwOoOsQ/54jgqxuKqyMsrMTq9XBxeA+\nKbVM+SPYjKQrO025JGvCEHPLQz8xZvFBN55NZ7AfHyGffd5MamjXNkKBiPs7\nJSbSpTQfGa9ma6Rxy81jVECUCGlj5fQSnqkUy55dY+wYUl7R3KmFTJ5mfH5d\n21EWjZxLumrcjiKPdzHdh83SC5b9ihtU8RIBIKk9HtkELB88VzfbebArXQcy\nFuw+AkGaNReqa1yUYEmPUXm8KvHhfDZt6l8YtsxblGMR0THgO6TIDXFRqMIP\nHDkJ5+xCxf2YTPIdjDy4uMLSpOzEu6DJDDi+8Yg9sHe7lc8SXfGlhCszygIr\nkthw4d1qCz3zmYlc75DRL/AhYPLwYyFtHpdTeSOswwqiIvt+kX5QsFJZ9dTx\nsdWrFq0SS8IzFFZtA8Cm2/Rsomw6oJDKIlEBQXRxBp/CE26beyNUr9Q0gT4T\n2THq\r\n=ac4b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.9","@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.2_1621288682077_0.5241802956987844","host":"s3://npm-registry-packages"}},"1.3.3":{"name":"@chakra-ui/accordion","version":"1.3.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e483759671c2c55e17aa79a637235808be79592","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.3.tgz","fileCount":21,"integrity":"sha512-l0mtyChZxGlMfFRQhCS3yiucEXU4oV2k35W0OvYl5X1upzNlwD2o9JFCw/25PHJ+IbDo+bMAoQ/mPc4ZAy7s/Q==","signatures":[{"sig":"MEQCIGJvVaxtZAiUhW0WLm4JXTk308PxeT0c9lbJh3zSpXd/AiALSJ3zvIlD36D7HSYUwy54uCh7z5s2J3CExIY2fV66Qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":136225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNnyCRA9TVsSAnZWagAAW9UP/AwvkDPPLS+Zynj3vrux\nTSw4jD+N3enJyV5f/vgcBxoy3nyNk/TpFYpNbpxoUsTmZDW/rYW0lGnvFPhm\nRdUM3sf30jWKbC7BT6X0Pg/0Kxr7ouObECLCt/h7GYtoInJdjzysxa6ERkEB\nE2F93nfX3HCz6CHAsOD5hxCyTv6Tprdyu+tNBL9Ht6FSugPXCIhDU6SPb1k6\nNWg6uREW3bDxPzIHA/Q4mVCTd2ioJkdV5OC4G39mfVTmLDmS8Gk0559fdAMz\nCDHbEoGKq1iqwpUtzKF/REggwbqhus3Fmpz1fg9erO4oCJE5/12juUQK75hl\nRrlRLKXzYYfS62S2BUowkPWc4HhkXf6NJP0DKuYmNUnWzR6LfWYA7l83MNKQ\nT+PUtQAD6GqCuhDKJcL1bqoSSE8jjWmr/OjaVAWdMxf6QvwjfsJ39tZeFge+\nzYhAo7a35WRcVXN2OC49yGe2DkiUXTIqzXWiTMA88k7vOEPmtF6FBbiiQQCC\nksqSA9CKpwGaOb0BbSun1lK/P/sxnBqY/9AoiUifanPTqYoWxt6KbAkvJcSO\nC1F2I7E4bIHDwwC4n1RYJSVisNn7Xl965PlR5OWSjNzyILsJIYBH76P4lqZw\nMb7AefnIX7xYLpFmtd9laslfcs2tHFh1WWt3eKckbv911K5+MSf5GRHFHUxD\n1gj5\r\n=488v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.9","@chakra-ui/hooks":"1.5.3","@chakra-ui/utils":"1.8.0","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.2","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.3_1624037873780_0.3648500729671891","host":"s3://npm-registry-packages"}},"1.3.4":{"name":"@chakra-ui/accordion","version":"1.3.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cb5d279dd5fa8086d8b90ab4a94c915c4ac7107a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.4.tgz","fileCount":21,"integrity":"sha512-X+o68wcMkm07yWGjZz69rRke6W0zsD1eEG8uBs7iFy+q0sc1n5LiHNO/1L6s6CyBo6omI31RS/fbLD9OXJVD1g==","signatures":[{"sig":"MEUCIQDb7FZalgaqpuF0QnMxO/m0ecqbJmcidPWQEZNUenS2JAIgMLa17/cbswOn5B4SFf+9vjnR8S4Rln+9KlkR5LyLTws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":136499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ2CRA9TVsSAnZWagAA3qQP/39UPGJMUluaL9Q/4EkM\nre3FoMCHekcl7mva8c24EHse+iEFXN5Q4/Des2hIw2szj5r6Axdrh1n0hzbX\n7ZjY9KB7wx77mi9qyYo469MGKGfbEkxehaJprV/iQK2Srx+920fmzV7wKlKs\nM6EjRimCmnrff5QvgjF15PSAcUHje04mX13mbdghoAYbYQnpUcpGt+htxtpX\nLAgSo/Vh4FmlYj/DYMQl+1iINKvvEv/mmCDh9mouuMYegJUfucaMT/Vecrch\n0ycf3KZVRqzKiP1LOaXPsLCzNvqi2+Eoysl2tJD5FoL8i7bYmcIU/jUG4arm\nhvoWSPa6poJsEVgezqaVwbxO68parbf1zc4cn5MvubqalmfJGseLWpI4xDYf\nZF2/NrYz1QpGPGm5lOLEhTPaF07+KqZMKolCi+aBotfsNf0RQxrj/QG3rX0y\n7PoEpdxO76rFr83roMxxEqzA+fiJ7IDicuTKr6SDe1pwLvsvE2C3j9q+raFh\n3qq0mdtdRZOI3tyxOu29mnP9gjEvfbRN1fs7HVWI9X9/NhanUOEVcLoNof3g\n//UIld6/wthRY+cKuIafoellkh/eeEAiDwWVk5Dm5Vfbyf0H0uRcCltWNlfX\nU226yQvr6yOrIBVrEuC6JM61TAEqoHFmMwWSFZkyvwvnuJgowkSXOodRLgF3\nCbAH\r\n=WNDA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.10","@chakra-ui/hooks":"1.5.4","@chakra-ui/utils":"1.8.1","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.3","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.4_1625756725626_0.18497226375661624","host":"s3://npm-registry-packages"}},"1.3.5":{"name":"@chakra-ui/accordion","version":"1.3.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.5","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b150e47ed57d2a3aaf78c86af6dd62bc10dbe4c3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.5.tgz","fileCount":21,"integrity":"sha512-47bMQXqLhPDgUgC/L8+k+GQpAvhWIPrl3u/FTcbojZRwPcxOH1dEmWNZGftvFTKPS6bSv5vx1XpiDRfzZ0hohQ==","signatures":[{"sig":"MEUCIEd4WtIa79s2pJlLdUiVGiLxsuoL51Xw2erWPH7tC4Y/AiEAwGtfDhBFoPglcnBeQ7Ru7Em/v4JWK3wNdEHMZbnFmtU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":136916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMACRA9TVsSAnZWagAAgfQQAKCee30cL9qouhqTqTjE\nx5jTTJSzJfeu6q9VhvYSFpd791oh0mh0lJiGZuAQkivMowlo2vY9dGU9Afa7\ny5vnsuuVrO+vDzbNTCz0bRPLEvtSzdiHtTuMIso9jMDpyuUj8hq8WycqR0+o\nnhU3ghqgyvYTNDrpG0ebwE3T6rDDRvc6KkWtiifDfhCfXvRt/6Wp6ffU0cW7\nY02L2APKMy+aN3tNcWD4I4Q45vtUo1x4Bxi2uQO2uMr6HJs1BBVww/9GkDO0\nF8MvZJC9YCzq2zmcR8OzFF6jX9H0x7k5JRhITbxGYKaj8QdpZ1nkNGiAgSzx\nIPMR8XqNqt+AbO5zdDJoumF6ZU+qZSMdPfWMjGKioKhwigulYG3tPby74wFP\nQKNxA4s3+vL0TfhpCtgi0gUcrV4EfkD46d2N6BJk+7kt5Oanc8NUtwZ33rLr\n/DgD+9kwXz0hh9G6WBun2svcf0F2yXrySuTKKwuiMwPDTMwsAvGtH6kdHLf+\naXFnr+8qnd9eSGhHG3NPW1SngHt8rbDTJHP/6yPqavLnUcSzCy4iH3RgRXXU\niKINBVdHhELpne64lmMTQZFuQTsk1iOivSMgwqC+uI/ukPOKxlS+LK+9DAEm\nxyzSya287G4P+D6BpPac2XO3Y2DeAlGd8fJ0EFCEuppRsncfGkji7IQcYAZ5\nghaG\r\n=47+5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.14","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/icon":"1.1.11","@chakra-ui/hooks":"1.5.5","@chakra-ui/utils":"1.8.2","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.4","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.5_1628504832492_0.9243135748586404","host":"s3://npm-registry-packages"}},"1.3.5-next.1":{"name":"@chakra-ui/accordion","version":"1.3.5-next.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.5-next.1","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"73e9b30df038ba025738fe24ef1beccab8cce27e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.5-next.1.tgz","fileCount":21,"integrity":"sha512-639EezYuasYkjnolKCY2gLQ0OwVQ1T/t+zsVXN8JWIT49qo6zV4ccqDHSCk8YyD73IVhV9ppfFoCYH9h90k3aA==","signatures":[{"sig":"MEYCIQC0+G1X6oggXxE2NYUzuMCRsA7u7bvBfcLSVQlgN+JiXgIhAPyuFivOz4OMvLXtgM/FkC7gAJAMhkktUiY1lRanZjKI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhF+ajCRA9TVsSAnZWagAALZwP/3Fl8EjqaHY4eL5xvqzr\narLRmsveWWOhI5vN50cYY4Av1JfrwPBlATiKrSoNsOTMTMu/6+7jv1mJSDvu\nOZnnpQvEkTYCzQ1Wwv8YJIn5ghsgturKsxTCKBJpTu3wdNAs8/sbuE6rS404\nAqg0TxzAEmIKTsdcNa6wkawwahQSVJFPcMeUXkSMvmRjwBNMlW7XJ06m8B68\nHY6MEFOW8nBwT+6ChbN2q7HXh78jgbvqygcBcp7Bp2wR8/m9WFNjrAFthehX\nuvkECUNWtfD8QQXSAmLaYZlUG5tt/MJt75Gutm7n4AJ48pqYDb9dZluJJEea\nebn8MEoqLyGF7WxX3y4TZkWjAVL3IU60uGuLkj6yHjlPEkQ/uReYxQN1hyrP\nror+UhBJpP7/vSlL0FGoaIF6NMVxH0Y9gNLdXtm5WwSvGSimhKejiTO//b5w\nA1rd8YlubB7qVXbjMGSbWEmkeidt7eThb1V3ZzfJjjHn0icgy+phDS9ulV9k\nnuyBYcvZ8aTGkxY6VVxi/Q3LT6/51BP7847gTt8Hutq4lA6xOdZOU+MxqAcx\ne2JizyyFQ11FZ1ygOf4iAnLy7C/Eb0uEN4KcE1B5nrERgp3FEk+YxbhMQYZ9\nsHnSAeCi/Z/Q+Re50TKDkcSMr7dYMHYF/FLUS3J6LydprgUXV4gx1mqr2CHU\n9a0f\r\n=bXge\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.14","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/icon":"1.1.11-next.0","@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/descendant":"2.0.2-next.1","@chakra-ui/transition":"1.3.4-next.0","@chakra-ui/react-utils":"1.1.3-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2-next.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.7.2-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.5-next.1_1628956322968_0.9113761808263627","host":"s3://npm-registry-packages"}},"1.3.6":{"name":"@chakra-ui/accordion","version":"1.3.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.6","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9ebbcec4d1871ab79bdac84187246ce1d34c8d8a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.6.tgz","fileCount":21,"integrity":"sha512-zZCk11FIbUgpFwwOzyhoLM9UkBhX8hIVHI/L0CSEzdVfQTra2gMf+Lw0YQVayHlO/7J6djTSzbA7nZQl50dIag==","signatures":[{"sig":"MEYCIQCpLHtzULvn/67apeTlK1iLJkZmleQDUpJ15ItN6zkWCQIhAPMDagDlGDXjiE8CrLriDtfP5xp0to8yL/WwuXP9PFyD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK3UACRA9TVsSAnZWagAAVSUP/iGzA9/YEtRG/E4oe9nD\nWTkMiRHwBEtvKKrS1yBJsBZVICIBX+9U+bhSs8mlgxrYDDQMHGP0RWBU86jN\nW5PCJBttDEdIzNRNofmYdgdJRVGPaaeqAmb1Dn2ftjZe2O8GIhJeTavdmKEi\njJ4xZlCH9fiBpnVDttw4dyPICBR8co8q0E2u/N/8t2g/fwbrSZVuygpPEDuG\nMX+Q+hmqQQO+37W6pA6k92LJQi0N0Bdy0qg3ihboIX6fg0J0LEmr4Dkutfe0\nD+QP5MZLZyZabTG2W+AYHAOYfMYvKkQMdSKU/YaCYfDDadUOxp78idAXMcSZ\n9sVK9Eh5YHkCfEtQ5CfPSwSjAAoIpDPhVloFHxfbwF5BbGcVoY7MJk6w1ydM\n3hRGwn1fvKzccCd5w5NlgLjV/NJLQhnie0SrkNyDArUrqlE7jja3uyq5GdPr\n1yCUeX9FtM7mS1LgRnqsku6E/JFuXbq6H6y5h6CM892WhzNVbotsMoCoc1ew\nlZrZkCmnf4P0DlCxktg0GRo6S5GtVRRoMDy6Rg6bsCdDPG/3A7VxbMJyoBzz\nVKFKXY9+lbdCimqPSnGN7gcFIo+SncSwpzJlVTD7ty7IfNVOJvvDbMfVoS60\nEdpb3tUlwXQBSUZEz/Q0D3vyKLpw0KOP8ei8eqA5qPFPFAmcnmYkChPs3poa\nH5Rc\r\n=Fjnw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.14","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.5","dependencies":{"@chakra-ui/icon":"1.1.11","@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.4","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.6_1630237952264_0.7812792765247514","host":"s3://npm-registry-packages"}},"1.3.7":{"name":"@chakra-ui/accordion","version":"1.3.7","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.7","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0e8a369533d614ada096fa1d6d3c7687c348458d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.7.tgz","fileCount":21,"integrity":"sha512-UAp69YkTGbcr9Bo5DMJVdIQGWmWgh3otba4EHXdNnnlIk+GYaULcdYJVMP0bhaX7NTyTrGY4U/mnz9nuwz+fxw==","signatures":[{"sig":"MEYCIQC3gnR3zaj10Z/ln/tGyrzu9Sqz4PZFuEX7sDGGePCiJAIhAPJVklEdvlCudeuwc0vrhbDIiuUEhidaJ5a2fY8XLV2H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137295},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.15","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/icon":"1.1.11","@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.5","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.7_1633465299003_0.9234076267930911","host":"s3://npm-registry-packages"}},"1.3.8":{"name":"@chakra-ui/accordion","version":"1.3.8","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.8","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"db48b81c5862b32faae0312d1d234c0aa90adc84","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.8.tgz","fileCount":21,"integrity":"sha512-LsdRGct1hLEDUyuZp6db2VOYCvBXN1rdJEmnqJWFp8ppePApdccwow74dDQRuZSwe3B/JLBUQ54Cdk4YUH2aAg==","signatures":[{"sig":"MEUCIQDTHnR7yDvDq4d6SMxRb5U9Fq8eD0FmnjnbythrzH2InQIgCO5n/HkZnbQGizLlXjZ+1nCzLWZX+T/tTvBeSukotYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137778},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.15","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/icon":"1.1.12","@chakra-ui/hooks":"1.6.1","@chakra-ui/utils":"1.8.3","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.6","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.8_1634254416991_0.4762505218679445","host":"s3://npm-registry-packages"}},"1.3.10":{"name":"@chakra-ui/accordion","version":"1.3.10","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.3.10","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0872a5a076825de5d2a08294a3152087dee8697a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.3.10.tgz","fileCount":21,"integrity":"sha512-jlhxPRAA/nbuksIMpvNZjKLSm03fo8ljmWbJRqZC00ExFyLuBJ2olGVm3MTge1CCfJiOVQuiR6e7/k6fXHDvoA==","signatures":[{"sig":"MEUCIFwVktpi8GdgjifxaJGoqm+4w1bPDpeLC04SQTkAWOXNAiEA8sVktj4KKnH8FA7LgBkih/+ex1uRro4m1lwf1kITbZ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":138350},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.15","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/icon":"1.1.13","@chakra-ui/hooks":"1.6.2","@chakra-ui/utils":"1.8.4","@chakra-ui/descendant":"2.0.1","@chakra-ui/transition":"1.3.8","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.3.10_1635971575865_0.2783035074372615","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/accordion","version":"1.4.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"966bf770f6712bbf8e3af082357f53fe7edf50dd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.0.tgz","fileCount":11,"integrity":"sha512-ESx6UGDsfWZkzk5o8tBRdLsDA5H5Cx6AffJ1Sn5BBa4FkigdBunxPv+iptNKE/oBFhxuP4x6YVyixo4P4mH8hA==","signatures":[{"sig":"MEUCIQCaJkevt12PXB4+kWCqG0YBnp9Yd0p5NVp0i5TOWBib1AIgUcwO9jrvYnEyU1R36wqfEoi0xU1eb4PID6g5TUzVTHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":80794},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.15","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/icon":"1.2.0","@chakra-ui/hooks":"1.7.0","@chakra-ui/utils":"1.9.0","@chakra-ui/descendant":"2.1.0","@chakra-ui/transition":"1.4.0","@chakra-ui/react-utils":"1.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.0_1636649797792_0.5511857543873468","host":"s3://npm-registry-packages"}},"1.4.1":{"name":"@chakra-ui/accordion","version":"1.4.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bd5373dcfd11572e5e2c535eca51aee4fc24c828","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.1.tgz","fileCount":17,"integrity":"sha512-/E0FW5YHNVD6WwMGiuQuXpA70P2CKAV+MzcMITnSGPWsh9XD0mcXvMkIALVojfFk9tcCFdIGnxX/HWr41LzgIg==","signatures":[{"sig":"MEUCIDKRP18pdWeRXmLPXrgB4C2JD4xmkTaKO2KTLqMgMj3dAiEAnoPtmhhpPVliFQ3+9qYpBN0+TnJ5+iQ5zI9bae5504Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111041},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"6.14.15","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/icon":"1.2.1","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.1_1636746684637_0.7846782001955106","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/accordion","version":"0.0.0-canary-2021118154929","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-canary-2021118154929","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dad8c2f70fcb496a04d9d1d49f7654d6f61b6c2a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-canary-2021118154929.tgz","fileCount":16,"integrity":"sha512-pswN8YwnK5K/0s8iUstRGA3THhqEPGcxvDpdPL9CX2/Up/QYAIiYlvXv44CiCPNwk9KCTUb3mrM1XHWz9LJk4A==","signatures":[{"sig":"MEUCIQDJyuKvC6MNPEZC6aClC4GzRwXX0z6RGDejjj7KRDRCoQIgesjtX+1nhrRcwjW/N4tVEDa99EW8dhxxwuTiErOpjh0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNQwCRA9TVsSAnZWagAAf2cP/2fI1tpEPV90ubSPMkQE\nadf4fRIh8MFQRY4099HlLrrmCg+CH4039Ljzyt4V0li9ljekJVdI7WO+BFk6\nwyECcgE/U5Z3qos8/lDgUipKBBQUl6Z9Qw9dtCQsqhuXS21wdkqsCH/zk2N6\n8z1vx/cvrg99BJKiEUI3q+SsnvkCqXGjcVz+D4ILETCjNXzPcH1JKitJP9cF\n9aqwl1/rM9lQgOD5Er/9yC11SKwXRdplqt2Bi4v8mLNEbaj2+8FcfqCAQZ1N\nw8zPPMflHnoVD006usahj2GNCMPLRa/P2Y/sNUcHjyyjRQYgph/fvIAgUfZF\nXiLGVjFOuazvR6ZLtw0g/JYZjHlny3t35EBN1meHY9m0L4zplzHlDUJRw9cC\nA4ZQRFqkRgFxMYFDWsd7ueyB4tCve6DsM9W4AWtdTfNFdJXAoofIi05ch2qG\nU0F8dfm7Kf+py9djijZcrDcKiJ2C+g990Kz9A7uEkm2EHTE1cvYwnwvis+Z1\naMP/3+wc3qT7gkw8oUJVhfkIFSdtOVaavNfqVxjvEKbL/GruCUu8TrJy+gG5\n1Ev3nxSRxWyxXFluY6NBWePANOIHGxKVkNUf89LnFySddxuc7m0P8YPW+HJ3\nEl1pMEA8E7kMsihcupqrB7h2aclL/fN+TmTV8fBts7aYYY3HudmeNLvuxARY\ntoU0\r\n=9+X1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"75e26734137b20dfd350785999d3fd34dcf43011","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-canary-2021118154929","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-canary-2021118154929","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-canary-2021118154929"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-canary-2021118154929"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-canary-2021118154929_1638978607894_0.7682402727313846","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/accordion","version":"0.0.0-canary-2021118164051","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-canary-2021118164051","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cbd5214612947a53ad5b1a1100f244fd8aa74f9a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-canary-2021118164051.tgz","fileCount":16,"integrity":"sha512-BwLeTPP3eYk5Zy3MQNwqJE8NitFDhfXM+g7pwtH5kv3U4301y3zw1e9VsnBX41g+VfgdDJhww/cs5358oUikhg==","signatures":[{"sig":"MEUCIQCyNqziCTjDZO11h/+DdbF5Ribo+DVWsUw3apKhEwPBywIgHSVDf22UBSf6hNvYPyxQofHoDtV8+91eYmo2L4apNqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOA6CRA9TVsSAnZWagAALKIP/R7FMrRwEGVy0k/9VUSV\nfAkN4YtxKM6+h5hV18roQZRTKPS8amj9WKt8vb7d5jn3VYCei3NV0KM+byY/\nf29BKZX1OHwKV4rlw5r4qe9JMHTL8PC1lnswJCI0R3JBQfb09xWKJkl7kzpD\niBn0BENk49P3SE5xm/rCZ7x/I6uFh29pPHhkkFHx0iRFffrNHTL/Dc3bOrzL\n5HCbiBpLybsYkqGWC67k0KSg58cHhzZZHNR4fceqRfJcFKPW0GpauJ4ZNJnC\n1Qo851r2qKV2PelRCasi1NxOwG1LbwFZjCIHPnZMOu8pQNxXxOzuJ1TEWNE4\nPUQxySQEY5DXpJZhyj3TaPympxZdc3OYeCSgeEY+YQtfy00//tcemhzRPttt\nkF/rWoCfjABPoe0K8o+KEX3DGI3a+mTAZo3Da0Vbd4nHMUg3/cUnX63s8DfQ\noM1uuIb6ezFqJs2Twl9UmDGk5HU2CFRNqcHCjHgavtxmXJHtXd4BFFrybDq/\nm/np7dUdhSlSi7LhcQjDe8aW8Wfm5yYw5yJA/pboZhAJlhhsQkT4D6wfUiHz\nSuUcVCYl5jxpD9/kLLiEu3yyP2ql/DY3krld0zyZAzF/wzk0jQ9ux4TLQH0t\n73rnMNUYC/HllXPKtP8HZ5UDNpu4lKn5pMiiqKl02c7Vni+G8Z5s97Cucp+x\noWmR\r\n=bp3i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3a6f4a7ab1dae9e667c49a3441edfa8282deb094","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-canary-2021118164051","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-canary-2021118164051","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-canary-2021118164051"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-canary-2021118164051"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-canary-2021118164051_1638981690165_0.6268578072190172","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211191288","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211191288","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b55d02d9bb254e3aa2ffb73f93584a07b750e831","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211191288.tgz","fileCount":16,"integrity":"sha512-mCiUxk07jylQ7+RtT09hY2Q1lXr4KHII4K/B04gWPRjK9BPpyVZDR37MqkdcjeRO/nKvwTODS6Qaa473btnwBg==","signatures":[{"sig":"MEUCIEcS6VedPmsCFFPrIIDV+9/twgS6fzQWbmHRE4TeAY7gAiEApPFRrQ5k1xTlBN8R+FfRBzSspO8f/LRnBMaII2k81+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHDCRA9TVsSAnZWagAAzX0P/idupAxXnKBiOftGRSRt\nqiQbW9P8s2BRnhOF682c2AatVo6ldy+5URqUNoHCq984cBeEX2C7DlslL93o\nkyMIxi5XOJTAjU/amaLYeGsP5PMnv6JxvZNndCtzDvTYaCO84FrMnek7KvU2\n9u4YjfXxW01aPg2toknKmgIwGuwIROMhUnzsYaMlPAf8D8Emj3r3Xrltzni+\nbaD6jvrGKSSEznORRa3bT09dyN9clR07GrVcZ7G3bqdFZ1HdVDejQv4ybVlW\nEiDovRwOHEjd9R7iLEI+Mui/bKT5yZNZt1k24FMN5Aym2U9jPVTYWvIE1VOy\nhiLK5XixOrgpMbAYUvrkfqPMuvOmZfPRO56M4EDcViWaawhlWiLXZNWUl++f\nYuJ7+jn+6Xp960JX5yEUogLwfYnQsoDTzaxl3A2xEOLlgYbUIdQlzYakczJG\ne3AT7Xslw1b4+V/UiT/jJSU8TBwkwgZnhm6ZUgmFHda5ysIJK7I18rsKWu/t\nJITgIg7ArxRpB5MjsaMbF1ji0OzFSGA+NR44NhFg68tYHaDKH2NIX6Nv9yhr\nNQVA+4plsg4kg/FLP/SLad2/tCBvbPQiGSvQnTMHQ4YYtvYZsqPr0jVIKBhw\nQjaWumCUClBm8prcFBLIKFf6AUFICajn6ZNz1aNI3kvANdPvmZsks3XRQHsa\nyyr+\r\n=qV8S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c7ae55690b66f09cf60a289647dbc49c000ef21a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211191288","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20211191288","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211191288"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211191288"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211191288_1639051714963_0.5167636373321687","host":"s3://npm-registry-packages"}},"1.4.2":{"name":"@chakra-ui/accordion","version":"1.4.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e851d5e0f748646e20efde909b5f70a93679283b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.2.tgz","fileCount":16,"integrity":"sha512-BAGMvcm2sFE5Ft7jwC9nF03/Yv7qztuhzwKBBy4iL0p1nCPh6kV54RBXUcoj3VWe+yrmNiAVYKRTdqQBTJFwOw==","signatures":[{"sig":"MEYCIQDre7IsRZSH3yV1dCVR1LcYu9mwCBqvjGTiMojc+bqRiAIhAP7MOtKIyghsFQTOM9a2RRaNWKS2gQ9hhGgQLRBurQPd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsgTdCRA9TVsSAnZWagAAitgP/AvGlV70UpH/zkksstNO\nCBApFhCrSakChtn4ekzpJpGhyGtMM2pCCeua0qGuoDYuO6JGFffzG8LnF1/j\n8dh6+WDg7e1OQ7j+Kh767zBt4EQduzHEVVK6x0BHQ6GrfL+snhixSi6IjMnG\n4JjE0t/iRwSautg2E4TE0OfqPjDEVcB+OO4y5nDMCc0VzgJDMCTSPF6BuMw8\nMAagzWDxScx95MCAqjDdz/hKbDpNAxKy1+I3x2+L8RXGImsvArFHlng4wI+q\nMGn7tVM9KFbfBLuqfyLZGs5MGzZFdZoMnFYfVfw1/KI6rtr5KUz1QR909FOj\n3BROFjDdwVF4CYJHdXY3HMWd+IlICQH9ymB6Cosrl6diUk5yXyk+WMGLjRTP\nt9wulYw5jkDKycL/x1bwhFEFXWfX+bO38v1wgJ+Ob43Ltx49JOPa7TDByUVB\ntKb93m+q61fpPeNUgQf4dCjnrRNQryfwdpLcK+jvf3oz7GLR9G6RYjaNpCpZ\nZwuv33cDzaVUExpc2GlLHnqU09F5SisWEVhDTd/sgJwE87EBd1C8ojh9BiJG\nrURChVkIc6mtEKs+VhGTvwQF6zaCYzWqpgaqmjmhAA7yE6/LJYncwiGSbfRC\n1GVA041DHvpdDtFfVjWNg2rwwunXwBrd3lqjRGRdZyXmK21L+nOEdTPH100T\n1+He\r\n=diBE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5aa302a018a724ebc96f396fd81e95713969d4de","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"2.0.0","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.2_1639056605422_0.2819721715376162","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202111921327","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202111921327","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c59b3fe99112a7a5dd128fb6ff83dcd8e403a84","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202111921327.tgz","fileCount":16,"integrity":"sha512-s/gkuKPKo8KD+8NjsConXbgsiQJZiZX9pMG50ts3s2CG8yDbKb7vFGOm3L/NVXou+aQPH/krCUYPcH0OpbPKFw==","signatures":[{"sig":"MEUCIHC9pS0aIWe9AC8rmrH56env74S4acSSTuT8HmuVxIBcAiEA3F7tYDHx3dcltzcN9eErS+vvTDYzloZ7S+9CsI7047c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm82CRA9TVsSAnZWagAA6M4P/iTOlekDGReqEibXWJb1\nOnUfwox2KwNJ0mNJV/ruHpnAsYYIsIljaj86ndm1AS9J8YEzNc1HUbmAeJ+f\nDvoR2BsWeBV7kDPJG+2wPMxatF883mS5Joqyt5BcqA0WrxGY+5Qq/Day4Sgz\nTLLw1Iy3BR84KooGhhvFdJx00AVHshPQMiSqusY/wGVfLUOL1MUlrYl8Z3kv\nxIwuGc6x5uXlDyrpO4rRf9ZMDMi2qhaDO05r139cNTJNMFEqPC4vgASxYEEV\nCtb7wUYMSAaHqC8MImSvS6WO+cv13x5TNUr0gL+aMSwM0Z3VyVMJfN9YgiJo\nh03iGyDhlWpmNCgiTupriVRZh6QN8965FNsjy3XBT1ayYJMsPpdOPFI7MzrW\nTXm+hk4uXagFGL0QzpXblkvF6SEOdRpMeQtcI8ZjjXJEGeeKK1AWbix+UD4Y\nnvyhkD17Y0p2rBapexZheWX/kqkrfbSQOeZYERJ2WVSdxhQdjCLvu+2Q/A2x\nm8jA2+1rusUVpSwfXYAnrMap8BvlunvWiVD/RYP+RbBnnwmukNzwkNAKK2WP\nL7zqMCNuEK+6cq7EjUR58Ut4z2jC80zslZ3dzBoE4QnD1rEqPsWr4k9X/DD6\nFNO+1C3LVfA89rnuqzS7zUSJ8DdYhV/MyGTu8tWqQ9gFJaXtwczQitoEbp7L\nAFSW\r\n=rCJ3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"ef9738bf9a9871141527adf7bdaa944f50b105e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202111921327","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111921327"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111921327"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202111921327_1639083830619_0.04282271919172964","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211113195848","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211113195848","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0d38928cb34f512b8ed3de574b0d8f476872d6d3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211113195848.tgz","fileCount":16,"integrity":"sha512-6TUa3x8hTtVmN2BuZWey6CGw22uzhTY6V+rimu6s4P9a5uN4R0n9/S5bHp4oHU3kgxW89VTuXCtV1qJgcl0RnQ==","signatures":[{"sig":"MEQCIAp+OuntbDD25Bb3aEuWo18ios7/cSuq8LEwNJxbZPenAiAaYWfJbqc11Z1fKK40al8cLws8if0tWxaVJccD1TTBSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YLCRA9TVsSAnZWagAABl4P/j+BV0g9V6++oYax6YBv\nEDYhjtnZW6nUt4V/jAbkUr94f804tjXQenEeh7dQOc2nYfoxmGeTzpIo7/0V\nsJHi2aklgPzzOwSa9Df3P8q0TXef0bmVRF+Z1S1cMRoXuF8JQq+nhONGH8/6\nneYk6NNwWtpIWz2y8dRSSmcE9gS5mn/WKNMQwEL9dKtPBza2EdobXFBHE2bx\nJyCFNWLCLHl6x7pMDFVBlr2pmUtUwbSiTvMuuLhuhxOh4rS57ukSsda7BAd/\nQFRMaEabzqqK7v6wX76CL5hyXhRmTrXE4H5XRpgLqeib2+zNaMvpiKRXJjx2\nMdlT5wGEVrz8z3fY1vIOqiEPZfaJ4mHcOkD9euJCFhSzTl5umANhPJ4KhytH\nCkqmg1n5zfaAgyki8YE5I6cKNQfk8ZpMWdnWtlSwOIugE14j+tMvhw0JQK8X\nXQ68D5utFbTpgCWXRbHgljnHfm6QoB5EvJK3AqwBJFrQ8Z2zP9MEB3cwZUWC\nPJhA0Sm/DDwpqq50AF6p3hHNGqChhD2l5AZ1toaVb/qx7ksZSmEQ1u6AZNPI\nybT3Yicj3Vf7m+yp4qDcTHRtCEPG11nE5hCRD8/3QCzfOKgjk0AfmvWQJ5DK\nh5MSf0008XSFWodrzfeoYk9WWu/Z4ILwU7kc7N9m/SM49Rz4Fz2zTfcQNwJy\nYHsR\r\n=bJeW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"720158df0e7984b4e09421f4ef22d8bc5017921d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211113195848","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113195848"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113195848"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211113195848_1639425547362_0.4963031569007974","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021111320052","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021111320052","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"51f1ff3c8e12c27edf9a274f2d3f60d12ece7506","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021111320052.tgz","fileCount":16,"integrity":"sha512-8B2Tlbud2q8p/Ub5I/Xwv1iusvh4k775ZaJLhWkbe2ImWk8FwAynujxPhdpsLjTQyurXwK0049nYBN68NCt0Xw==","signatures":[{"sig":"MEQCIAiyl3HhmEejUZWnEme2UVWZbZpgrLzYWbopu8vL1zpQAiA3xAvPuS7Vu8exG0B5Gan7QiplHVLyHavST2apLifhQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aHCRA9TVsSAnZWagAATMAP/iiag2C0guGYhdXtNpqs\nBCIB5+LJcaI7aUFou0sZGCHgxTUFtuB24UoTDlXyaRzbntHTe+4raGOYUcNy\n5h0ezRPQgrTuSL44Lyk3RiKI6RkLqN9AJ1fnx9SoOOeB3clJafZaJX9bmzn+\nGiB/eYWd3sVATyXyuVpWhSK3qa+l/lm81yp2QSCeF/1ia8EB8agAR0VkbCHL\n/o4Y+Dz9MiNMY3h3t94sYGQ8pb4ryi3sStS4EcoQOuI793ESicR3dXyV+Cjq\nCXXhbTxnqCNRUXvtztfqpAp8gctXA55zb2+r5SMiyUUQbVMwsCVDbOgoFK5A\nnh7iSiDczdahYYJkW1sbRvz3KRX/5HMNqxbTXKGpN7kwyZBvfdvZM0IcSCAZ\ngk2qW9DkEi7wtyTPBE37paq71me09FAs6ZP7Rxrrrf9iGlOTpewQROlBFS8K\nhUmcIfayDgME294mRTTfFkEHdJXlYtZ7s+OoJGf1ZRxgeruYVuCDVRjTuYlF\nwc3lNLI+Y6YV2D4oSxjDrJOknmIHgtTS0tXd42feRfK57l036fFJU9oFz0OQ\nNeISeIgancEA7Xc7173Jn7AmUwVoA9k8dNLmOt5S2t5QnJiJ0IH2uZJL6Fae\nJVdWegQRYLfQQVHokS/mFcqx98MEgvrx0eme55e+YrvNUzH/aXbcCwdfF+PZ\n/Z0S\r\n=MoE3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021111320052","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021111320052"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021111320052"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021111320052_1639425671788_0.22760917341521458","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021111320117","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021111320117","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bb45cd9b2b1f0d4e253652af154cd696eac697ba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021111320117.tgz","fileCount":16,"integrity":"sha512-hgu4xSZupuxB16V2mW24t3PsZFxLqzsfr1Yt3joWp0/gsmS8z2Ll8qaJfxBIOjw+Dkq3QidGEdiMFdr4ljeEGQ==","signatures":[{"sig":"MEUCIQC4QwJXHbJZbmz+e5o1U42J5xHJirZcrpurGC6xmNZ9dAIgVo1G935jafYDLEuYjAdVjokDa7LoT0LRiy8S3s9QYzE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6juCRA9TVsSAnZWagAAUggP/0UnvdnN+dQ5UcTERUQm\nLcR+ewNl0AtlHUoiHqE0trIAC7QOgu2TMSXVxXay65c3EaNZmNPrFHMxhZv3\nHcL4U7/CwNojpgc+bVo9W+H++IcAldnv+D56XhzkSFr2DUHFl5d0g57ToA5h\nm+j88vvBG5anUstFFGitjlScJ18fYtoUXUxkIo2S1qRydHRiG6t/LSgDDYAl\nyyiew/a3pdtuCJumscN8zz2TwpBvrqp3dPpCVep3E0i9d20aEvygz4reUbkZ\nKnYFPBk66b/UIyTIRYgb7NHUf620G9X4I+7+z3yOcyYuKUMQTe+qyDcUGirz\n+uhiu9Xlfz9s3qrOxXM3+t951DgOZtE+BTowIOqHYBl62FycFz0cNcp4UaoF\ncURESV2SmU5aKedAHLAaGINzcVrIjz/wlnbf1LJKCdd6G0tczxFoLzTufzPW\nqjTTvKmeV3Ee59YehWJJvnzhe0S1wum8iVzNua/BvKPP5w9G6wfFBPwgPOiK\n/yJxyX3SZxKxzV6Z8eYp+GCIFy/XR5YOjVep3CQxrcr8CEhU0xWUNs+r31cC\n0ujrLAzzckskbeRLWdLIaamQIyNW70oPv/gQIbCz2fQcXbKHA4aKDz+EiIti\nNKKXrrZE0SKpHu4bUIMDPkJH79r6dI4Ksl5lrUq2mC5BVOthS9+/bdOaEMgO\nxcVy\r\n=v7SF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021111320117","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021111320117"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021111320117"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021111320117_1639426286283_0.08170192842616686","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211113201444","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211113201444","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4a3cbe21947897e5f7ad67f1a32a0f05cd484bc3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211113201444.tgz","fileCount":16,"integrity":"sha512-63YNeVyMql/xhYs1SS+etl+hdlXtmLU5Efs0NjdLfS2aL0stAxRI64/ZaynpvJBPHZkYr6iISQLEFfQpgfXn6A==","signatures":[{"sig":"MEQCICshPXv9Dtg5dCfyBakjwMcFzYjW4l1Cv9m8jycRiOaxAiBrC+MspAmSpnEO7UdNCLoxHEXD5+Xzvg1AfGflHkCQBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nICRA9TVsSAnZWagAAKYcP/igciHIQWhllkrxBjmzd\nyrNwgNDr+WDmVvKnAiCVNDK50+EFV7Bw+5wq7lUOwiDtkwZzpLQlRHhLQcmL\ndJI2XuMB97UTYm5LbmR6IxnAiVvX+kmicbfYwSrn7RGLR6Af+opfFZPWHCi5\nktw+P528V556M/UfX2O0wBykzJMZWn+Vg+BQJDgt+LyAsw0icvLRf+eNsokQ\n4ADSQWrdbX3kq9Bx36hiKl57JbgEvnOKT0T8xM2MTp6SvgzlZpTf2gVkLnyY\n/+W3Nc+fNNxOo6OkJ7Hpw9xhxbPChjWJxXA1+elv75qhARxoLni06UH/PSvH\nl5XMfE5UniY0GYOzfHZPC4xGI8QmFXG1aij7T+6cQOlFgH5HeveZ0NNS0S1V\nwshJmota1ejAs7sEyySX6/ioTT6WbeoqsRCXFVkUxRpSKGBzGZ5RbaRJoydJ\nx8+4WtcUYnaWUDf8kdLO3++dZd1Ts5jnu75ocCJbgVMauNlO7l5eECU1rHRD\nqlrJbwMMn6x/t1aWoNUhSiIUA8J9q5ro1Fsy97AxetFEaSoSaj1yzyFZZx78\nOC77gHhw7PKAfSK4zw1pOvtdnUo5OOhpL2bIqmZsj16P7mUEToAQgZ9tIgsw\n98EXdSf7HapnFfD4TtzBjK5QYDdyQYX9FqwJuaRkVH8KJ0wnlN1GbMWvXkTj\n48e+\r\n=/iyb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211113201444","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113201444"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113201444"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211113201444_1639426504116_0.14507179350768773","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211113202333","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211113202333","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26279b9e103d67bc11c66985d871d380ce9cba64","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211113202333.tgz","fileCount":16,"integrity":"sha512-iWGMtJx1Sz5l57K/3+rz0plMtt/EGzvC+Utt47VjChjZ5pXm/FTlwlVei82LDzoL7TD8xBJxQXnMvYDG083x/Q==","signatures":[{"sig":"MEUCIQDvI/C14NeWYwnaTrrDoKIxeoeUlfEwM1WwSU/r51Wr9QIgYUcGw9aP2CIv6leJAeb07FAWI+kgCLxTl6HaKKJf6x8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6vYCRA9TVsSAnZWagAAX0cP/2ioXgv/polEs2a9UF+d\nTjDfx/9hVEhPi8VuT+yjvBUVsIhjDyj+M2W1eNCVFYj6AdM79S8/2e/2ud9F\npSP9oNzhEfwJpfUqPInlKi9KLhNhNBQ3Q29cSM75S90FUs5thaAysuAQ8blj\nl/0vPk0m6ntJlBs9+AuIEQl6Xw+hcilJ7K8kGbIEyFWIxyxdcV5Z0TKSkuai\n+Bw4qs2MNAzz8Qh32gAh2KKERND6h7xUwCx9NzFHDBSfiOOF1z+5CQdHYpOx\nTVUnrlXodYv82PjbJKbZBJHQ4br08juQxoFpK4M20stF+SGSX05J6udMCrAB\nYifEo+UoLeZRKe3y32u55psUsllarTLSnpaQERG0xfq2Iv+51vmpUKrR+Nkz\nrKM6ioY+ML7J5cheaWKdmyCCBHC8hkSzmWlcAgy4Y5KmQ/Nsd/P+GdIMf0EB\nL021w72NfDBJ6YWRenIrBk/DF2DojdZVULe0CU55yJoFXjgSfAjsVz859zeN\nvcyTmrnczNJ3rD75pKX9Oy2mi7EjZwepOXRcOZtDJE2BjKyKtFLh0KXIkjA7\njgytWt7+eK3/lrv5fE026J0x9vglbGiZOzkUd0tQbetP0qpjI3N4Zt0/eN72\n3vyRsvN4/7eOdyLLGPdjSY22RTdx2IWVgk1vjBrwK0Qm/p9WAsizXf5pA8JC\nF54V\r\n=TuFE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211113202333","@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113202333"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113202333"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211113202333_1639427032381_0.7944076106258688","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20211115102948","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20211115102948","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9bf65c1d9ed23a4a607d35faad4190ad61d40db2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20211115102948.tgz","fileCount":16,"integrity":"sha512-b7bTSwSnVl1BCNgp89iR/zkyhb7dQM9DujXiPgvDHq4k5yLJBomMW1FpOrCELNqvOOdQXJQa4cFP8kmDwyYz+g==","signatures":[{"sig":"MEUCIEqZW5LJFco1FqQfrscu+H15joYitac6XWuy535n9a8PAiEA6wNGecyxn3OkyJdP7bWoxOiP/gnHpJAahT5gbZvdz3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucOyCRA9TVsSAnZWagAAC/kP/RIJol8elOpx3fmUcueb\nMZiO+xNUWP1zwXhFG2BH9gGqlX5KPHq+UH2H8Q3R3zGc1Q2+40cQgyi5qorL\n+ITyYK76bf4MtmB3SvRFz+HtnKgWfMA/a1IwxttvTn6u86cln4srDHPRWrFQ\n1Qm3uT4pePlRfjGIxwtWSqxpxH8LziGhAKw8WWF/zE9zPCXa082vKdk+NEPD\nIK2X0maEfylwoHLvOR+QdbJTMuaKT62RolZv9pn51fpeBp8TJ52fNxVR+FlR\ny2jYE9MWK8WjTtaknGK1qRqFuWTxsD/62BXy7SBg7Vw5OYhsoCFdnW2DwMmW\nDY1+TSrEGsy2L1OjVnz/loNOyOW18bmbZlrCUTWu9rxvtFXmUqdEocAjkOZM\nspDE3E1B53gOiKBUxWG9EOlP7mYex9RPVoBN++nqDs2JeT4iNNPgiDFilQEb\nzMs/txZ64X4Mrg3nY8LcXByvBLFNBrC5l2vUJLNUDLgqoQhVbfb0UOAGJJKJ\nG7TYW6d4cPeXCRSb0Nj76K00ewM7ZIy1hiIlvvxutpuLixyWMTyY4pcKMQQq\nbpmuvXy6uKGZndvVYEzo/nIiVcnicg/XnYQPxakv4tq7M0Y5FBZaA+DFFw5I\nUhBmoUZAOJl6WSuTmNU2F/H4g11D5Pb/9/dVU2ySWak15SFRM7gSHFdW4iAT\nrXGC\r\n=h2oJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"57f10d884206eee208121c6784633ad27310296d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211115102948","@chakra-ui/hooks":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115102948"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115102948"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20211115102948_1639564209929_0.15318183839653643","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20211115103018","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20211115103018","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"06d38f3d09d7cee8da8241c950d107844660312f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20211115103018.tgz","fileCount":16,"integrity":"sha512-R2traYshQrZo9OpeZwqMz5bvmZCdb2Tyh0KzGroH6n8BvxTtfNgezbMdZicfz/lutUdb27DqJ36wEGqxfTNx4A==","signatures":[{"sig":"MEYCIQD3fZ8UNKU2UP5Pfx9ulkd4mqKfmfrRYYmHfLygApcXQAIhAJ77zPwHmvLO9J6Kvpka45vpBF+UNnJR+0dmsglmm8kW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPRCRA9TVsSAnZWagAAEXcQAIuyGkUKwe0TASa8izfa\nBY/1eMlOfY24lCLg+EDzQKpFs7cAE6u+mISrWpsvxaX29tOmkgNnvL5/roKG\nplkVELPXaR6S3c8vVwm3d4enVPSQjP8OIO8ewBU0wRDBB6oaWgWvtDjkV44v\nCsggMtgQGQ/er5go+/A/Nu1wVfyqE7HWIhE2eV9V7qDkz2wD3MxpdrxDTfEL\n4IU9/EuTxozZVD/WgEYrWbwDv/aOEpzy6hrwwVw+K1CYdjd6R/UFTo5QHHWC\nlma6RgET3L/HdTdWSdFhh7Ot8tqys7LDRS9lT1Mpi4Pp8TyVK9WWjoDuNRQR\n7V6jhy1eqkVJYV1x4XX54PthJ97iH6nTDm+0piNQVPcDtNIdcf/Y62ojmwfq\nClBVb6uzvPRm4p4MBCTAv+bM0AxqUA9M74fzmiH1RezYM7vKMo/6wr4MNWIp\ni4AIQwgqkfyEKumzfjVpuzdwSW8gdCmmzEe+PD/LXbjzj2bsy5ppRrTTzuGD\nhPtgsuCqbtR4ZsG1PavRjjejSmB90MS1T8scRExu68oroRV9VjokaS4K6urV\nddoq/32MIQ7Mw9VvCTgjftV2oFnj8+wJ5anoEaBXSxQf2KtRO4Z1hqDmyLWh\nJu+hblfgePeETpxS/xKHArjm27FOwiIrmBOrfzQDusTfaVdpW9op4oxrbML2\nNVQl\r\n=dncz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211115103018","@chakra-ui/hooks":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115103018"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115103018"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20211115103018_1639564240897_0.7810544790518816","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211115103050","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211115103050","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e1986a3668c22311ee7c1c27cf902753284d8d76","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211115103050.tgz","fileCount":16,"integrity":"sha512-NsHai0kb1UQJACtbVS4IiNOqjEIPSCW2JaUke7BbzCwiINnL12t1FfBn19RBNmrP0AVU+BF56gLG9ppKKBTC4A==","signatures":[{"sig":"MEQCIFcuWSIBCBAc1V8iwEonCeZNqg9Sq+n84GKMXmrGTxa+AiBQ/wwp2JZJrz+Xe+gCBt0N6+XD5UejyiAis+OaFaQnVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucP2CRA9TVsSAnZWagAAeRAP/AgA+ikRrx/mylzpMKeL\nYDWwAHv9MFNcWiooRDjs77OOzVT3Nv1qb/AS7zExiJbNV99hixIg46cOcoYL\npeVp9UyguUxdcZMmCQm7lcb8L1tJrP+jitscHDJ+7iqhpAmdG7+FD0CDG7nm\nryfiLvt7Oq3mBxZcioBcklEMOw0EkYoMFuifTh1E+T9EVmP6MYiPxP1RVN0v\nziSs06pGedeM7FfXSlar4JZlcnynKPwXPgoICNn8OfFUcqDE6I8eby0CxSYU\nGzDJHnTEr8u5PhJGu8k1eHH3twsOBelmrYGlS21tmTsFmr/4LA7qzQ+IrE9q\naPqom7BB3fArpIZristkPjAdoQthl8KZ34LiCoc8JkjsuTqTVENfVoZrv/OA\nYniIi8sKKlaelAbFgSMGa0US1T7o49r0X7tlSJO4Po5UdOreDLfAJwSkQ/kF\nPV+3iGUneZ6I2LmA0tV2UinpDfcZs/tjO1eZ8cpqKOCIidEUFRwqFm5RpowJ\noUf45IkFr8DV8pc7eyV9pkfkU+Uuuft89Sp2wVfvOeMXyyyv3w5MV2o6U+Xl\n+Lnwc5SOR6SGbrAx3PMYLKN9BSZcPBdwgLVRQIBr5f0z4hdohtu9jAjuPeCs\nTA4+kZibCeBA7Pn+8yDTlMUTwbGs2lck/bELkLZFFRa8jLL0SqUroSLRXrE9\n84xi\r\n=SmhD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211115103050","@chakra-ui/hooks":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211115103050"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211115103050"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211115103050_1639564278755_0.6856352699158399","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20211115103321","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20211115103321","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4041eea9bd3c155a4c397a87c896dc9fceabf909","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20211115103321.tgz","fileCount":16,"integrity":"sha512-GxSajVig8J+rGm8++RqxKTgcC+3WRjcFssoF+S7MC9NpzhmLRZhVnL3JiwtRU7S6QoMCGaaARJsYtYNCOB7oHg==","signatures":[{"sig":"MEUCIQCELZ549V9+6XPJP3U0lf5N5sF/51BG4lhi22T47WAxjgIgKE8i+e+t127HwEOuuUay6nYK/hKn16XvFODMCh05X1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSMCRA9TVsSAnZWagAAWhAP/3r7EIp8s5RT1HICeG0N\nLiAguF9lkVjp3L31o9S44l/PzZNlM0iq0caPW7OJ19K13yrfUtrT0uSPNEGY\nLKqdtyPSn5aOs/WKI7M5K+mncf3d1fXHtsiuH0ioZ6ywOqq8C7LKhTyzWZbg\nAq+9D0v3McSmnAJov2BT8MMSAh06yOVXe1X2VDHx3L4MULEzfu2LDJRAzR+X\nTDQqBznALPMKOBXNtC1XljUgNW7NCsPls56gb2S0+poCGPdtUQOXdIBuvf2U\nYLuTMHlN+NQ7DluBA2snmZphd4GUDfYn+WTQS2/KrX4EcQZYREhgzmZMmwpk\n5x6jC2cDXvD3GN0I+aBjj/3/SgCTcT3aPbFr6Mv8dhjLnODta8MYnXhGXbiU\n980cJaFV6UG5NVibQCST5scof/faaBDAoQLFXrIHAhyOrTOZJZAj+20229AE\nQpbvrOvNw+NnDb2V0q4FUJZakGWncvdL0yCHoWV2GwHGXCa4QzclTTwADRMv\ncqqF8N2SAzH6e37QWKzfkm2qJRhLphLtqqZ6ZkYwQfapAPuM3wZdjELxnC7C\nh2+xszFTVCObzifm9V3P1ESrSbLsqdw1lCBREUcr0i8O+xl2V0qkArt0nmUA\nJlOZBzypOkVolj0kgAxkVoh5IXd3J0iaSvAC3pXAx7qzB/4yiCRONhZD2zgM\nXSqd\r\n=Jt/n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b983e4ceb7c1e794c2b901ce16f12016836d40d6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211115103321","@chakra-ui/hooks":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115103321"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115103321"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20211115103321_1639564427865_0.8026367860073775","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2021111913282","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2021111913282","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"412626e00adb00ca217002d1f8476c5fcd8b4ea8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2021111913282.tgz","fileCount":16,"integrity":"sha512-zZk5amdl49dX3jHWxg2hnNecSKMMNnZvIzL+wFZgl1Z3kSm6jh9evRylSOVJmiYdvZtpNTB7a0rK6kV4QwKIAQ==","signatures":[{"sig":"MEQCIEL0F/fIwBiHQhW3Fzfk7oCbPb2Ua6U3NSkTGzCdwnO/AiBnMPFA+rDzQXM9Jt4PpAu535FRSPxMBYT7oOdVRDyYlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzN9CRA9TVsSAnZWagAADOIP/A/ZqwKWzdIM5A0WLFrH\nm6q2buTmJNXFKiUjGrL2H2zwUEeME/WzSzyn6QbUoHXN/kHw1/DbfISg76T3\n5FEtGLy3DrruCXiAzudHDlPdQtshK3Jsvbc8DgF6+0Ypqi2Wk6bNTJVNFZdq\nRCJt60z5gAWILXlMghEJQt6fBMz8emHrky+Tzg9jtl6AVwUygjKOtv/d1Bu4\n+44zd0VL3Am68em8wC3b0aCsI0ZU8grTo1+Bs7PnanwFg7ENAthnw0VMKSsb\nmAhORBYiq/BdNLzEiHN6FdV7+Jb63k2Uxj4ql7gVSp6h1IZlEz6THtL+gFes\njdKNf/GKP+/qmPUbYsWpjlAlPdqoCqGyLXg4InSr5QyKrDLKb4OD8n0JVSXm\nSW6fthpLcCX5azhiiA1mDr9kgoM+v85nNQkHMoydQ/M8zeYSRqL1Jme+eO2L\ncD66S1kQnEOsRg6aE6JrXN/u0DLJ3HGfhE6vRW5eJs2wojsbaGah34o1ntJ6\nlM/UoZc87zKRbj0YabydcIX5rvBaXyEOBg986ywHJdWatgUiF3OxV1/F5OrS\ndPfCZIl4U10vleSZZUHrAJC+QNwD0rWX2k+LchMIZiVX4PzfiBhVXQS2wrw6\nmm1o7MhkeXCY0Pice8tHKvbuwxOOXGn0MxITJWhFhZwgiOQd4F8Pv5/0udU0\nvPZR\r\n=qw4H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e71186d1580f8a48c8804775328e4dc7266c94c3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021111913282","@chakra-ui/hooks":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021111913282"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021111913282"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2021111913282_1639920509010_0.11865861564275515","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2021112024830","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2021112024830","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a2ab06076a1b1f4e71f8cc009baa114dae4b6066","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2021112024830.tgz","fileCount":16,"integrity":"sha512-EiOx2ASOadHi4JOyEUPOOhr/hNfLQNeE/m7cGGRQrz3v8YQjZcNL/odYKzntGYDg7kh2PBZJcx0awC2c0V985w==","signatures":[{"sig":"MEQCIG8mlqYVyvazh7pgtzhUL22Zk6+bmZmIxR81K6H4wM8+AiBGkroYTrMyAldZCx0zq39PKIpShW1BFIsU9DMRXsNzPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8VCRA9TVsSAnZWagAAZyUP/0aq8vTqEypHs+sdE0sE\nz8LbZTfwVP9sdugbGXJttH5r33FU24wC1njd8D3J2pRaDrcjH1O77jNztMJA\nzoKsHBVJ7pSzd851+Wb+3twbcU9JyIgB/GWnVkhzqGG9fg5XW8W3lh/cA4A+\nigvs6f6b7xfu/chPfvbCRpYalEeh0nJHUMV2cEa7ilZHoC8VFgm2e6DlSs3W\nmCjFinmnkQjocRSRWb0rD6bP+9oW64BC20CiPcKo6R4E0UYqVxdvdvZS3jr8\nHOR9RTCv0+yzGKKdyr6pEoKr1p6SA/LwL6OHOvCImBVB5DOjYm6pvxhOUzhr\nVzUfRc+512V89eJAC/ARMjYUg0BjtKQuIN1sc2CKG0evViZXBSwhCSvDH4cW\n2IA3eA7IfqLB4zxJO7xGfq6hEemBarhAu5uQEt7D9oII7o1TmvInFMbPvc1E\nP71SJzi1S1xg5YAbSWGeCUAOg96Xd0WMAYt4HrqfzGoT/Sg+n1qs3XVVjFzn\nocJwUmXHL7oDzrS5jVG61SmlpYTecKWHVR5i/EXJTaMs70Y8aGa548NEphgm\nL1bgBA0h0+Iuug36OxPLXt9ZjLH+RRCXX6Oi+qXqFU22WwSHH79uJ+bABdZh\nkcx+S3K9e/DaSP7otAtCbHgEvwh0qqztJIim8gC4jeBE5WDmhHMPrildS4Re\nhGxx\r\n=cPDD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f52ca81e6132842c338193d724d8c6d10135e8e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112024830","@chakra-ui/hooks":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112024830"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112024830"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2021112024830_1639968532946_0.6909223549194488","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2021112031456","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2021112031456","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b8cb4c14acdc61af08254f32db634c2f12fbc5d9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2021112031456.tgz","fileCount":16,"integrity":"sha512-1SlN0rgFbi1znI3y/EJurwJhkryx/3tXZaNSqjZoa3Kd+LJYHX1vpDkWIiqUYgrAlHPlbStiDHduATJ/+Aoefw==","signatures":[{"sig":"MEUCIQDzs5/cOGEcNqUeutPkY/GSWUaUT038IPxQO9fVMRiJ4gIgWrmy8BDmkLJ9EWcHbd622AG6S3hO31pMO7PDBrkC+II=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VLCRA9TVsSAnZWagAAtbEQAJK4ykoACtkQgRdSH4nm\naxxC9dIZB2wPwDHayftHS6ZtZxEO6bbnZpqeierwuvYlIsI2D4Am4TchQYL4\nDSgU8RMOEjO5XRKnPIkiCKEDijBfBRW+YGc4gJJ0Fbz4af4lQXLHncmiTWvT\n6sXvSlIc9tu62XheorrZnrJtTalV+060Mqkvhd0EWoZJ0Q7LmlF85nWqw0Ye\nOFoalnRO/A6P9RAxMSCvoUMFMkHFQCHZBJWvMiJ9VhAbguE8g1SGOkrTlHag\ngz3xtNO3tSvAUt711rTdbG/kElWfWwnWB7LYvQ2jzCk9nJ1akF28GTFQf1nw\nFSPqDmRLZ5Vxr7rXIAkDsWysB7lfXcoBz7fUibXpfElV6IwzuqYOx75Ol1wq\nNLxOI88F05o3U/bfXDHeTy6YkFU2xOU0IYWpYZ33QpJDP3jYcoLSJS0DkdIc\nKX8Chj2zkJsuxwFQ8SDxkkLFp+tw3VHfzQ+lYETQp55hMc7+uL65aigIGG1u\nB6gnGUitYBb7Nj+DizlD4gBetDf56PsiSFORGMwWJqpnqC1gcKfGc1Wn8n/E\njomw7aNFk6k58K6JqXyOjoRAjGCcD0j2A5WwgIvMpQpTSjCU7e+H+3U9iR8s\njB6OJjJUf+hp5HbSNwmCOa+qtJBeLThgj03yXcXs/VeF+xnCpcQGg2ahIe0K\nmtES\r\n=6trW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"9eaa11a475e0c24faa96cbb99d16a919c1bd6f47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112031456","@chakra-ui/hooks":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112031456"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112031456"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2021112031456_1639970123443_0.27160696718908484","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2021112031622","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2021112031622","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d8f5724e22a5968fc5470fd7c9aa299dcadadbfc","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2021112031622.tgz","fileCount":16,"integrity":"sha512-vBBBQinI4DtY7cGao6wRDiaSU9gGUZ3Fo1xIyf7YKysZiWkSsnE4QAH/UDadUEUdzFa9q8xT2cA/sEl0C+zKeQ==","signatures":[{"sig":"MEQCICZuHvL/fDbn4JefcTWqT4V8URmOcdYDw/1HVcBno3AaAiBuCiK+vjsc+J3utUK7MlEIwgUaRgyBybgEfeFs/Y+Rpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WgCRA9TVsSAnZWagAAQ0IQAIEfJympG+v0oHq8M5gL\nrMlNg4q7QS7HYM/fvv889WHEbcJWa9PHOcjEFtI/dLFamt6XqkWzSSagLVjD\no9I0trWqP9xoqCpaGQKPKB3Qhaa7/+/dIEEbfppX9i3Hr6UxQOPdYhXW+b8S\ndzmiK4gkbgaicYK9yzxNS5WVuLDI9BUDPNZ6mBpUj58OLCC9dMf2pBPYdR7N\nM6e/SKWbXoyMdnR1z6puGKNmuHMPmZ35f3PcjHZpTrL+D6BzOw6igtWWpVEG\nTfgoSPp8UTYs4uwWGWkqnJ61FWRMciUguhXfedXqt2h0LRGx3tcz6zM+FVt1\nSRSRRqYg5Bgbfd5O5bKUMvb17dC7LKibDRuMr3aA2uOiKzKe0BCAzvf4L2EA\npjr6KWTM5qFnV9H67pj9yu116yReLx+Uk7RVdghlpB1dVaIEjbVuVZn/8NOV\nT5ojQsnWLaRzjH9+IURhNcUz0SlYeH2vJxds+dL5zfKsRL2Zi/scVbBbrADb\n4uYRDZKdBd6/8BjLOQWAh4EQ250QcrQVeEtOgGO7ZCTfgW2O9TNK+2B6ziOT\npU93PwQEft+dMglPgcBdrWRltREi9EpAu+SDRD/jJtteds7J93ktwFchu2U/\nGzXnv++1MRljPhbDhkcO02eKb1FHol5M5OuXMzxNPGmAuTlHLeFJnGK3J0u4\n96Vx\r\n=x3lk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e6858d2e0f657887b2bfbba959b25eab8cd3e74d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112031622","@chakra-ui/hooks":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112031622"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112031622"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2021112031622_1639970208756_0.4590590350342558","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211120212826","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211120212826","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ecb3ed98f2712f2a15ca475eb205cdcb0e3244b3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211120212826.tgz","fileCount":16,"integrity":"sha512-S0ZQV+M4qm7lVzfo8ry3Sd9c91IZZ/DfoJ0qqFmkT2SpE+ei7MbT/xo7RgP6BOZg1H7+DIFACkaizn0n2S5A2g==","signatures":[{"sig":"MEQCIAlg/L7SbtQFc0Bb9xRW9xYijP1+hY0dbdd1TiF2Up5VAiAVenCOACqx0eafs+PuPbaqgdosCY2QTdcuW4BFXoMBGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWQCRA9TVsSAnZWagAAa0UQAIJXEn4Y3J1dleGBc6qx\nrfbCL3xQ26Spgsxr7QjqsMeIezdU5x1kaC3U1fEt+hmCoXiOcFod58RTjfOu\nHUCw0sT/sWOhNlDnAIYdO+6kQYnOcaKcshTZloJa1JjuEeJ1khmJpJ4tfVRr\nXcOZyYYKZnkfCNlSI67EyfgETYrPwsB6B1CcckYOpxn+mTWA51KEePcD24XF\nr60A+pKzYSY7qGsQ5osxU02WBUYe3l4SW3Xthe9v3ZQen6j6OUbnR1qstTpf\nrt66QlbhRdt0nQMNlmvF/e+iyP6c1AHYxepfBSaFaeaDiOG8wnGqyCECV+vZ\nTGC5EwpAQSJ1lWzAbSHyEvu+iHvjrOfLcamILU1q1ySr3LjjSdsH5A5TSJ1K\nPupuWliDRG02bm2qBm5K15Mgb9G5U87v8jeHQDJOtwcZ2wQZn6BZA22SFsXQ\nqs8fS8k0wfeQZBXz6upg9oyqTtfdanywUhA3BgD+Sv7kzWTEvJGEwUFKVFJ8\n8O8+oggRpoPhph3D7Wxbd4N5yyFP1Qbn6TboiIsdjl/yNO8kOF8ykIO7pfx8\nbbCz06F7+zTtPwYS+CzOTrNPPAY0SinQSA6llXcswGrx3Wsy41LLVal4GtlH\nlGI5nYEBJNni4AIjAMWFXXHReUizYTp5IigO81BifvhviDVBXzjkir+oIVST\nqMHT\r\n=dI7g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120212826","@chakra-ui/hooks":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120212826"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120212826"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211120212826_1640035727854_0.5550934931862495","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211120212927","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211120212927","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"20b0067250934d918f922560616f8965d4d856e6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211120212927.tgz","fileCount":16,"integrity":"sha512-cAEYrULWRsP6Je95UA4x7K/EJoA2FE3k1GKv0+Sz/8/zxbqo4RqSjdh4uBQjFJL9T4hi2sehyZIDhXZIsP1FAg==","signatures":[{"sig":"MEUCIQCd1gAgbSnQVgAItl8cVEG8taGWbpdjxyxbI4v0PYRKCQIgPs7BQRZhREoNv1ULn8KlQUeKrPcI9z9dGpi3ujhhptk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXMCRA9TVsSAnZWagAArjcP/iqdabJ77xN1YtrhUUR3\nh3sAYyVpSAspE2gj++yUwaNBDqnlG5CBLeYEanL+5aXm9mLRS8o8C9i4ZBTb\nJ0vVBaFRV0a4DgC87w21GtAQ77FkV1hf7YuQ8e/ahqTkIDR7EXIqYhVHKufk\nCWcifMC8dpaF4AujkUiSvdE8aZEGfjSC+dqMMLexysF0Puw6qVPEQ2DtPfMr\n0tWl8Vbw3nFwzlXaqLjLtDymY0DmDV2J450UMqXhWPXFT65ERrzMbrJgRqB9\nByxA82IXMyUEUg2cKKa643MT3aubcbjMIy3ft47ib0UTm1Z4cipT8tkdfE40\niFteeH4TertQKUhTe/ydAKmLyIbJrI2Yd0cuJKOt8GsUmlxqPnX7yUariZBu\n4zGngr1uTtrWqrazs4GyVJlNDv8ZvqTSBzx9pB4EF4UHjUzrXMOtDzleFqOv\nHPE7bSHkfXmhm+eUVJl1/M2PbnGmTKazXDq7q0wTXa4HcAjBJfh7/N5OQmR1\ngRhGQMVYT3cYX8Ylwr2eP2rB4uvFKUJpWmbrBmiIiL+rKEogoodw+MRHKjog\n74mhdH5YQ30FKUOKdWlkwNBR7XQqWncrTr/MHwfBjLl2PvYEWu7vrxFRnQx6\njX2Ynd1auaFyKsmyQzrt3JRz9Kw8TytwuTPgzMM9AkqiqFYeHMmZquRb4oY/\n2s8T\r\n=10Ff\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120212927","@chakra-ui/hooks":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120212927"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120212927"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211120212927_1640035787989_0.8575072508555861","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211120213315","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211120213315","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9eabd2860be18ceee845e23d56d764f204116bad","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211120213315.tgz","fileCount":16,"integrity":"sha512-UJMNHOLr7z2VaTXz4wFh4v3D86Ng2MhdoRiw/ipVnjeRqQtjzYmkvW/zRZxZ0QjuWUvr9ohJxlVkA3hyQc8D+Q==","signatures":[{"sig":"MEYCIQCZ3Bjnv7RfQVMKglr9dBLjFdNAxJdXG5FlyxPQlwLEewIhAMBFqkr0+t7cBbT27dEz7cF0OpwAmXqhi68o/vh8bIvI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPayCRA9TVsSAnZWagAAAs4P/0tJAFfnvsDblhpUqX4e\nQnIFjMKVeq6QhEp5CaoShx0ZwsTE2pzQVQ7+lZWU028BxA836oyP6pgpwF7K\ndfd7Yx/vlwKYIKizWyxWRydO4PncRI+7RcZroqhQpJ0GSVVwt5jYWO1m1Lo2\ndzDtqm4t5Yh5nK/DkDqeDcMrP7umv8u5TnencnYlsFFEBXUd/RpFmfbdvDlu\nF1M4hcjAwo0rLIu06vW6E0pTDgkA5H65G2t2qwuyyfOucmBCth/Z5H6s8Fez\npj7zBJmYr4VvvK5QfKJQq1H0ikffAydRcwhuoZKxUS0Lo70iICtn0whi6w2J\nbTuA48xFZuroR52+8UWNQsT5ChjXlVRSNWxoElbez6MtHGPUc4cjjixKVRwe\nFTiO2RnbtV/94PNRTX/LUyJcdH3PwlhOAZE3JDowDLfxqpuJILzisY+95DM7\nBta7a/TiebmDHvZDnDc0yTg8JkyqDt8fshDf/jTaAfE0c1D5jouvfj3o0qr4\nRbJRmQLb9sifFnjsOZbDSstJHXCHEbAJV+BuBoICSLZ64vCYOKnNh2ShdXed\nbdJylAZsU9MOfdLJRtGNb2d5Dxme2Epm2u2zDZh4KRMobAEGMYtubOVm6Ci5\nEEEwTkQp5b+QBGkhByGDa5a7K9Uxhw16dZnPGozxXtDekU1Tf2+RjGIjZDrj\nCc8u\r\n=0Rfe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8d66b048a634383c0f4a99b7a5255d1bd0e94fd1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120213315","@chakra-ui/hooks":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120213315"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120213315"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211120213315_1640036018347_0.48773798059278906","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211120214314","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211120214314","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"56035bad8d20d9df480eb152c41c04b94d1dd083","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211120214314.tgz","fileCount":16,"integrity":"sha512-5Ct/XhyfagX19WHuiLvoY+EIzsNbRb4T8rQfDAqxQRLXAKPOSdVdWBH80ghf/X4WqugVLrtTHchNEal0aBJE7g==","signatures":[{"sig":"MEUCIADPPpXH0VkisMyYjcjlvb50T5Io7ftUmdlmLNK+aLMEAiEAt2fF0wvttDkfeNSG0g5Rgq20Zssk3jaOJPQLi/eC8JU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkMCRA9TVsSAnZWagAAYY8P/R2sx3o9PQORSVWFbn/y\neWrs8ISrGuIDnnDCg05Q03BandK9nymxvDuglqPo0oYb5/c3NggcYeGNDCew\nUuIKS+CTXyWlqTY7rYqQ7Z7Ij13wfwwJqxzJowN75/kQF6Z6OeyOeh2NCaj5\nqDLZDrq2egzHPoA0RHeY2dbCVAlSB7A9w+eb0nfUkhbDEdAhWdafdFIMcbND\nc2oADfZcMulRO+iUyBYFEp50VJTz8ExPHBB7pMKLmrmMlgKjUCG/pbye4gOc\nXWyZrf0pEumj7+qBtUXbVDYi0oj5MMk04p4T0XsNrao3ZB+NlJPi8AmCE+/6\nB+pJBtYY2sFaM5Vn4tnFizMM7o62T07HM8ZEBdqsO4O0vek1Gq+U4c9v4DuU\nyWFk1Zp7epDvW9YgtOhP9hSwgBt5XvSh3kv65APHA0vTCnmjif4+XDylCMsd\n7G+zlNuts5HkShzMkknjb4nh0lV3ln1GsS+qWcZPI4XR004eDPrscWAtJxLN\npD85nzbxzpIca7mPHX6xcCSaSWtE/B0BucM5lwsli2kGVMlPrcKYTD//oQVT\nVj8IRmCI9V9hijQ9yuS3NSL1eyz0gIROawKNDXXTuf21O3ePTCfG8/azPTod\n9SgNs99PtTbCKZpExnUx84HMTFqR0KceLt1XtiDqrECPga3TZoRt9hyJTHPo\nNjaH\r\n=NEwc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b33d07d1bc611e7f89c90ae40aaa216980618a62","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120214314","@chakra-ui/hooks":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120214314"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120214314"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211120214314_1640036620622_0.3444786183930757","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20211120215621","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20211120215621","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fa4412c202a3236ad41a7dd3c69a718c27ad4ec1","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20211120215621.tgz","fileCount":16,"integrity":"sha512-DZtp1ylldyxo9YgKnwGUtnVYEtZleJ4BlVma5zNJJZzAQ6CcEXG5Ds953pivX9FzuJOqqyIwQ4tTgzf9UCDGEg==","signatures":[{"sig":"MEUCIQCm4ZgpEkylrVQdmoRtwUkJE3td3dJImYAQyrxbP8KQRwIgePSbPP4L2A2v8LnW9ByilveqbNJLbaL6hUS/R+cHpjY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwhCRA9TVsSAnZWagAA9dcP/AnNyF2F4MwPZSFQyHO2\n8LHUd8zjgqSMh1Wk3c2rCRYA2WOK8DMwxFccayjTLRfprXfvX8Y/s3L4h74+\nuYLO6v3UWz/dXVMhG2eb5yIqFslhXDNP4EFIh5orV30FEu3PyjCdCs5iOwlM\nRa1MxPTXRyDGrO8aWQAB+4MKHWMJvOSRM9vMdwakPFW7hB/HjHmBMWMulyeq\ndNIUHUgiAl4HRmkLyKRlinUqPxkukv6CkDNLBs6OBxJpkTDp6Pi14BFJ7Ve7\nlJl4a3z30iWmxM4D/QgaI2uFrpHAykIKsYkTdWRSMFKaN8H1Vg8hCvRZ4Pp6\nE9NBFS0/XV/cTSgYmGfKUovzgkd0VgLls2ize4dSgbIlUBPj+TQiDrZ2S6NK\nPM49MUa4smB68gZjf7TZe4k7eiFtO9L5x59OG/TyASGwgXXviUwpFLTVFlu3\n8x5rkswcWdRPws3vyKmDxLshYQ2zx34uwjFEebFOEplyldR7NSwuhUOr8D0e\nrUDzoP4TuArQDKaABB+1KqimHpNTbAWG6Xo+tZ8Ea+qxttkTlCFedxZ1AU6S\nwOI3MAWHvXboguHzGfPuMRstnpIeCmT6aTdM7u7jKpVmgkVmYNMG/VO0qMhD\nXeTPgw01/r2t4YTKYGYuUb7FTEFwbi4J5BKYHB+SDcuOTkAmnKi9MpK1XLws\nyAf6\r\n=ahdu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211120215621","@chakra-ui/hooks":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211120215621"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211120215621"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20211120215621_1640037409283_0.36125695537280134","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211120215645","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211120215645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3c0f4acf41a53ed6a4043892a2fcb353428a2b95","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211120215645.tgz","fileCount":16,"integrity":"sha512-6iNhwK6suLU+ynz74lbdWmGqzMYcimzuzaCwfvX9vCcAexjASvkdqzX0m0rcQ95xWeHYrHypl6Zihez7rzYzQA==","signatures":[{"sig":"MEUCIQD3qAP7T+Zx2QD0d3f9rh2IgI60VKQxehSYiqEyVyN6dwIgf1At3D8vKH4/SQur3ROM/CxHViMQy+LIlw99frksosw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPw7CRA9TVsSAnZWagAAHYsP/3Lw3XhCa87fxNQdLt1D\nH+fJzZQ4aAlAGY/sj7zPzALzxrVozLhwiKSQa1upXltFkh4+4WYullWqxpZV\nxhHPq7lv1WLikSCUDmJcYrs/T1HQ+cQ+HtD830x0nmvgLrA2sVpSLYhZpLqQ\nwFPn6qfr0xbzBMbdRzUF0EcRvHbplgMnuQwy3OfTUyrNDubDXlUCnoUNtm55\nRS84L8QCY7ZQhfMsrSn2cJs7I8WdjmOROwOCfOhYlkMU8uhAhaM3uYEB7Utc\nX1D/znk2KVTcJilF8Jfy/PYGt0gSFmwfDq3Y5DFIqUaxhiQmCrQexnbKQ7wr\nE+4cIkPcDX4CN94O47O4hWhdoJdLrf7Dkjs/yAlBeHHVqygWKTgDRAZKl1yN\n3JwMwVo1v42xyhDlC3Ct7BqDRaKlXCEjVvc+gkbcpNC248EFO3t+Y20fmlRm\nqMIbI/aFuJ2zonWSUosP3TtUBjLpQ9cxWGlLWUhHjAjDFnC9H6Yopiykk62M\nGQy+xwhzIOt4+j4MikClUNuJDNoKT5mackpBjtwC9xdxfFLTcoPGFvY8wntw\ny+fj64z0P60tZYOMjA4kMLV3bxCiSIzyODYa0OodD0Mgd/Z6Nc1ZmDG/4YqO\njxcNfdRatisAyGnJ5WnHwmeEk6eyvlBVRk5bWefh9ZJVIPNbH7SLrNwrhc9I\n21lY\r\n=Eb3i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120215645","@chakra-ui/hooks":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120215645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120215645"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211120215645_1640037435386_0.9540092054034843","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211126151058","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211126151058","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"228c81fb238f06037f6174d7dae41b8eab818610","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211126151058.tgz","fileCount":16,"integrity":"sha512-kN2IXbb8lstYe2WjBtKT8RdT5VG4otuYRr0f1smvO9LqD7l13LOLFU1PzVN3u/l1lMkYfL4zrGowjcK4HQ+ScQ==","signatures":[{"sig":"MEUCIQDliOjCcgk06oA9okM0Y85O+TiXnUVs6xBQxasqAIwrDQIgQbI1Acb4/JFfyuNCbWU22lZlJvbpZ69rESl8gunGjyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYcCRA9TVsSAnZWagAAMbQP/A8ZlDNoJ+qmVrxVb3nB\nirksl3Xx6b/eIpFVXVvXq1P0S0m0iZAJsXagg0KkDAtz4G+8vhCOPKDPikpx\niZbfILK4dK7Zbq41+ZR95FNFQSDPBKXZ9ZIG+VMKpsbJ0Lb8Nb1pH7Rwp/ah\nepDOaL34/nOXledJ2CsTxkeoPZh0dwCfj3Zz7ZF7o0cIXJfkqbAonYfppK1s\nWJ+7PG+lcA89R0abeMvBVJSTXxzm2vL0DEPhN0yYkAynxMKW+dl29efLH/GO\n2PtjYlTM0NADtwR9cxPN/7Y9rs091/WJPU/H2l0mWus1pnwRD7cMVeU/D94j\nbZqy8ERSWrrTIlhDvaVH9aLNuAOeMEgld0YgmqrlwRpdo6yMbWpUCMHE+BFT\nRTDGMZWE/vKqiew+PbD5J21zeQ0JUJBhV5q7WUlh6e+SopvQshRofMfFjmgY\nASQe7Y+1cn/ZG5MQhIfWBV86OquVVJepNGLwS3SYdpXhalhA4aNJNdn0y7KC\nSlvyb54g1o/pXfPneiQIK5kBjxMbGsq6hPdHT05CfWaTc/de4x9rrQ6cPjuz\nAWsrgQ/k9P9WTmhqVw2D9ZqI7p5zAH4Ph7gUNUpoZsMENx8hISiIMEBwlzxK\n6iKoWeSJ5AH7GbAfGPs4/G1BMLq4SgoCv3518EMLBF4b4msvSVPuUaTCpyk9\nhpoG\r\n=ZC7r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126151058","@chakra-ui/hooks":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126151058"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126151058"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211126151058_1640531484081_0.9294158682456912","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211126153437","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211126153437","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9f517e010debb48b7ecec25e6703ce4edb26d557","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211126153437.tgz","fileCount":16,"integrity":"sha512-9my0Zd+fl0tKaXyRnQkWhV/8ZOIIHlvgK9J0N4ZN+F0y1hhDLMMdkQk79EejU4DkbNJqGw0dFas3+EiyeXeCvA==","signatures":[{"sig":"MEQCIBUZgw4kGbQOtErHJNiPF84qk/u+KGF3QXgQh2ssO0lFAiBLwwXOCPlkhXbex20aGx2aff900pgcICe1Rsz7a9uhhQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIuqCRA9TVsSAnZWagAANc4P/0cVmS5h0/VXtFxN9HXc\njLhQIJQ+UmOMckoOEEVMjaT4FuATaJUhYBu95AczsOTivQxLxqVSwnKRzdZ6\njJC9W7dUovAnq+Wk7mXlNPhgMcqBaXeYERN6irGhLkS9nR+Sbqn8PyHRhm+K\n7RZ8ce+ij/BOmJVwV9G9kX4AkBop286oYgv+rOPDBtO9ctQBHRPmYaalHhsn\n1Ddh3AGmRXUSab68oJ/z6hREPEtD8RwbTYSLcDO7ML+JPSUcNZ8jpCGHp5uq\niGCIpBfzxvGdEaxttnPqlfBIqRFKTSJtyzCntst7Jejn971jcTJbFUV8s5at\n8eUKj7muTk9oawPe7KT4ipeR4YMa5mea8OKQnqg8VU5SJWohF6rGDQD18S+v\nV3sC6QsNgzNCXCFroxFvotHbNP1albZ84p0/9/NUE1MLGcB+AR0Hqm9ZOW1m\n4XKgdlnLXBCIpduc4WqUnoijZ9Riy+sUAt7OV0yve9eUJ0UnbnsapB78jj3K\n65jVhU+udzRIkkx4tThYADSaY09ZYs/L027tUNSmwsf9U8UtNOVF8/zU6ppz\ng6pClkMFajkErFrsiF3X0pNsR0g9jjHd7oH+VjFAi+834VsKu3p805aMox5q\nPxjw8c8ct1p2FQD2E2QOHggQJsHmmUHEpD7KaaL7AtkGd5+oDQQUSf3r3NEK\nTnjH\r\n=Ys/K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126153437","@chakra-ui/hooks":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126153437"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126153437"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211126153437_1640532906573_0.9960804449159621","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211126153854","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211126153854","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a3b0b4a48fbe3f3a26d3f1eb290e66ce9d61d09c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211126153854.tgz","fileCount":16,"integrity":"sha512-cJ6dne4G7RFSVuYSPSownB2yJ103D+yGy6Xz5NkJ+MxGKsIQjD9NPNltuKCBQ3PQQg99bnMWlUAaEqIcIlnqTw==","signatures":[{"sig":"MEUCIGMMU+YzyB+xgJdgVgb7wb7udMympB+qu095QTndn3fNAiEAszD8DECblyw8mRY8lxgp/MpyIuBY2PtOaidMiI3wHsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIypCRA9TVsSAnZWagAAcY8P/3rVHWGcu6Aebz8vi+uD\nLDwM9NQP/PBgMeGrxfAL1Hsat1MZKtbj6efHJDkQDCOoK5B//q1GO70FRUjQ\nVCvu8298hKQ1I0VPIyxxEA4yh7fZ42YFiQGJtb/UqfWQ2G7CsdeTAA6OHYo6\ncItL5KerUZ5ZId8Es6TOS9tcCSjpOPsd2rEllQhvs4e6rP+L3oR1O9AzUwNu\nt11JGUuduT7iM8Z7vgkAOtEQ+TJHSVRElMZeM+VxMfDfwlcJoefzGM20kKlz\nN66Ichozr5uGL9qcid32HOJFcBxqWZE5tQFdka+StSoXnZ/4V3bDCpZE65ZM\nN39uUq1/ZNC5/jnvJ6SEMgqPbcyPUzKAwd/ppUUTJC5R39JtZE63kJA8TMLR\nDiaAaH18tIBXCtYxffTNW8RX7nqrJsToGME3AKag3D5/X04TI7MCRapfrzBP\nIMA88vCFU/fvQ81JsC/tHOoQrg8Ez4y2TgkbNkrEz8AK7n3YPBnV1bgyKM3E\nmb0pfEsVqMCWq6PX10K8hljYhnr7rYRhE/hLLXzQiveqKPozPuA5zgMJly8s\nd0Yxs9/eAMC+JuLNKhn9N4UW/GvYaaZnd52j+lRcMZSTaRJTUu/tYQeBDNIZ\npzO9JDJs7GTBiUbXPGB0k9S8275Iil1ShpQMGnwXgkDZqgiSdxAkZNb4sT8Q\nOLKj\r\n=q7M3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126153854","@chakra-ui/hooks":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126153854"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126153854"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211126153854_1640533161045_0.6203439952406937","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211126154235","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211126154235","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e41fcf8cf0dec1298d7c382dd823db5d536e65c4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211126154235.tgz","fileCount":16,"integrity":"sha512-J+oAHrI8/JMYG8Y46DwZIcKuprVEgztlScrBYEQ6Tbk4PBmKdKqNNR8QTpnP/cY02amIE/Zrl/IpVNM7Op2VYA==","signatures":[{"sig":"MEQCIBF1lCABFWZu7cZ9CwkiH9pY+ljsyS2NYSs2BfCAoZRAAiA1ezJH6QN0D/ChJpoS+nx6o5vK9ZVVQ8NfpyGTQJ+vsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2GCRA9TVsSAnZWagAAOPgP/0m1yd02YoqlGNl/rbZf\nTLWGY7ML6FztE5O3mMwd4OFQmxFuG6vWtcketo3R5q8mi9MeW8fm27yTOmrN\nhV1RvXzns1e1neIlyyEN8L4XgZOafuPRG46akIrJXSSa4BsIsHSHzZI/m9gz\ntFnc18AHeLristrkAVJMCjjH3z0a6Uo6xZmwAe7zjBEJvs2UBQ6czXMcujTB\nwH8o8105RXUhZ9vZtnBi7F85S8K8eA7pG4SiwxeMm1redBoxmx5mWYkRlFe3\nRiCMNS/WLa2dFGs4dM9js1hS4rqcj8tZVxijrRhyv64NY+WQhPTBCKR+aCdQ\nBWAUSu14a54O/TZO8VK3FAB8ndyPDKk6SzTekzWZYH4xIAlXq8hYHfWxHRHV\nj5BHhSk1EuSKeiRcxOI5I+1Y7H6x7ckSXwDYLW1CCnLaE8SQefwxIcj/WD6U\n+eQMxx+3f99JAiSi+NmjamcfKwUb8mv8XuOp23aitUCnLzF1EHA9lL+RIcjo\nqeRJc/biCmVj9lO/nNDL5+AaqFAJKVphZ0rsp80RkgvTraFl+apK0ZdOauMY\nrZdIoA+nnyo4r1Z2xw886NIky99PkJmF5p3KwgZ3CIT6SILuG5gAjZJfrtO4\nQCQq4pBJ2KOHFZXyKiC3BxzuwbDSvaSTRYdkPgw5PuKJcKSfM8fYZm5CVGhH\nmCtk\r\n=6nUP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"ae6fd7a25c543d089d500e328596b399d85afe8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126154235","@chakra-ui/hooks":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126154235"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126154235"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211126154235_1640533382486_0.10326556863053371","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211126155055","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211126155055","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e10a6da6ef051a20da189990043cbf91eb979e19","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211126155055.tgz","fileCount":16,"integrity":"sha512-OXZsLOTo1mvaHdURTV02f0qVZKPjHqXLVji1NDg1TbcbSDn2xrQR+znXxkf+fHKqKhfV++d50rc/xdx3Wm2eOg==","signatures":[{"sig":"MEUCIHHE5D3KsUbrOu+WUnOZd+EHEnj8DVjQVX9+kAY2FmKUAiEAihG1R3qthoEs0dfooqLX4im+W3U7kqryYTDDr5JLk8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI91CRA9TVsSAnZWagAA3f4QAI0Yslkvbra+FLy43RD8\n7HTGl8oC2gaEUu5PbMOZgqPq/z1BJTsFm3mpzmUaqUdQcVEFqBdHbnfWMYaC\nonHWySG+tE9hV6IKB9culUJEB8mFMt/SPEhFttond181BVzCHccVmREi6Zcs\n7e0Kke32FsWjI7AZVzKs7WIwLkLYlEh54c4LIwpocaZGyVWA2t0vGJw6+dTd\nYeAmcfIB3nIF8dtwVpbr3OeK0A4es6SllzEV6ai3k1XzQ8717PpKQWdjYn1r\nnG22sT/Qcs7SdoNk5cbkGcmKOQHvUvDgAuj4jWxtMTJx/efY+e7p/blWNvgC\n0NZ/Q2MOqPv+rDyXsoKIhgncdHdM7/EMfBKfmdVyP22vSiz2YekjWWTxavVO\nbTuGrNhaM9lgvkEVoQ/3L91wxGoiNfi5z+9YSTk4mk3yCxcdh7cf4S9B1ak4\nHt5KyNe2UbiNhS6RdwYxzu0GRjHczKwTyA2QoIg8WVtwz8jVQTPgtPKqD78J\n2L0aTs1OKs+id1KascmOfXv302Dm9bFH8vgQW4ZP5LtsDxo7wrJkh1mtx2ev\noTt1niH721+tS9I2erqUHheY8WW++/JNG5XGNYpV75R6suN8xOdrF6SrKUJO\nVxi8URGEOkZCTxNTgNiV7Cvc/EuVL45DUk2prDxZ73BKlH3GQqksQEDVR+sM\nIcIE\r\n=54cR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126155055","@chakra-ui/hooks":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126155055"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126155055"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211126155055_1640533877751_0.44116140686346217","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021112616030","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021112616030","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1e9c18c7979ace213c6fdad5b662d582632dd17a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021112616030.tgz","fileCount":16,"integrity":"sha512-Pu0uz2VFuUU/vJaqwBu1/erSB24Gl2X8JFjslq8ws1Fq7aPWGWKzvaseLzZkIRIiHBE/WzbVmmXNJqjY4wwVgQ==","signatures":[{"sig":"MEYCIQDMaKyKvUQENuoGu7SgfMwyf5vtsemJ0piwQpgf+3BroQIhANyQfNR8jduiRDADnIEH/u5fk2vuCOO48Z4imSVdMGmI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJG7CRA9TVsSAnZWagAABPEP/1N+QBPey5mfRNLL53v3\ngcqCN4tkV3KqwomPeXYCSNXz7KO2g+TL8+/8OyQuG35wBgbXi90RIDl4Si3e\nXN0xiU1wwam0ZEG8HMvXnsbaqrZKf67hw/rOjcKOICC9zrt0ba19gCz6TNyk\nIb+9Kzks/CYVOAacLHyHCPVxHroSDYRKCSHTulvbtoABRiVAb5uv/6eMkCOD\nDCjA2wGgN3ZCMLZIF5dijVF6wROp+6mA80+Sdzh1QBIYsM6ghTUDJlhDzIAc\nQeWAw8JxZrc1uBG1pOTQLe8pwhktnFy1bzDpOEzUhQtq+W6m8ktKo7ya9g0b\nRwSNpv4XTPtHWfnfnZRYmP0r+NAg41gMHyjSVA4RolBQDSmAu3DMmvBaKuvx\nxE4Z60scdBlBdJzxIlo0Xi4Jl+dRTUt6vbHTf+/SGb89jF9mUDDxuPTfRseU\nsm41toYVZoYp2fX6f6skeEiyJaibOJfcTBcmSSaHzQtQPsmrfHSc6uWyoN4J\nLHm0QHe/HI2m3JGM4/rLpHu1s+B9bzBvR+c68VNZCr/YCnRfAx05HN8O0vT3\neTUCAn2MTJmTgwbjBJkKwYbWjODatHozWGw2nYxXP7n1GOtkKIKorHqBiH3l\nWcjW6rK2sysOLadtVX99mRqZLVCOq68AhnAgNUSYmO6rA4KmZiDq70u608cZ\n1Rwg\r\n=NDVj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"68bee23eec488c69850f49cb8c6e55c266c66509","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112616030","@chakra-ui/hooks":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112616030"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112616030"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021112616030_1640534459158_0.9148505048031557","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021112821613","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021112821613","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"893d8f0870b8ac072ddf862d44216ef4fcb39bcb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021112821613.tgz","fileCount":16,"integrity":"sha512-nHnZJ8pS9KhuGuUlceC6PNQI+5qs0cJ/zi5wLFnj0c1ahQOKEGGokdTMYo/bUGLw+r3OdrtT6d/zFZYKFBd4bA==","signatures":[{"sig":"MEYCIQC3OvJklOfrmiTni4AbWGUAeDFzv4wKqIbqmaJjUCvzAQIhALTqYZOzc4QemNSINqUtPI2k3n1s6EzqybzIAaHTTkp9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3xiCRA9TVsSAnZWagAALAEP/jNLXF6kLphmb+igRfJL\nOqsEAWUlfOGWEF/sTPpW2YWo/pkEJTJnBEsG+7/U2DZDfzTWqUlUyzRFuB2/\nciYENgeFA2mCtkWKNjrQzL3j+5uWEYvjfJJ9ihDCR1Y3JZ+yOMtKLryIpZIf\nYwm/tsdZsxwrlxBZL5FzzyqCceOCDeIxL1xJn9HwdLP00PN1PC764G3A+FLN\nI89mZa4d+7z/BYbtCAy4RENHttbLvIgmMiWmh34+o2GPnlowVIJNpKM89gFc\n/z8dBY5I2Qzzmw1Sxwom388mH5qPl0xWw35GO/LIaxzIpYysGyjO/Ct+C1m5\ncTplIZgsdpIg6W9/wOuOlZOBjNqm5CBAkSVqGZ/uxi3AmnqyKW+7kA4UWE/s\nSqgLkWlqo6hfGRz+9Fxed148xoxDPNWrobPEcXUT6KmHh6tRrnjXxI0jLBHO\nbsFn+TVBBIBIVY7nqZ1p5F1gborHxnOq+x4O1DEDDRf1pTMvVVO3ncD1mj9E\naU2rDIO/B0FbK/lVff3Pp89cLRM2VwaXQQXbut7HluEMSNEjXu4DWIlLB3AS\nDAyrB//6SeXX+l3HTEQNPdz7TQT3EMAicYsVo0060f5flgIuWC0AbTlffjjG\nNigaV3DrVlqxAxRFjUs9ucWELWzLv9dnOiFCWt1YGLTbm/Am/spD4mqidqm5\ncTbq\r\n=U+5a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8721c354cc8b43b5dddf82b9b9fa2fde731318bc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112821613","@chakra-ui/hooks":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112821613"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112821613"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021112821613_1640725602381_0.9986033043427147","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20211128215540","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20211128215540","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"af8df2ca8cbd5802fcf7eee7318e65915423a70f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20211128215540.tgz","fileCount":16,"integrity":"sha512-tY+fJ7zXwwpIptMSnU0IUMX6QCQo+K9v86Gh/mKDbKJr265Xtw8SmJlcT6UvY5HmeL2KlOfimlIgtwJo6RnT/Q==","signatures":[{"sig":"MEUCIQDk2ziNK7OMzpuoPGc4J7/Dae+9NRelMOCyEvxPF+M++QIgZW3Zg1Qz8EMOhkoZclZ5rSTHVJ7kbkk30D0uWuL+3Ys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4f3CRA9TVsSAnZWagAAvdMQAJEKmT59kAzD7187iC+m\njzc3BMbQScTmV60TAMQfMrAY1+f0HHxIuDKZF09Wzip6rJ2PtX5kK1op5csn\nZYjbtG8Bkxt638fS6Zv3H+FUqAQ4XgzBfWUzVDYdI3gdFwoZrAr6zO58iZaV\n/itxioy//5eSodkWxY1mcM2uC9kKeTC+WqHb7NqUp1kl5RFv8UWcBGwLdUak\nwyWRF5+IIc5/tuD9yXgjOGm6GKWW0ICaBcPmaMmN1i/bEoba5DCBlNf9BmJg\nWyqaGFA24IAa1KqWezfJSUKaevU6cWjET29TuJeL6FWlF3Zw4htTWRewTM0c\nJuBtEuCPjv8fSgYaDUpY3AqXolG5Ef69mtMVu4LU5ea7YUWS+TnbEVf19h/H\nasZ9x2zfUSTj1VZwYOI05vgJu54gGVyDrPJFL9ktbgXRiY9UGwQWmWN9BxGj\nTtZnPt0ScycwYt4S/sSa8MeElmbU9O0HBgegofcJ1AoVcsy3+LYGMp1cGYCs\nkdcf6Lcicgcpe0ROOiezJP+9jb6bqdwVKdSyFLkasA638e1e/13E0w9wdFD6\n7dZkpzqv6Lqyl4pIIYz7CqgNUfDncI/JonFSm/BPi+sU+6Ume7eYxLyLAoas\nRqwxpE20n1HiVlFka0+RSe9kJWN0T9GRXVWJ1qth6I+g9MoDir7eVFv8HrBQ\naUGS\r\n=j6/M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211128215540","@chakra-ui/hooks":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211128215540"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211128215540"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20211128215540_1640728567288_0.855599200358768","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021112822349","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021112822349","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"aa6cd307d44113b9da48cbd8c07abc95c8e6a353","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021112822349.tgz","fileCount":16,"integrity":"sha512-1VAQ43+J93sfseqsamqJnntd6EUs7SoKk5K54AmdzB6hHApbddNfH0siqzY1ozPT8aJhCk8vY8GBNh3Ve9e3CQ==","signatures":[{"sig":"MEYCIQC6KXdkY1HwF/SAroliF0QiAdkJ6hNKk1WEZKPTUuOCgQIhAJViy+0g6kQBjJpCO4K6/FV1aGL44gO2ksyDxW5r+3kx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4ngCRA9TVsSAnZWagAA82QP/2JsiTVmmjtpFLUbF6s3\nf0X52kT2Bj+1vhj8/FSyKv5egS2Kuk138Qp5epdKuVn76Eh9vMX5wwzCjBKn\nGYTJqn/X0V80M4/k6bSAmPEI8frE8Q7p+dPhaC8JAy7KE82uHMyH8TeTt3Xx\nIpRMIp9aLug7F21ZXf4AstABwabAYrxlRy3gjOQtxIMGUMXQblkh/QVZTz2L\n4DnPDcHbuX11CFvy02361c5BNnuESSeRSPr7diZJIyiGTnRfUNJImQgmLo/s\nVXJUtNh1+S4Pv8zDsxdGBSBJbYoOhteao4w/9Qxm7gCcN/FT/qBwBpT73IhF\nr6KPyIBngSiB0o3wHBjw+kYkxtZGlBeEHgkQn6j4i0zkBvtQFPA+bJ4sIHov\nDHY1UPpf+DiHund4k5rZ+eXQSU0yrCicn7goGRN4UEjq1GfyGQcRYCjxgKe5\n4BhnWSQV6qWjaIqhokj3bu2W83WakXJ6ZnKVy03PBf5nlGMi3MxeY32DFGfG\n5MakQU2tPxtZMUZbs+NFXBU3g6FuNNPy7WHOzm5m2De9ayHUULEF907wNkQa\nv+FtxNJYLF3f7ra5vsD0ufrPdJfD+PTo5dnVYmyHDkDB9nfZsdrjS/PhWyCc\n4v7mlVyaTl5mW/z+prDO/cznPvLkPY7o7nIOeFDnpaoAMFTUMxiC/pU5eTHs\nkGXE\r\n=Wu8O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4335a1e34cf752d14f9e54805755361afbe31988","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112822349","@chakra-ui/hooks":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112822349"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112822349"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021112822349_1640729056579_0.18270333295368957","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021112822415","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021112822415","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3e23d3238d41dd51761e45fc6d32abaaa759a207","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021112822415.tgz","fileCount":16,"integrity":"sha512-57GDcdzfsai4KvTKajcBvuIGXI/EgHMUzJpOUjDjZCWU9U1qnRfsqHap37c2Gze7Z3cOmjFJcvLlvWdKVbgnqw==","signatures":[{"sig":"MEYCIQCgC2MCvX/5VV/5OUb+5XPo3w7D1EeImp5hLcVdVtWpLAIhAJA918GS3bQho4NJxRI1mOW4vNQYl+kxTV4IyXM2M5WQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4n5CRA9TVsSAnZWagAAAQoP/2gsKvBVCuXa9i5RrJDR\nTPySk3fN1V82vc+lXO1lvpA6+gvjWvvgh56foKs4cMYTqJ3uqt5dwCaDd5Am\nHvZ5ATNE6vsAracb8+7AbMQiPbiPxbbnfnFgHwmURj3wpWkb7JqMzDD+9leT\n1lya22dR7zWEuYeV5n352MoWpe/sI2Cd4e7geTYszLMgS85dYDOs6c43aFRo\nMIqTr4O2MvaugSY4YqpQw38GBkT1ggCqDn/3UKxYnbwPobHz5rEOm2Du55PA\nrPwZOiNrwWqqtXWLHyJ2pzt0N4E0QGH70lZQ1NSxFw4v+m2sjMqBOltinE9s\nHJ0XTfxPLqUKV19gG8Ly9TY8haMP6T5Yj22Ez3CLIBoSmHDzcUZXFBMohIRd\nIp/KHDHYvtOcYRWExxLfHO8BGn5EEaENIbRLhL7KRAFt5a6OSZe28YHLTZPf\nv6yym2zG3VJKeCHGsniI2MxpujaY6I3WLylvlccDyUUf0tLmoW2hDo10WuVX\nD7rfKuIqJUELIkHDqiNUgJM1y4NFdq/uHVTSUcyGlAv/7lBl3H+traUHDYXK\nAaXHQtDXqGLUpFPHqcMcBpVRkP2/IY4iJkBBSnW5u5OH0NATNmLbHH6kglG8\ntAHef3/2hGiP/Skv76jqMTPS+pmFXWAeZiMgu8D3zMh/VN3dKbYFL4WfmF05\nwvBj\r\n=tLc1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112822415","@chakra-ui/hooks":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112822415"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112822415"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021112822415_1640729080898_0.7381749660435788","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202111299618","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202111299618","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"314729f539bad81416d6d3754c261bc0ee860284","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202111299618.tgz","fileCount":16,"integrity":"sha512-1zY37CauziKQQNl/fQGCjxOToCc7tPf2bi1Wsf7RP1GMW9q2Duz3uldDmLullLr3+/UyNxh63R+Kvo7HQcKe6A==","signatures":[{"sig":"MEQCIDqd+It6FnkZEpUEybhCl6MGrDqzOlxHhB+t1j6i9Kp1AiB1eUu0zyuiWh363S1HPqdVJm7RgtEXvZccVQ8DxSJueQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCUoCRA9TVsSAnZWagAAlfkQAI62chMfyfFZJT3q+pJ3\nK+dvGfj+Nn+cKHpV2lbGZjFMqtW2XS7avGgaSmm66nL1ITcjiBUxiTBnAlTm\nfa7PZu1xhA7zc5QLQkGWyLy/OXQsaqqDD+EpcElhJkSY747Nn5hsMb507zCF\nhfgupP+GKs/7Halul3kKFdcxPjfLScOzS1lOhs0OBULiOb+WBDe4V3/xW/+1\nxxwJBzJxUvW+6NqZfmK1Kwdt07erSxEJdJ88LKQ1v6BV1kq9m2d8pXBLD+ZM\nb0R4TnIMSjqf1ScyjDNG7AY97cJLa0TrwsJgFdPLTDHTs35XisLxiaISdiuz\nTFwiv0+RePX2gL0hVZ33VPyYvfagoop+P3qMqPIeILB9VRflN6Fpu1mpO04b\n3VmN3OpMIzUYEVk11+wJGHxgMAvzhnycMOM0gnE/y1TsTBXN2nH44847QATJ\n8L4gvcnpa8mdmBm8/A1NkOvXYYa4CG8hKdnC0xD5pOcnnBh1PV3r+La6Rpf4\nYaPCRsY3Om79KvHYp7Qdy3Pu6Tn1J4a9buDv3p+72xmaQDw2gHbUM0cBzegU\n6LzjoVPmqrTExSspecmAL0s1OKO1Bk38X8tErAafih52Zh8d7yF1KctnjGDN\nm/Fe+UQiNXN7AVaaTNvXkfIHkgwZFLJ7Nc2fK02S9RCE9iiRHniK1CfX6Dc1\nTlmd\r\n=Ey1d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202111299618","@chakra-ui/hooks":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111299618"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111299618"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202111299618_1640768807932_0.7291515490144282","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202111299647","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202111299647","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"83b2ba81b8e43e7ce5a71c82a96fdeccb8883951","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202111299647.tgz","fileCount":16,"integrity":"sha512-hq8hd83yW3ByQM38JnkGTXb3NBdBYvCRROgRq17MQB8qfPeZSt9diF1+lsN6ijDsUxe+p54yHczeTj9aI3gt7A==","signatures":[{"sig":"MEYCIQCSEhsKvqrh4UpSAfPvDCtfesHfOCWjnN2e+AfgXT59BAIhANO3WDdW4AUAVFiRCKM20vbc+F+egd2H45WjIVo3y+I/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVCCRA9TVsSAnZWagAA828P/jzVNtlArtAj1SPh2bJP\nTPWC110qK4Vcla2H47FhAF08jO363q6tcODwfUCGlLaPw0Q4zhI5algqo+xN\nbxq2z0M0jBAXylMUJfKfvFRExQ0KOf3qOLrmyPafLGqsE72nIqYuVhOijKPE\nWS4yIADa/8AfcPOJOOPPkVYzNP8eR3Fk/GGw6/iGfMB4ggr7OIWRc3yR2lYz\nILMTf13VOXuvBBfEavfreDppAayZdZnxKoSuJidIL0Yd4RkZ2wYcCa1bi+2n\nap4ys4psaka5MO5wae4PgLtyJF5i5q7PhsO9/WmDm3gUyOwleulHN8PH3uSx\n5rmtCbmNzDhz0LVrawPICuQ6WLWtqbf9+N5gSoSj6Y9agIrsNX3tjQNKEyAG\n7YdgvbDXhpaaIwHROWtwULldr4uSPNQQNEewRib5n3GFmAyQnHP5AzmmXkgy\nxquTa965OGmEyCDCl0wIX5nn8Dd3gZqQk3I3yG9fqG5SVRU1igMqQoVD7/OG\nZ2vkuazxXwJCyPDDaxma/I/r71wmuTzUIjibMmP2QXHCEbBk+EDVvI44UyT2\n6nUpYsenaKXf6Oq7YjYfkBYSsnBggw2KJMQFzVBYPFSAs4WBIiqmbJ/x+n5g\n4Dn5dCzrF3k0hi0TcpjGbL8g+7GInLf7VmNUR8ssvRnkxO/VWbVzw/10ycvz\nxXFN\r\n=1riA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"da42210eadf8b10011fb1a7bf54a3c92dd9010e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202111299647","@chakra-ui/hooks":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111299647"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111299647"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202111299647_1640768834062_0.790854398769403","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202111299720","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202111299720","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"738e0bee364e69abf33d7ab8f871e3878cd3922e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202111299720.tgz","fileCount":16,"integrity":"sha512-TdM2UUO3o9xDZD4fA7GGSHdpr32KsBJpuzwDsQssKgHKDu1e/pusmvFMo4BtvKaqEyXc+27Hg61rzrxTd0EYsQ==","signatures":[{"sig":"MEYCIQCBWPVZs8cmsOtlVgYr1we6J2n7fIiA7KbdOqqCZLSadAIhAPBOZMnJuST75rWonbCz/qxkh+z48oo1/SRcYQuqTLKb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVmCRA9TVsSAnZWagAA7PMP/RgPDnDrF9QRvOfmafEA\ndy+z5uhNLh0OoY8/vfKGeu8lgyzM66T8f9XghCgTj1X4IYLKGrzsy4y8adAY\nCCL1H841kc9TWgF0Iuz7Vt0ORL1mv3zJ5tnO7Usk8ySBzAI+HC98CE4ltOOM\nzm50Ptt2n0EvL3bZxA6aoEwzTPs3/IxXEw3c8+fy4qFuCyZAqutFhX/iNY8U\na8KPHe8hKqX8kg96fdRwGDnNFflLVhaKRWeT/gWikAgBbkvLl+L6ljGMiLNB\nVZU+Q6XRqAQPpS3JYsdp4W5FRyv3mymJpMyYnWWjzEo53e5XQZhZT3c5E/DV\n8e+7D+ACa4FC3ezy9dJzRzozBD7KNCgZZaQCyt1deAfUswlnFB/UBq2zkbcS\nb920D4PWMFTc5nMGm5k+OQDzD9k+jhr0LVoDzrA/GiC66A5vFfgFuzClWoIM\nDSdUCNsMN/PmYzNtre9CmC1xO5x14PWVBvNQXXLEm3xz/TPU2hk6fAcoweL6\nsByaN+jrgAsqO/kg38YCzSq0k223L7iRQ+KkBRFDXP7pyLZEUBfjZEPyeN0i\nm/wYxeXPNDQJRe47hh7T6nR3wvfafbOEh0W2fWQpE2tAIJM3iQqwZ1TVnGiY\nSuVe1d+ERPBVUuQKL+rPCaZjlRVh4nOj8KPwit1Y6b+28lsKPurl7WvgknY0\nz0Mm\r\n=/nR3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202111299720","@chakra-ui/hooks":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202111299720"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202111299720"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202111299720_1640768870560_0.8182184293178878","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211129982":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20211129982","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20211129982","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1249103cff58d05fdb507b89e92e5e3878118b69","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20211129982.tgz","fileCount":16,"integrity":"sha512-a58KIFll2QZm9w50Jva0GTL35kITXvrZMTp0klxQ1zeYzl1VEALgaBqJES5MZgaIqLSaEiuq2UjimNZTDU37nw==","signatures":[{"sig":"MEUCIQCTSSsAcD01853sxAqLkn8NcG2Fe4TDdEybjM6xESdQkAIgdBSZaXmohADXe/1wWNNZewZrTvRaaAVPXoRuJniW7Ds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWPCRA9TVsSAnZWagAAQQUP/jYBxlZQDRbplhJ3MM+N\nj9eJbL2jFHB8RlgFEOOSOIw5xkR0u/1e7x2NBjizcawiDHbtIkU1ASXCSblI\nBxshrJ0gzsZmkWz9e+LXoSF+eBV7HXb/tnlFMvw9Re/Dilqu0tktGG97785F\n+XG0sy/sBOePhicPDhqvW2lIL7o01aeEV70B+1Sn7XUso38k4rW8omwzpI0t\nXue+yMqVRwbbSTEo63sIBb9His0lu8gFU3I+cz+6yj8G5rPQTpWKQ+N68aKL\n/DrOaGQAQxrErcHLyMQXp3EJ7xfSB55oVD+skC6HVrygFRVrXGNj7/KaVZro\nSJm/yeaA/Kqi7TPOHLxEP1Acn/WDa0pgJar5NEXSjIXTw02oPAfV5UBOv3RW\n6z5YYE7d2VhHbKhe5cW59/5nFdIuwE+f28GbUYtrVbI6EtDVXYnPJw9VLW3w\nnp1Le0HcEF3MwRrT5v9JLJIOsM1w09L06YY7K6/kOH7yt0B24Mahs54BqLOS\nk0DhgSFGxc+aZdYpsqbFO+wUnbe++KvCEw3ckkjSJ1Uyi7g0SQaEfW5q8ie1\nzPxcXFU8Q/mbUPtoHCRhOwTmYimThqjiid0IYJLWpzp1rCt1zQvvGnaPt7N3\nWUFYVV1q98KWX75G3TEBr2JL92Kx2cJOM3mraqgZLwLH0ZO+7trGnU2DBl8C\n1d03\r\n=QczE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5ac174aa4b53c0ff84d8cee4a1436f48deba0925","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211129982","@chakra-ui/hooks":"0.0.0-dev-20211129982","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211129982"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211129982"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20211129982_1640768911021_0.8560393424206549","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2021112991213","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2021112991213","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"76ff17c175968fab093952c3fd1fe2053f619bcf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2021112991213.tgz","fileCount":16,"integrity":"sha512-4bC3a/Dqbh4L8d9O0WO6arfwNTNVS3IWnsmP6H+l9t7KgXObkdG3m1SZwmGqtjYBRzgloUvGJ2Mn9bda0RWRSg==","signatures":[{"sig":"MEUCIQDjAgJv/FCPMh16Fb4aBsOlxnPCtd2G/cTz/+qf+bnSSQIgR3Q91/fd9FvF8BtIhk5BzowebFfITW8xD7dNzL60pLE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCaMCRA9TVsSAnZWagAAW0kQAIzo1yaW7lHzdjM388I7\nd1RgowqQUZwF/5rhtbA22ES2YCv7YcM1oPAJ72nu2MQOwQjVazXBSJd5Qdmi\n6WnLZ6418iGyX5Ft72TqHsUV+YEdHQ5x3Kzk6zRukQnIZS5h8vg7FLNzZejM\nDVytOMk1pGzhbTxo35NdcNmKhp6NBbJheiiWhG0LY0uLce1kmC7+CMDwywyW\n3KE30bpepSJkGUDnxb8LmnUUZDTCeGzz1XoTjVxogVVXSf0jitXxr+PM8g5S\n9BcD+MCQa5O1k7PFBR9/vnJRamDKidzvvPLFCWWnitUYI9h3XtMcIfV/qovJ\nz0T3dw3TdcMu+0uIlqR6CLtNKYhy6a5VAlo3XbVsdWy4Zy2h8mZn39wHj7uh\nkQK84ToSnQaDhlbAlLnhMg3hzoZCJJ8aGZ1kpBhc3sxHOkCPKZyfbAYX1hyY\nmYWkQ9LkoMuZTIEwYepADE6R+RyA8D5dGSinLt6cX47Fsdu6AsnnhZp3noB1\nehD3IW9HMr0oc3tZ2DbSc34k3Kv2eVUQbGOxbnkRFktKWjwgAe+fcWwUgRIi\nHc5obur2y0zaFPEVo9DmGDARJPpTf8iWwjbtCcvxwRvlfOSRWDKNj27sMaIj\nX5i7nMpSfcUhe7qyCuB0MwkrplrwyjwcDXg5KHonjMrumuAteEFG3MmwajHM\nbNTc\r\n=dYNB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112991213","@chakra-ui/hooks":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112991213"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112991213"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2021112991213_1640769164113_0.32658027355804053","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2021112991233","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2021112991233","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9e54f0265e2d642cad438311afe9e62bb29ba34f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2021112991233.tgz","fileCount":16,"integrity":"sha512-bU+cN++fQwAJx+PEhGGn7gNkjW2sesClgR72u0n42C53kjKWf01TSJMwQs+gBWKmOiqSCb7P930jYPgThVq+Vg==","signatures":[{"sig":"MEUCIB/BJBflDQx4PWX7nowY4rs1R11rzvDfma6RNUgAEdQNAiEArmOfrMYzRBIyTojjYoUQ8eoMF+i24AJadJ+YiPfdFD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCafCRA9TVsSAnZWagAAieQP/13+vsvkbNuC+k3/u8UL\n1Vt27n9eB2iOh1wNQKVvJX4PRx63QruoA8YToBAYPQglBfh1feoPT26SZ8MY\nDAfAqLeM/v+ajrci0c+BDQQGXzavpq9EDjAT5fgxPVmUHaIPeAKsMMKit3mN\nyHFzDoNQA/lLEdL8gfJ4rcVsWcIF+hMXx6kOAjO2v7tY5pu3wxH/EodpdWYr\nAKGyrOe+AZyXSwMtdRw7ycCiqXctiRphQo5IsVPt/8eLygapv4yyBKEI3j32\naI2EqZ7Y754hE7eWjkK5DsBWvHVRQqkxn9a7Vu83nIwj3vkInNIL0dNQdr3A\np2a/x90Kg2nMigImimHq+0ecSiTaGu5/WmbhqICUw7azM0N1U7owv8I9tnfI\nd8qzeSygB8VX2M4wqu0d6ZxOkczWfLzAGyaXZAGRzyYvtSt++H3wSzkVF7wE\nt56gkDyaROVJg+pQjWJ2swc594uEA2eY+tStlqcpx0wbz2JKiQwNqIlF2jHt\neEF1w+NzFbJjFTZ52kXEM5+boTH7f3c9pLqfVFUtYwzMLyk/tpuQ+hK4VNmF\nVu96XNK94VE/qYE50le9EkD7LBqj3JSATGoMA4yrnazdVxI8CXL6WE7z1DiC\nRqnsPFo8rYnUkcsl+bITXi/UoSC4aSqAdfEDXtiV4i7Ecy4uuYk+tcJNQMmz\nqcSG\r\n=BA5t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112991233","@chakra-ui/hooks":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112991233"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112991233"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2021112991233_1640769183159_0.5789715261130814","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220114234","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220114234","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3dfb96a1b3a41ff0dfd79d002de7b2c30ed5f7d5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220114234.tgz","fileCount":16,"integrity":"sha512-yWCUn+qYv7qxBKm7ZZrWenhH//umAdjpaDZdddvqvfzYYBysbHyN7f/iqfaQwi374gwfC5NgdCDFXfPaelPUYA==","signatures":[{"sig":"MEUCIQD2GHcPA5ool2YlTz+F5p6t1bbcOXkL2ZWQDGLn3az4mwIgbORn4k4yCWLq/6RUelaavhYelzwnbNAh7ugQYCGY7mI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7GlCRA9TVsSAnZWagAAEUIP/2R7STKT5+XKamJDPweV\n4RV+NbSGEnCV2BzMGGg4mXZBs/OamSt1KRzGT5J7kRW1EdIpjXdY3KNogQwI\n8nzX67UP6C+Dy3+2F1diVTIR+P32RS2daxBNVFu/iNzb+CqgxsBRhFfbme4F\nZgJWpJ7yBjaGlDFIundSzh0cu4YDli9T0NzfI9I3GBY8ip2Hy61NApkPdIa+\nDfhv9NibZp+O1rrsLmXkKCwckWBmCHqRjrkscbMs4cE0RVz8NUUjp1tId8lv\nqlyy5PtGCyQBgUbg/g1fd+ggHhyC6aRLb+NpOsYHQ6k2s85KRLHZti3aKa8I\ncMHEZ7wUJu33B3u9o7rGltbVPemCO8sAM3TBEtH5t/lVaw6wuNJIGnMNxNs+\nlqeES1unmlIta075cSsGmRSp0sDRQil4qB3ckztseYJog1pe5TJkcfeNokwx\n8oEBSDGVcSzT1ZDORSOc+fcuQZIFRUVQlEiZp2GaJ1Q6olei4akSXhSumzze\ntW5S5t/h2MWflOKOZ/JgFgxhmncncgn989KtTmO6d1xF9M3YOss/oAPLHPH3\nFw3WNW6yEzl06bExMogdajCsUQaihT9Ft4mJRgkD7OvaXA4K56o54lOHObYE\npfzj14fiRZKAlQ8USH1gyGCE7yRbB4EKElfR+cIbDfS947iDlrXifCHgynuj\nHM2N\r\n=ttmX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"503ba4b41661a704e0a2b9e115af33a71baa8b39","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220114234","@chakra-ui/hooks":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220114234"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220114234"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220114234_1641001381170_0.9773383877732951","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220114728","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220114728","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"44fc4314203d106af6365d6f96a7e2ca9962284f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220114728.tgz","fileCount":16,"integrity":"sha512-nDtms/EmKnX55C6IZLdeS/Un/g2J9pr/RfVbGJHRzfiVVGgZrq9xwScv4FxqCqEHR1aioBVORFaC8z7dD2bJzQ==","signatures":[{"sig":"MEYCIQDnym7VdFy+x0cRihSm/iJ/vYAAwmwKMJIx3kGGKBHqNgIhALQN1J+S/Rzf1EN64yLPMyJ/wZJTwkCyInupzSzrGDik","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LMCRA9TVsSAnZWagAAUX0P/AhjYQFSrItGK5drnkzy\nD8Pdqw7nBNNIdltOLOn4UsofKZhwC5EHKnS0isy2jUov9X0kLJ5exT5dLc70\ntbH6EwyjFTPrhRXiCVzgWKArTdww0D0N82y4flALFdqaLbS+r7KcXaOyHKYJ\nqIoI9hLYWOm4cJpSwskC/v6RQPsGN0k79xyXddYyVsBYc/YhgZS4vhoyAk2V\ngKHlM9te2jEEfEZRootH8DNvbtJFgjRx08cYSLYlBLxrvFQXBeOl7+HxRM+X\n5/UH98qe5AmhVqxTw6dkhe/N3RpGoEv/wTInlcpsF9tBM1ddPFigyMDkjysb\nwH2XLX8ulNg6RGUDzxahinRK114RtSCQU4OKMjMs58nAUBt5fPCLW8lIj2fh\nM6rbgG2Eohh0ePIU1F5gGFFpY9MJFzqjZrD7jBplJCsPQGxHBih3TFQWeyYv\nJRf0f+sTISOiWZEvKGg3iQkYvdKBIw0ogwgB+ABIyNTH545y9Tj8MYqQeVYB\nIUUTQNaEpT3MfV//MMJ/gI1lu6AEgAz91ggWzA4Ct+n02rXmSGhVG8WFx4dP\nOQb3EVJx+HJam1ctRPo1Y1gt0m8JrXpPlWMnp7+bArZic8bmnE8Ff6qlycTR\n166Hg49z/3UBO/+p/U7cNc0H0Jo+ENhy+ljAr1Dt01nm6zEKXjcnZbrT6CbU\nRQ93\r\n=V40e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"cbb0f902b4b516e6a1079112f9e97fe10fadf810","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220114728","@chakra-ui/hooks":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220114728"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220114728"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220114728_1641001676240_0.9105325026536402","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202201134936","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202201134936","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"25e7c0021469d31071a4432181ff1f6e6e72848b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202201134936.tgz","fileCount":16,"integrity":"sha512-O5jEQY1RY8wuZ9dL1OSRWi74BsoYhXDBZq81j2zdOvOj9lC0x30tizgE1qobwiiKJnh+hWk9RocnxpWL+XfJ3w==","signatures":[{"sig":"MEUCIQClhjRGoJQwF/9lvqFEu8N80DzdIHnaR0kpCnB1cPCgkgIgQTh1COSDO8VC9yKNRfoA753btfiAdY55xRL196UO4c0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FwNCRA9TVsSAnZWagAAgo4P/Aq6HM06L9ajBhFEhuaT\ntCaf8mveFnGG+dbMzGXz4XQXsoGu253jTSRbsz4PiYp8Qo5zeCUrfZCbt6om\npi0Sz99ooeKEycOn2rNEDY3kMcZ42BZ6hZAN/EucDMO11ayOqn/QJWzcri8d\noImdAIqefMMcLL5ZZaQx52/VYh9I0SJvascNeNIjxm+IRTd89FAyE8a2UBfR\nqpPyWS4AsmYn2LT4Y0DLzngfC9XOlx0i3iNvMRU0ZfZ1kgNxYhoQ98Jj8CUI\nTFkf9AxLyz/AkJNM5kY3OpY8n9C90Xroqt9bIi0FkRXFMVDKAQb9HHI0UKbu\ntXHA71JBFY06xPn4djVlSaz4vuy/ZCzMPxnG26k8XSew8xbLRCR6EIaWnNhp\nEmJKzd2vjXZi3YwqBRSG70u4kDvw1NK0kEjIyN524iJDbF1mhQx/dfKt8NE+\nxsa0H0Q3pppqHdpg0Gq81EqK1pMlEPRiKh/hPgpdQIHckPWNEDafykeJKYpy\nrJYM0OvgWQJIOCxhiuOvwFWw3Y4TrSq+QvqREu9UbjpIsLjn+QnVPn/EiTHF\nnXzO54pnxGyw9ZAT6eXLbD0+uaop8lmT9pi2SNzT63pjXxpYrH4fj/xG3dK2\nnVr0f4A+N42v7fJNDncznrsQefJrt9JTsBqjL6xy616VRKX7G0BBdp/aOHVX\nRmKD\r\n=AV7q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"2727b79201b1897694d588db94985ad9fc8ba1f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201134936","@chakra-ui/hooks":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201134936"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201134936"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202201134936_1641045004842_0.7109863328401356","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220281628","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220281628","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"de8db8a3a8f8c8704ba7290d2368516f489e2c35","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220281628.tgz","fileCount":16,"integrity":"sha512-pOwjkv6XYGf9O4qAJH1jXC4S3l7AjDoO0GUWOv8BcKzn6pkZ5qxPPh177L/kpo7jykGw+9oeKQAERLY+DoGHhQ==","signatures":[{"sig":"MEYCIQC0E6r4Ws7x3yscuwjoXcfGzkx3pPdZ5YU5TgyuazENqQIhAPQ15ANpEzSxPwozt6xRbwyYlvx5MUtzZrn0aadETRFV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V95CRA9TVsSAnZWagAAgAcQAJf0c8X9lQl9MAz+tPQ1\nu8ofZbU4FtTNSx1zHKxyjgmN22JKHde/dgXnIBFMBWBAlL3bq/1TrO3/Yvqg\nlkVcVIEgjwTaOSFfwvleiQhBBYXCFq1cDnGhFPzMQk//Sjn3Bbe+xbfZOTJ0\nuoSOFrkknMffTmbFdQFu2NhUvqTxs26oiQYBIDQ7FhKFJCp4CWgcgZBAPlfn\nVClb515HwG5Z8PbvJRZT1CaUFRVybCROrc/KpYuShoFsI1tyRmmlAxH5HY8r\n6V1q1t/TJZBR2Kgu0NclWeU2PjTDujUNgqp5wjhTtVH/in6boOoxAeljRziE\nUGDvrFj7wII3p2Mr04JB7kNonN6i0SCXgNf45WZDIzbDtKKynVkJxNU1cQAa\nDuPvQwTDnEeLREHgdMW1mHnwYzaE0UHNNne8fXwoJl+apB333ZeNX99sYP5q\nAx7Hq8XT+WFGDHcEWaW07AVXDjFcpeJz156eu+NJ1f3mhRSyhG3mG1pe2RF+\nAkHWiL/vksP17dw4Lk3eIQE+Ij9CAjLKFGsHuMzGmVAwDoCK2h5tHW/OXkaW\nvikkt2rI9AvS/zTf+ftHBEq3GBMCK+0J07ObV+fCI7BG1hdhDkJVKc+jv4U+\nGmQxHY0s+VnSM4q7ErlcEpCf9E5fZrh83LsEDaLnOC9+f/wXfyPIK3QgVH2J\nHKSu\r\n=Bm3D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a9dde641ee8d65b51a03845f8210f6fe97148c6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220281628","@chakra-ui/hooks":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220281628"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220281628"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220281628_1641111417372_0.26634874418396026","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220282224","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220282224","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b5ca23cf580550f951b77340ceb1d54ce56e47ac","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220282224.tgz","fileCount":16,"integrity":"sha512-dCnYJPpYRtpBeiJ59BAxeCOKle1LqhyOjeKPIdQN9tIIGzO6vpJDNm+sN6oNRzQAzKqcO8AvFxFsZn3uhw50hA==","signatures":[{"sig":"MEUCIFwNztGGFfmfA7uXfKiru6pe9w6kl8hJrVAamI000aU5AiEAlGNTOPdzuIvb9fOg15yicq7TbcW/veVSHshX4Gyj9KY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDcCRA9TVsSAnZWagAAL/wP/00zXIgv6ObM5OIhCXYq\ndo3v4xj5+IgghgfBhYNr78pelr+TbDRAn+kW7lwt8Sbr90Joqf0Gbz+sGIe1\ngT9Fk3kwgzZ+gZQo4rTx3f7pD/st2he19dU+ytoBOkQFry5OTOirR1LdiKvb\niDt7cL1WcSsZJmDkMKkDWFn5j0aBlWE0eCkdTcuZLpBHwkFZjpVq4OkQ8YYU\nbvfh1QJdbrntqFtcGvSo4WiEuF5oLg91Ho8/BRJPa3nsls3OGf3h3aDDCjxw\nFtWRNZKlsuTGnEB7Z9MWyCObEPaeocf4fmp+cYzAn0xl4v/8N7H5/lVOSrFh\nS1QIE2xq+XqxrWYdxIU+G/Ict4gABEOlaLcxoXMpC3rOyuIxSPE4ymwb83BN\nI9E+ABsZ2ZpBqsMx+luydFAwo96zuNuyWykiLUJBi4VnpaAkFDNnZCxQlwB4\nynGB6//2Trz8ksp2ltMkb706AcnuLTkrSKqiv7iWxeQyIS4QYSvqIVZriZay\nxXHb9QjzUJxKzHuiAraYiA/iVVpSnd5cvNMN1psvU1Az4L9YxQxss5OxF+Wj\nzDt/iKZxdJygHjeIi7FTuEZHjz/bB04P5CAGQHY+AnQ82mhiGv5Ap/Z0I9+5\nwCkWdV/bGnrYgobQd8ozC0DDUWHWt+XQ9ZDxQayWbn2k/UNLPYbyss2qNcz8\nqnBe\r\n=zngV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"05b58576040bb66c8ca5daf1a42e31500e33860e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220282224","@chakra-ui/hooks":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220282224"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220282224"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220282224_1641111772133_0.6515457348533613","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220282356":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220282356","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220282356","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d5cb33f8dcd9dad5d511adb7333b493079d2d412","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220282356.tgz","fileCount":16,"integrity":"sha512-Nuo6lC0KvcVA6xmhcJfEHoo9lAhbSW/BPseE6P4INATOjGymhK7P2qqpXAt64lKcUf76sMaF1AhgsGJ+6f6osQ==","signatures":[{"sig":"MEUCIG26Ws7gRT3ru7eQcm2CuR7e9Yxyc72vLxQDKk3tTR8cAiEAkOgJQswPkNpx3hvotf+f1//m+cBL1n5Sd1lytvPpfGw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WE3CRA9TVsSAnZWagAAhoUP/jCeP07iE1RF8LShPzaN\nSHq0Q2cPGKCEoTB50WtkgBt1rSgYKFXmLM93cLMUNse3t3DMa9hWxTdQ2AHv\nqowdNiSpCFHJhjrU+gRp6yL5HyGRWr/gVUhJwtpKZJmBsJF+n2jRXL/lGFPN\n5SIqRruy2MZrHTgO+C6iXwWarRXo6P2oT5EIklPra8HvpUhXK350zvYRJfMB\np1ZOU0iI8FMZUkvlAZ/FQU33ewwi314LoVH6o3pOzMU1EeA7xwPps2uyyhmG\nWPk6mts8gKqeConRCLuI/Indhx1p+veg3kJ/+FSBWLbJBQ90RO881o7s63yX\n88kVNYHhOUm0bC+bSIrS9lbZn2XCN1l6qg4ImbXuWPI3xPf6kgTUTlvhMEXR\nverUdVa09q24eDpdB3qM2wFeHLM9wfAT43WYzHKZn0MKOWrYEd7I9gLC1bbn\nJorPsN8lP4bfu66k0AYt2KrKSB9VF1Cljr7JrcTrgiNbqvbHdDQf5ssNnH8R\nz1w4fInv700mHXZMrxrvqrAjkRFgEWPGee0Yy6eKw/nUCr56MD+EoTVebCvh\n41E/QDe5GHz3RDbSJgORNMUD5lBAHU5VfqZK81yqjDzXjq+SCy55Rr6rxfQi\nbJvUrMfk9GY56LHM4W511dCyevRP6HUXGo0aYd/FwzivYgZLaSKV1AvMn3vU\nloH1\r\n=lFzL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5f17f205177a778009116d708403fd56682b1fd9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220282356","@chakra-ui/hooks":"0.0.0-pr-20220282356","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220282356"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220282356"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220282356_1641111863725_0.03369078075138532","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022028277","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022028277","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d30e744e14558f1e924ba319e93b30fe2236b92e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022028277.tgz","fileCount":16,"integrity":"sha512-OyR+l4JIfYs1Y73N1S/M86x9+u//GAjeNidrhXoLLhSerFemxr+l1T+GLxUdvvkjG1s29eOnNerpg2cCy5kAPA==","signatures":[{"sig":"MEUCIQCBB7ZEe3bLpSy6gFbyKQ60a6DLtKxVtP489RyE2ZEHRgIgQxY4pOQlwG1rPhgAZDTN9zCxqwmXnfOyW4kXbwm8+tA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WHzCRA9TVsSAnZWagAAFygP/1obCTmwpHEt0WBELC4z\nlJdb5t61WK7tynewiHfjOlPrhoe8GZFGcrxe7HmiIi+rgb256Wemb8M8DPfe\n+aYg9gYsnVtW43j9Gq5o/7IRxgZI/17U+MxvU+2lf8HPZxWT7CzwTolke9mn\nCg/B2vLBuZYWEdyzuBYQbKqEyyK5YAqvOPzUpSg8tbTGGwuRUfJdV4AKX6qQ\n3RniN3D91n3HK07jJUjjVJovkWEksoffNq0B1Aznvfb8mwItGitjfsjmOtx0\nDIu3S2UIWEwN3Qha4zjBJCvWJmvLIdA9eAbI89Wj7QKkLyYFtOy4gNUMfd1o\n4hQ40UOZnIzX2xYZ2ilN0K7jX4zb1QIIhhSNetD6TbJ7rd+2LXJny3P0NmvV\nUwPFJdv36N36M590F29EkjUuSHcGOMVcGH2G81dORXEKhDKIo7VINpAjrzLO\nWjzA52Yjs98qXwfFrrBp9QPT2/In1RoRhx+JBO4nOwoorb8dm2Fz2vls368J\nJsGmRgVLNqmSQNMaOR3HTymlNZnXUTxjiPTmQAvBdhhtKhj5cE2TECcyNdRM\nlWhlifi8YeOj46a7rE55v9KyrNRDNmZX0VR9GU65GwiZHUEJrIQLo4wQXLGl\nF5lRyUXCwiYSRbYz5cFI2kRe1tHXNKLHevpu833e3hxdsD/7Y/jsJrM5HTyE\nGMlh\r\n=dZeZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a38649394bcc95d4c0207491394b0cd2a0c64b1e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022028277","@chakra-ui/hooks":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022028277"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022028277"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022028277_1641112051674_0.36755873228483904","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022028387","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022028387","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ed216e8c0114b12cb879d538dc84f12ac898009e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022028387.tgz","fileCount":16,"integrity":"sha512-pC5pAOjuGk9/lK0YPycwDByw8Etr63gXFm9wJ+khX8gkFFMdS4N+hz3xkZd1eWFLZjIDfWdRxrNm7jUVifs5SQ==","signatures":[{"sig":"MEYCIQDO7vUDFwAebYbIkgf9SQDev7USktYXAZTya+O2vrI8DQIhALc1f8dVTbNgGxMR72HVJZwWEGWWMgo26qk2ME4yEXrY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSQCRA9TVsSAnZWagAAnYIP/iuzg4PzAnqUwkBOOg5A\nlQBlsrL+NxSU+iuoKbwyksYaGW89GTe7bM81jIdUYsqVsJJ3zfQCu95q5I1T\ni0jUg+g2BiyX4aKRhcoCmSK3PKX4wyLcFkGmIWXCIg7RoT2dK2eEVVXYkzNL\nM+TeanyltJpXuhCBmJ0KBDhFloyKnTtKk4xm90Sswy1zatH/9OvKlfhgRB3Q\naJW5oWzoE/tcPnG+9FLsxapVadLb62eqjQ9JvkA9q7CfKivN1RTuZC/RF8rb\nHtmp5D/jgh7qjeHXQzgetNCUNBno3uNqKOJKEDfK5P+UpRE0x6zuti4MmqxS\npFpAdVSjQTy5NkOF+kpRVm/tU33kc2d9XkfkSM2BOyNrYMYgNP3nyh+eAXJo\nPpijbyr0Lf3SjzhlgjXqJ/9ThRaEx0CkJIDfiFq87jX5fQju0gDQZCjr/EbX\nS5xzPZtCr3oo+VgqgIsgU25CqGeQzb/UHoPQQHXOw2MyPtsAiPbE8CEnkQ4d\ntsC+E/0mhG3dRmkV97xyiRYfmlgU6AcYwFkrM15S0AD1yXvKHleO2E2Vd3s3\nQ7g3qz+g76ITa50vC8OZkwn1qMAOWL8BBQpwG0mRYGgDE6Efj4rIUliUHTGv\naQksdUndKI2N3S9jstjXmqKlf8vxrO2jP/aWBapSFhwn5n1e1LBEo17UV4n4\nQ3Sc\r\n=CWkc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022028387","@chakra-ui/hooks":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028387"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028387"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022028387_1641112719971_0.7408809001002903","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022028457","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022028457","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8d778f558a71a5db18567a963b45c281026ac83b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022028457.tgz","fileCount":16,"integrity":"sha512-lvD5H2UKFMkbqW+Zjx0zSAepEPmdrmpH98Kj6E5M16lQOGg4AlC0/UJCUESCbimfZcGNHlilb97cePb/ng2BbA==","signatures":[{"sig":"MEUCIGxnGphPdj5hSizwaKmdoTuxeBCXiBCd4Fd0+2XSK38eAiEA4ibTNbdEJIJaElrAIKBzEtDJAJmTIofoznhAiU9ltL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WYqCRA9TVsSAnZWagAAGfkP/jcQjMg/LpdoDkD7fuwE\nmrtPC+jAOmmf/llU9gmMl1Q/X6OgynDzrzY2dqy3BFuNbVe6cFrHERWnctwj\nlIZJS/+QyaDYBvMS8aKiQ0Mi8lnstW0Q7aMrccw6TxKDj8vBuMyU7XIaU24e\noETmmzkc5dyj08ml/W1ZN+QUc/dytkaCQGo9dwFr66QEdDAYYaLYmxSbOXPL\naYBnJSwkdYIhJ66DEdI4+HrUoknYhSB9ElLpGoMaTTKKa8KUlB9dWVM1clG1\neY8oUEFFrKmAthGgD8tNTEs+jJy0lWyB7QO493R9y5ZMrpNOtY6g0+cHlRyN\nZxFy4Fge6tqcci/CBcN+/BTWNXznnHtPK9c7H/VM20POKtRfK6kvDrOlDhUc\nOSBCntOnNtPLRMM+4xCgh6SN7ef3lHwq0L1thltUXXvG3ZUKl3D53jl753aH\n/1uhxQnzJDs0rAJQ9+nDuPi7XOXAS0TR24gVwhipHfA0pupIxiNaKkTOKZEO\nRHUSe4BMIIr8naYltIX3cXLP4fIblf5PJEGQ0vt3DeHzGoS311ZyyqYl4XGZ\nKW2WFuMwpRdMllKWIxmKMJ63w6YKA0bnyTDTQWAXmhlOhZ7kU6j61QAdIJR3\nBqpTm25iWfb6ZqCZzM2cpoWTjf1w1Ki5DUZAWN5QqFIpTvntHnWbYbFkPiHF\nU6m5\r\n=AIpl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022028457","@chakra-ui/hooks":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028457"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028457"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022028457_1641113130635_0.8150636727225331","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220284534","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220284534","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d17a9126870980c9ba096d6efa425981cdf8b9c9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220284534.tgz","fileCount":16,"integrity":"sha512-WFkWWJuz5s/kBOx87HuzfnUKWUDGDyfD8tdd1RzeSBnhwBEzYx84WAaHe727kOZqAy36lvC2x0PeWKWY2NiF3w==","signatures":[{"sig":"MEUCIQCLxe9pWqgCJzveqYJ+H4k4uPT567VktBeePqYT7anzNAIgYNLt2bn6vDXh3UPnL9KIPr6PRJ6uBtTgbRO0eNs1Tyk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZJCRA9TVsSAnZWagAAaNEP/iZAP5sin9f+T2jVJf5z\nsmwCqNssqqv/Qq3SwfVXqvuXkrY5a3FojUp84UDmdbLxaG5VJpye/wcjs97i\nrBBJe6gpeS/REOlUAN7PXs45MKAVXhDtfaglcaUXP/fG/b5H5F21aWItwHsn\nghyi3DN1GhD/IG9wFEWvLJj4gahL+LeKRwbiMHAHsTnxT8Cl01+PmG0RCNX5\ngt5cCLIVzHDwlRSrt6l61X+EdKU7HenfVbMmCl7uVXk8BPIoHLLMgxtYffCS\nNKQQyVO0988TBgNiz0+jSpVOD07u4VtkUEZtINK1TB9Gsi2HAzeIDxk+20Jw\np0/70WhR9DcmfMN+JaRBiBd+DigxQ+P18e0rD1xrG4i5xcpMRYwVI3cMhHk6\noERAZ6WkmCI46g/KY3OVRb0Fd1TOl9ovgIxSJ3TMMpWBGNEVwRmCc834fk5l\na1eiOjhzImBSXt+tfmABzFfk8zHBJUSMB24GSeKzS+FRv67hsySLyG2olk7P\nRk/bV6UsJ3D7/LJsQTGNsg24sYo2I0SvX6fdGH1Eo+rCZCFjVhhmGwwWFlv+\nFVYWgTlH58BhmdIAkmZP2kgRzGKl2tFGYh0AsLMxK7mEcIbHoAphRkAuG56s\nsr83BZJLFS5Gu1AJSn/b9o889mjEQ3f2lgJZZnLbJKUySKuTkIBOcYPB7pT5\n6HbP\r\n=woEo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220284534","@chakra-ui/hooks":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220284534"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220284534"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220284534_1641113161250_0.31537471486055435","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022028579","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022028579","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"af65614c424ec28d472270881ebe33f302da0b75","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022028579.tgz","fileCount":16,"integrity":"sha512-TWnKGs4t7jfnscfyqW2I9ZyGZwuAyMbj+sTaCrBvDj5c4ceGZd+lsVwU9w1dP5QHE4Pszob9sBAZjqIjj1SedQ==","signatures":[{"sig":"MEYCIQCPSiQDNe4EC40+f1zfi5ZOgjleI0t6nqjr8whI3LVMywIhAOmbqLhXydMnO/7/a3/7WMODPXwh8z/4/aGDuXolmsCD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkCCRA9TVsSAnZWagAAQesP/jY5bTLTEz6njojSIerg\nXwg7MDPm5bJ16TnKqSNj1UHB/0/hlw+AL4N+toQXd9RJilrLJks0R+L3xUOC\n+OiBR9h8MkrnFvgwoIQDNsH4tLBR6CRatl0uNg1bJl6JQSs5zmsCwYqchBPE\nm9Nl1Eb28FVKUoZHCdk8yOKRuGgKSOIFah66xUdEmeoX9XdzvPgtIkx+nz53\nJVWACFeCyCodBgT8f63tKibfJSFIx4nHjy1tScVzjVXzs0WiuelO0/mQDNcY\nFBHUd8VpPF6LriH50gSCir1vb1OqYvkidtYPy29ANek6vnOOfpT1YMdG014U\nKaz4gbwj999ceZyNLs+cLcrJb5CV9P5omOAkX7fBEDHMf3uBHHg5NUIaQCAH\nvpeQ/4Mq3alY+8FfGZsswmtgsNyc46dyee8efXJgttG55QBGNA0J/gOkjYN3\no69QojwfanKpI+51OpQFtfb/Mp8+fwZ1+7Fd4S0PgtYwmG3Z6EjcWkUGHkfL\nWdIidRaUo3/HN3VlAvcI8SCWOhwEDsd8RWBI3cRsvEwPkZvzTb7K1oOqhpaE\nrDYv6NnRocianAP2Kvpx5ao1cP98z0/Tx6JeN7FVFHcqoV+YdHABIhx8iQYh\nSa1/di5T3fGPySBgxnuXHtkZR8xPHwmLQwL5Z5ArNdsCDtUK0X0ERh2hbPCQ\nJgP8\r\n=zl7l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"bad1953306d693dc6bd1b559adf594cf02a3b8e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022028579","@chakra-ui/hooks":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028579"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028579"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022028579_1641113858636_0.33180835063766767","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202203225541","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202203225541","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"54b28af5410fc399d936f7c55b82636b919bf53f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202203225541.tgz","fileCount":16,"integrity":"sha512-9rXkG/lIHu2mFUDMR2nngWmEH2BBCaGUmgifu+RuSpUJRD/29vbvLuT/7yYON01rKj1yO1azRygAG5gnLYJmWA==","signatures":[{"sig":"MEUCIQCJd/81zgSAoDloNoG2uwuqwqKRtb9cvpXylBoO40XEJwIgMQyrkXtr7cxd+v0nNl76EI+Z7WfGrfOxQwJoAOF/NTs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038MCRA9TVsSAnZWagAAyBQP/RenhgzRaZacUPxBZCTQ\nqlCZNt3DVZCtpvcK6mL+9OAzow9DTjJ2n3uEhfUDpsktBZdpQcfjR824x/bl\nzCJhgjA9DGq/bIBMxu9ocIqJapfbVha5hO2fv0o65AT5Q70Tfe+gKWVg1sxQ\nD0NQ94TSiOdqwzJBas47+fbTpdmZgIkPCNDIIWWgSEmLbXAwouYKKBMfJJuw\naSE9uOnDDnt1/n8FGoKezhLqdTNwQvcNjTPuYHKht6YijFYFY2FFwKC5jU9O\nJkl74zMUrXFehXRh8klB9RdAEYtzlUZ/X1KVW5ujHXyYrd0eIah2f9vk7sSv\nDOhrLL4rH8XH8SgVuwXSZoTbS9Hfol35Fy4VbePAgctTV33kJwkRIjgVyNG2\nQTxkz8M/Qfra8vOgGEQm/+SvOsr7JnCkoay/D9l3X92mGI7vVUupOPT98v3g\nOp1sCJAA/8cZTiAfSHODnG9mHxk2t2TRVDg5e6en6OqMKGBj2JeyW6kXb9aM\n/ctEwtZaWVdyX6s0SdLwGSbCkzd2B5/B/cy+7qwQEkWZpuEn0ianZTl7ZKKF\nHlbh8YWgbwLJhuGpLhV+NvLRqKRZ+1E52IYrrQ3UwsqWU57AcDlksZ7SBeAT\nYpSlJPgFOre4uQmHozBQhYnZDnJDKkxRYskh4Gj/l/e3JZkfE5pbPPxfLRl+\noW1S\r\n=k5nx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"39a343661cfec6c7fa0d53c9298bd287c89a610d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202203225541","@chakra-ui/hooks":"0.0.0-pr-202203225541","@chakra-ui/utils":"0.0.0-pr-202203225541","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202203225541","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202203225541"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202203225541"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202203225541_1641250572506_0.6821635011206655","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202203231241","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202203231241","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f86a11492e89219c56e5188d6286f046cae66bb6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202203231241.tgz","fileCount":16,"integrity":"sha512-LkBSTcK1W/gaxTJjCF89lx9RjQCCA54C2VGCHVJWx497Y71GJGSKnALzfs9GoDnOAmoVOMw+zs8rWKTfJtrqYg==","signatures":[{"sig":"MEYCIQD/IIWr/ns0vj4NKl4Ic7GyZafjLwMAXl94WiR84H2xjAIhAPhKD/yZcfrjG+ETNcGBV55A4IzXf4mVeYSMe0G1AMJv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MFCRA9TVsSAnZWagAAGjUQAIdJxRLTimAw9J95xB+1\nisd6ZEmKDLNZmGc22clZdgdUt2ioyfnnX6dp1U+xZAEPl7l2atrtbMIdBYRF\nDdvdHD8xoz25D1vshEbsxt50m+sPiizjSNzzYUMPSVVneygmOvxDhjobpC58\naiY+b1aZ5Me7DvWWUFGBtXVOqh01M+onY0AbUaDL2zD49D/Jrhm4y+zLMJRL\nRi4bht+85rVAa798OGqXmhfmS0232uCtVW7uCwkypRU6iw/FSh5I2sQ09/H0\nxnxhvLPs+zm+O5g08XPRAR26jHzD61SzjMLniKQIcvDNenOXRh6twSi6o+4G\npGEBPYKtbECqpNDF9ZSSk0qN6xALZJyIpgIMTIir/KfW20DKSzIkA7PRcCEB\nF8zQ1FBsm4t7UEWyYIuHTMkdN7Wd3nqctIDdbChLoqNXF9qLHraE/VR4ZkJa\nyWkyuA9tmbFjhukZVUifHem4XJe6FxeFU1Im8VJ6xUlxL650zWU76o6eUjx+\n9pz86CLH45Wf0SnJdUjzPaZ+Jj5Je8abq8IHp3zfPSTlKqM3InFKOC7eiQfx\nrOXIwuJtXpCL4qXIzpkJmNFG/WoodbS6v55I7BS+m0ikEWEY3PvYzhCRXjPM\nmboGGaq8bghZ6OuDnioC8iuiI8K9fVrE4qDrFoFDQleGGdVbk5ZPR8AcrGRq\n6DhG\r\n=W1IL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202203231241","@chakra-ui/hooks":"0.0.0-pr-202203231241","@chakra-ui/utils":"0.0.0-pr-202203231241","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202203231241","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202203231241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202203231241"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202203231241_1641251589617_0.0609703033582516","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220483049","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220483049","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"12954a3dd6939a82285de6491f57f6b00cf9d8cf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220483049.tgz","fileCount":16,"integrity":"sha512-I+oeno7UUyBsQqEn/rwaRJWcdmsxsXpTulEKaN1LLj6FPjjiOHLh/TN6mzy8BjnOMtWu5LW95hK8Zy7i6kZT7w==","signatures":[{"sig":"MEQCIE+OsIW0g64buIJSSASxRXsMj9WYTFgHwbuZwNK12pimAiAXxJmVDT36NXeO2vkrNHMaKrDI/33Cbc9EUKXB3FDk0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXZCRA9TVsSAnZWagAA2HIP/18C1bwaQjjRH7obfUgq\n0ulqGH2MEcd8P3KJIobYLyULoljHupQoq0obvkk+bYgd/hqxfDqWenybz4R1\n0ZoSKZMI/UllJMlNI6r6kf5KtlFzuv4VDrU0la8mMvwx73T763FY879VUEHd\nT64Wg7elG4mnNWQVYxDRayo5ig1jTCsmkacnvlF5zcIf98mYAH0igONstRA7\nRPnVmUM74vXYr4CGTeualDmppbwyEO8XnFPllhP8Ko0AY0j8TMLv2GxEQL4/\nZen9Drp7RWQV8PMPddg8CfTP5Rne1rfZuGtIdPXgIkETMVPyD1y8nyXYNlo8\nSYB4vdl24nZWg/rviMipPoSgD+QLKmg9MSaJ6WGNWzaTNtHE2zh9AEYuUWiM\nynvPY83JLGYBBZ68uIW1cTUyi/drdfZCjedZJBKm5tqwvsN+ngQGuGH/7Wds\nA7kx8GFuggDuxQJStA7VZT8jtrdEcOEXxoLuIQw5D2/GWiN7MqARUHQqIi3l\nz7TIOnV79AFWnEtD/hTDJ1kQHH8kG5U3P217mu+YBQi5/HT/xPz1Nq/xrX/9\nTtgVdmXKt3vmjYt7DJXwGvPKdC5Ss0akoRfbyGwAGqixYtzXg7WgBH8iQE7Z\nFQIRN59Aoadec3d4pIiQXQxRRuetJHjRWZNL2bpgTC10CAY4vp3KXsN43FTd\nj+pH\r\n=YwSv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220483049","@chakra-ui/hooks":"0.0.0-pr-20220483049","@chakra-ui/utils":"0.0.0-pr-20220483049","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220483049","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220483049"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220483049"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220483049_1641285080753_0.6032902941777172","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202204173424","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202204173424","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c36b593f66b59362de8dd6672c90f650ed524daf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202204173424.tgz","fileCount":16,"integrity":"sha512-U/GVqqWn9JvIKL2s8ZU+FtDNON8QUmmbOjrgHuCCfpUNqtfO3qd6eHWo5RJf09w0B8KSFvH2ekptu+R0aDqfBw==","signatures":[{"sig":"MEQCIH+ZAkWjVdAnc+2tSwb3+nda/I7Yo6MUIpS22E6WPlbUAiB7SEMXWy8cAbaNnnukO8oKWEKw8R1PHheNQ3oNcTjQsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IU5CRA9TVsSAnZWagAAjEMP/RT1lUe1I47aglMQs0A2\nLPOF82DG5ScUKymnYhI17fUJ+o+GPpUUJG5ltRJdM5Em2NFuxWv8WS/dG9Fn\n6RQlcrAh/TVNwEes4/0jwye+ZbJH7pJpfxUWEejhqdXpKwQgPKI+JDou1qQu\nO8kqKX7Dfnck7fyRT/Kjs1w3sFxMtEDTpKeAgWbK8CYRNjvyq8X7TNTZnGXY\nr6vlzBw0f+sKYNkPcxw3ANRjdsRcSZAJSXYgDVohjXiXiWzBJUWEaXeU4Z3b\nhQVcMm0HzPSkPO79aYxsqZsczUTrpmj8SIb1aMdyOg3GJUpozz2FCggM7uie\n1BTFVZd0Nvvv6PlRNZurRyyO/Oi/lHknoCTAhk8cOYMoQE1RgJxQURzhQ61i\nIP7UjQqXP9XwSfFMd2ZzHuFflVFBgHQ+DUyhVsesFWR4l0HheEu8AB80vsGk\nGsZ39kqZ9oOKbOvSEzYBGiFB1mUheUTxkchFRe4ofuWN44mJFxn+8n1pWevZ\nWn02QGiTf8+o80ZhWPmAqQ/TTpmQA1MCW2X97c/pXzHuPNiDSJYV1K8MtN5K\nni7d90IvL3tlF8/iPlcxDB2SbvS79xWtbAUQlacyjAIU2K6BMewAeRZEk4tl\n6wNgqNBpvxsAMYqgtCFfBKlMGg69pYzN+zIz5BkVmqsaZrAZR6gi1JNIgwxL\nMeK8\r\n=0hNW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8714d8c0a028aa331602db46dfe0102da4acb0c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204173424","@chakra-ui/hooks":"0.0.0-pr-202204173424","@chakra-ui/utils":"0.0.0-pr-202204173424","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202204173424","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204173424"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204173424"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202204173424_1641317689527_0.3017175629290214","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202204174042","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202204174042","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a64b1ae5f63e8021d71695a0b3e119146f15a30e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202204174042.tgz","fileCount":16,"integrity":"sha512-HfulwJj0Yuh2+TxnwVFK5RX28yabAiCZWLgGzh9gDp1WDYZeFZ/MAMzyqEm8xvGP1a877cT7f2goExImb9BUag==","signatures":[{"sig":"MEYCIQCBijYcx3pJsBmmeg8+HDIsNd0NIaKWuipDLuWgBGYPJQIhAPR8anLSI7wK+TGUcIR6kBagJmVqBLIp0oo4+j1J5B7G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1Ia0CRA9TVsSAnZWagAAUZsP/iuh8AuX1zwocl3UfHfI\nAreE9OO44NrgDEUU+7yxjaNaxsW5kJ3ujE3hDT9Qqw0AvyIMjixTKtU+ClHx\ntCyxdgMKx4ezO4DGZeel8UeOqSPMUbcziKiyzxwbSU1syKwb+qdF8j3/6BF/\nDAp3EQk6iF6EFf32dYuggxsumW3JfLjsEG5QCnK+Pj2JlY6PqPX/Zxs/AUFP\nRDu+DntTur78XkJyuQdaDQa6zVN1xD+z5vXzThulNXwrW/rBj3DBEwS7CTU8\nD5CqNNoQeakJSGEYjVNUX86mTL2dOKhtMAV3WNl29xct1pd2IDmmRwLcPBKv\nHYo0VrycatsP3SYHhfrSi4Qv/9CZl6zNqAw+Op9bmDW+IQ5kmvl5ARNs8ryG\n0zJfMDe/NObzjBzoYjHyefUMCc9azueytl+RglvAM9rzFq9x1+O0VhMc73z0\nESPcRVLLZH736vXZIZjhwJzWaOJgkiRsqv+eYnJaQBEpvXUMMyVIUTkV53K2\nN2lVeuHj0+QanGw5oCpARSII7gu6HaJ9mnEqAlZcMway5Nfg/aNytpb2d6D0\nqknlD8aBomhba3ayf0yUUFIF9R6MkLjKBgGiwgRLcn6QliQHxqMS0pPVmwT8\naP8jIlI3eqeNH5AUgd7eR/zVtACMF49IPaw1eMXRaG4SEHh4pzV3LkUil37K\nAK3o\r\n=1+n6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204174042","@chakra-ui/hooks":"0.0.0-pr-202204174042","@chakra-ui/utils":"0.0.0-pr-202204174042","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202204174042","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204174042"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204174042"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202204174042_1641318068011_0.5779320339509442","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202204174930","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202204174930","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"84138043560ba662a86541d624fad5c925bf0798","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202204174930.tgz","fileCount":16,"integrity":"sha512-D5PwhWmPXLTd/Hc7VmYNX7Zn9AimKa/U2oIZ5UthqNl7SuuClLQLIU+saNpN6BcpnHQdHcYVqwOzRbyUoG1e3g==","signatures":[{"sig":"MEQCIAdgvZ/JptIzp7Vg0RqEg8737Iq3GLZj0rJYX/ReLkfdAiAiqcw4IEb8FaHfJmVlEO3h6Z8NRq3PU3d0mLA4M4CWew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjHCRA9TVsSAnZWagAAwuoP/A/dvkDMTpWSxCB/VYbZ\nOwx5nk/BSLr5VGaKdYxKOy6G5adcbbiXex8mSInZ3hE8Nj6Y1u6E9jrjUQJo\nExarWEJD1luuNCpgDwrDUKBGyb7Y9Bj5pNZ+OkrnzpUOTo+/2cN5/E7/AWWJ\nmqzx+S//Ogr/r5MM9wf4UHwG5DiO2axZyH0IGc+wMqd3o+ShJJpp8LMk/N5U\nf6/S8alB5SC5PzIfY/Ss7F3E4gATdCOQRfK+lyls/inGH5hVxVZUIzFx35pP\nknBqztfiJTgZsCDRrG4ltthdU555lEMta8IRnT6y606AiYleHry9mFZj+YDJ\n2Db0bN8BG7wZpFK9c2gHZ1ecpG+I9Snd2hZ0gxTLzFXzyMex5v4Fbw5TXQRV\nGB0QGL3q0d8Fl8FCrOEc5uYl8MDmjNamEZlsSb+PPX4KTuLa72LKSS2ovCJD\nBm0HPXWz7OtCi0e/aEvOdnWmmJhNB0lo/JscUnjRNB9hG/F/AIhynA8FWanQ\nanr5OfAKnsTvQpe+0VZLKUWnnwFZMe1rZjTpWP8hEzT34xFjSGOeFxCBWxOc\nHbBOtvRZeCdnjLh2yNB31t+7E4J6cK+2BGu7CyvMja6Zf3F0LPQwfakh4gTN\nLtYVID4V2Lgh90jBGA38UbY4GsWDBp5ft7qgJDg6HhJBHvfrO+/K8jGUJQw/\nM7Do\r\n=5VbU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204174930","@chakra-ui/hooks":"0.0.0-pr-202204174930","@chakra-ui/utils":"0.0.0-pr-202204174930","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202204174930","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204174930"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204174930"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202204174930_1641318599458_0.892979988142975","host":"s3://npm-registry-packages"}},"1.4.3":{"name":"@chakra-ui/accordion","version":"1.4.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"86837416c674719d6df134110424a93ac71d9eea","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.3.tgz","fileCount":16,"integrity":"sha512-UKpi7xd+hcT/OIDRBRT4vkvVmpym5K9tf3tPyPdwpJcCfCd0D8dvmgZWBM4vCCRPCNfuoyxba5z97witzLCf+g==","signatures":[{"sig":"MEUCIA7o4BpV/Qe2D1t8FTz28nypUtseV0rCxHGzai7BCA2UAiEAy/BDD7VGrX08U+UQs8942ulhgsKr8zCRdeFTeZ+zhs0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/CCRA9TVsSAnZWagAALAIQAJT4/5Dv7p3iBrMNelN7\nzj1s/RjHo0I2pFonCNWEJwmSlq4LZ9O1SFCBt8u7GbISfve8+SwOjc7DPot7\nEkleYf5bZu3jcbYAVqRjLOrHmhtp9/nHy6NjBe0SBXxAFgufZJTqDq74LrAM\n9/EQW69O1hkByuBIbMWGTa+X2BP/H/dfmATUKkOZuxuvbsZVzwFh2pLglojw\nzwUvejq+pvfNxHKjCwWSeK462+KcHQ9jRaGo2z0KYerjnEGxevpSJnk81Z4v\nQJXFCif2Q4qsqidLvjQ72zqgEaDOQiABUdQb8AGl4vIfEhrhZKPahiDFP9cR\nfIAO8ECRYRQIhDUtXZCHnvJx9DCxDbG3cleWJpIUOSR5Eiy4Ie91H4AiZddp\nUVlv+TuTTTvuh8HB2/bU+Za/PT8omxT6LAjCgTJ3cM9Q3F4oUpSyFxbZ6Bkm\nwigFGJrQdryXslKjlq4albDx2yPcfkC6XZHnDggClfMbkjlDdfEHjfGnftx4\n6rgn8NsY76KZkDTX/WVCn8BRXplJpgUXEx4g4Vwtx0yV1/Hi+G7FiF4oQXqv\nExau6ca5+503Ehoq2D5YE63wz2c5IcZyE579vQjGhK3gIqbOnyrn3NiPAh0V\nUJpHmQ/85I1UpWLcEk6rDOslcMgXKVPW6GAWlGXRE+0cLX3/O8nkRp9HFJzE\n09UZ\r\n=YB3x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"e2525941277b6b96b38fd6dacb247ccf40cd2fc1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"2.0.0","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.9.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.3_1641328577864_0.17073992043675457","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202204203645","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202204203645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"25aad1920294d9f74c1b728a9fe3546a59d0f1f9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202204203645.tgz","fileCount":16,"integrity":"sha512-WP1D7ZH95hgvuxltLQF71FkUCiP6N5TKhhtT1RWIS0mijxEz5eD/80xWFbpSmnot8UpR3fhazFox4fHtrNTp5A==","signatures":[{"sig":"MEUCIBpuFFuo243n7++MejuA+IaoTHNJZhcLP2vQn4oQ6n78AiEAmlWIuatd1Gl/Lk3QsgXEr2TT7w/3+AblFcvnSvppUjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/8CRA9TVsSAnZWagAALmMQAJTKZYk1RymCA3USd+wZ\nsc8w0HXW2jj6L9ucnLj02B5Fir1xRlgCwaKFnX1JYri+C1mQqmt5TGJU6rEh\nwF2KmjOWB2RHY6xNIuNwBMfYbEF81jRYTuIUEUGO/4begWbVrD9W+bTPJPtx\nvm9zDfKGtQSjc2hFGBjMr5TdhgLRYvcbOpcCo/RyoCu1DD5IFFVxiBSOHhF6\nXDFE0QPUlt0rJAPvWe0yo/FU86Gy6I2ABptN9SDS2Ab9eStikhBjwfGKLSOK\nEwAbnDFRJB5b3+JNK0nlr8bZBbrk4H23TidFr8rx5uporTiBgfCM3J8d3UfA\nN1MB71FpMNvTzmGcJuXPyiGkuqx7VlF5QI1Sscp6PjWlgHWNC3ckIQ9vPhX1\nn+iWYOsqH2+0X/cYzyHxpbIoEBaEC15zkD0snUYcSeLS2iox2AstgwBk/Khr\nZnHBJer3ug5gakA9KcQnJzilVvEKnpt8/h3RH7iMan0jajkMMPOH4yDZne22\nOqb63xa1HAGqPC0XlSTPcilaLZYQUwFfS5W/9ef0CXBWkk1bib6KyG1IptFl\nht9hMEDiZ7f3W2pFB5sJn+qtZuFudYLMgLj3Cx79RXGylbVMO7zj58ICuxYl\nF//mgnolHD7BW9e7xAxucZArBJvLV0QeHWe1iw9+CjUeltJQVo1v4V/PtZpI\njK6P\r\n=BL9j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"dccb9a12709b2b6070a82868e344887b7a3255da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204203645","@chakra-ui/hooks":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204203645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204203645"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202204203645_1641328636260_0.06289145177559252","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220421928","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220421928","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8c1cbf974730c4432e9227b15e16b844383a08a7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220421928.tgz","fileCount":16,"integrity":"sha512-0mNUJgwCAXjOxQqct77dXgfEL3rMnYpdWPfVfnPqQRxbTJduVkeM6+OCXQVqUYIJcNl1jdXi+8x+tceisHZw9g==","signatures":[{"sig":"MEYCIQC/jLOJnC8RCOg0MUn+CCt1wNnAPnBiS0kJDIqTUOt9ggIhAM64wGHH4ojKEa4wLe8B3hOTQfFd1gXPWlKIiFRLQoo7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LeiCRA9TVsSAnZWagAAHGAP+QCOiBrzifCxNdaHYIYD\nTfM5t/5wub1jXuE4sdo5mFWWvoXAwj4Ersa2Dx0TvBFywME5nQ/Rdf8axmho\nbLO4k6+XQI+LXmfJXkQXnivpghRZKlOl2C63oW74JTaJDODJTmi6x1Y0BW5v\nb/fwemxPppe5euCtZS14xeHk/tqWyFSOQoz39wwWX8m08CKwqJwa/k8m1R1N\nsn0Kw+jcgz19WvAlTm9T1+9l/OzeIZE+thjcrtmXeLaJkMnegOP3AKhucWiO\ni6dUDlX3EJviSs21UesGS6Zd3NTI5uwmlHuMGTzKv7ljVD8FGypPJkjLLSu4\nCtnSqqh6JR8yZ3WP+Mvs8mTIg+lJO3Vvvg5znNAWohg6r0jUI+faoBAJTAS0\n7JGDi7OsogfeVcbwZM3OClRobCTMFaCbe7pa1wWhGxScj1pL+cW5ZJkdEMX6\nyNBZysv9Xz8Y6cdFyezn0bMbWKgS2NzwTnz5bZqI6/kypWFxS2n3BJn+S4L5\nE7FOfq/19sjC0lEFBhOPdyzHyNiAaPaqa+22Qa2kxYieOpQhjoW+6dMga/TC\nmaN4yJM4eJkpqXaHdw8Zi5wGgzT/R7qok38YaDHWoI2D0GPYEv7MHDA03e50\nx0viIAZRepvl6d9tXdC/4MC6WVXVCut7Q7aVUmNKBr0LnRTvrDdEdbM3xNZm\np6xN\r\n=RgQL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4ef88685ca1e33e2ea6997dd3059f5f93920f153","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220421928","@chakra-ui/hooks":"0.0.0-pr-20220421928","@chakra-ui/utils":"0.0.0-pr-20220421928","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220421928","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220421928"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220421928"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220421928_1641330594394_0.44777402793259236","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202206185910","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202206185910","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b169ce48aa34b5444b699e9267cd6520926ceb21","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202206185910.tgz","fileCount":16,"integrity":"sha512-UhRNpPlZKjOi+5p1ga9Qoy9qhG/v/uqfqxRC/x2TXuuwDtwT7RisHuc4k3ztVBpbgoG7meN4D7W9uuU7ZHJtfg==","signatures":[{"sig":"MEUCIQCUlLm2NcuiSux3A+o9e1AtoVizokhQVm2DWDaFLAjgcwIgJFAxcr2hBIYy6gH7c5+5BgsX78X8Ejg7Jk+0yrzVDMI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zwaCRA9TVsSAnZWagAAt1QP/jdAuHkgGuRJcej+WaPz\nAB7qVlouAd9JEi8tTEf3GTwWDjW5htxZ7QADS+MYO7TUZnv63unxAaPX22yp\n8cgEc9bFvHyi4VI7iw4I5iudvodADQmNCegVjSiyp1d82DH2o7EnO25JOWKN\n8zV65nc/CCif7uTtJ0ZpRMqa0H9UZXTFy76vK8tBaU0Ovcn7XM1D0MR1W9on\nDWHfJRLNGR6PcErkiEa71Wm4I4V72sTtkdJ4OYNC4h+RWNbzlinspDCJmBpT\nP9a2RD1FKwrRcIyM6SMZ7al4KSTOkC5t03aAxh2TfaRuQ3MaKbMNKdoWOkwu\nw/OsaGSEiPyKAzen75/UvHCT3Ct2pUNk4vT3V/HnytfX9YpgXJded6sR3WLQ\n2gln+iIxzzI0Pza9JoXNOtu+40EfJBqbEXSMk0nDruq/GK79mJR35h0IUknR\n/W+BBb8SnZXpyzSn6cIxPTjtILCteNqIISXVopctZQ8lb0P35Yk1VaWacXsS\nO3JvHGlZCIkNfrBfCH+T6vX4ipssLD2uY8aRQNzwTee5RTbZGmucH1btZHOj\nTt0L9cdmx74U94NYjzR1mUlMGZO6H6CbqC88K9PTz7CkGvqrnQA2Rxe9uQ7s\nCnJrzo0/ji1SSaq77qnXrSnwgI306wewUwvF0Fb3y2MCRwOEw3ZZW7BAH3qj\nJYfZ\r\n=JcPr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7b34351fcdb380a13640a5a4e7927f4585848797","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202206185910","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202206185910"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202206185910"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202206185910_1641495577839_0.17264764786811293","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202206192031","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202206192031","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c324be82981ffc876ee8c2e1cdc4de955a376270","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202206192031.tgz","fileCount":16,"integrity":"sha512-5RaEmoqStD6qaANcfCuat4KyridejGK5nfxBt9Nn39KvJEnA/eR/9dmCA/W8PTfuB6pH7vZQZMATz16ZzmKwxA==","signatures":[{"sig":"MEUCICFdxi2n6Qt+LCjqjDh3q2/2s7upj6DZZosevS7LUNW1AiEApzayPh+vPFPF8gtFQtb8zW+fWYO/58QOHqhbE8d1Y8g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EbCRA9TVsSAnZWagAAjaoQAJfPZZQ8SbBEl8upcflv\ngLutUEqFj62YFU9+kUuvD1FpRQxxkj7NX5xDOPfxaTM6dApjb/F85HlZOxOM\nnDPQcDu0acIegRWJn3nSDPBPlU3YiU4XQVZ8kbipNEQnUghLmrBUdMi0MofL\nyTYM9swH5FNlcWPkCkS0png/YeaaGcIV3ol1FqWYPdbsLRNwiPxZgzfH96Qy\noNSJ+iTVdxwWOBby3TtnJVJ6LuIUN12MMQo56PTCm038su6cg9Yr6fgY6fer\nXKuZpdWDuwrgPcWWpu8yI2sSgnOOrjw/WBJ2IA2Kv+5oUJe0BmJuAWPESkfg\nNLS+B5Kon2YON5j+CbpycalZRhbfLiT/IkHhXkVhamlaTq972rL/9sOyGTqq\n0YhDSrBZNvNLbHzrFCtT+WKixi5xiXqi7qvVk3FFe1PNWGU1bIXNzUvz4/OL\nVxC9VovOJJYX0zcogeSg4w75wbVhxNsLVNH0NqpvDASrRag6Zn3papJ1kwAM\nDMUx6I9ABn5S6x3J92DV1VwRhGXp3VRQLszEhVwqmQvBeqoLq1pu7dFrq4UT\nVWrHIQdEpDcf4TsX3vw2hX6oaIZ2KakFpsTojZ8osZRfd0sfLY/QpaxSLckl\nNiVZglMdweaC9UxiVyr8OiQHQL8hJ9CIRq3jQLq70YIShsVP5/6+bRc78FRl\nlI8A\r\n=bBiV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a538c4f88395cff1f6ce14f27ac201b5f63afc10","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202206192031","@chakra-ui/hooks":"0.0.0-pr-202206192031","@chakra-ui/utils":"0.0.0-pr-202206192031","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202206192031","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202206192031"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202206192031"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202206192031_1641496859483_0.5078048142755753","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220620149","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220620149","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dc1588ea1366cc9a98ed86e933428d80295acd9a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220620149.tgz","fileCount":16,"integrity":"sha512-xMEUx7Avdql5ztURRysbSEbx4jOBUDKCn2vBbizoNpDv0zCh+SEtdkD7eq+wYES2jB5HduimoZ3/UquQ71erjw==","signatures":[{"sig":"MEUCIHe9CKKYStz9VL+kYi6ZEWm7gIwd7JM6jYkbRYsBoXwCAiEA38aQXvnT1201qxzV1UJTW0iXIur+zpoSoucTy6y4mng=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rHCRA9TVsSAnZWagAA2z0P/jcvZxffUQv1gmo+eXdi\nYdEFPtvqUlPShUleUlG/QT2SvoFjZMLryuy+6Q+ArBSSwoK/j2zrDAnclgHX\nYh+Ig20axx2qHsGAUj4G2BQNI7ogJYCaDailvRAqLGZlgk0hGnGCX5UMRwzp\nH0q/UuRlW9/bb7fL3YcbbveSz0LXB5KTvCf3T1eEI49D+f9/B+6m8IB0LMev\n8NJfV93zrKKL5LNMt8MXkyVFOJeEkT/B/uLMLaBF0Pkdq+ZOyS49KPlctNYx\nQUznvK+H9N6lP9sI/pETKQfqkDKqSwjy8XnVE9BDJGpMoalePBlpAvwIg83a\neM2wwLqUyWShTG0Jj1u9cmCdk4HDUfYWhkcBE4IiwrLhqydVWiwnxJ/yjZAK\n7ODFBBHTipEqoBb/dfxUzTZFAD50HW6MDjpsBMtygGYrRgV7J9hrkVDqyE2r\n5d+OSTtNsGT/zh3oQo8BX/Oq2TNGuYDCY7Ubaw2icjXcKNELpG+co9ANWMK3\nbon2YV/ig+OFqUcTjQ8PGgDUbWJ5ylbYtFFwVywDSCODYSoX+oJXYAeNPQr1\nua9lLigbjLUoRg19+dfcYQ96+ZB789Fv09K75vI0CwDXoIxsNGuyxhNOhC3V\nbsXmyUYwPcVyNuOhRP+G0Eh+X0i1upQH7ZKusgaabu0NMyCCPjOdU03L6h6J\nTM6p\r\n=MoDh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"9d02772e8fd7855511820b6c729c0ce72a347951","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220620149","@chakra-ui/hooks":"0.0.0-pr-20220620149","@chakra-ui/utils":"0.0.0-pr-20220620149","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220620149","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220620149"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220620149"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220620149_1641499335566_0.6830406739109236","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220620653","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220620653","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"143a524a1ea602d84652a9c708b22c6fc1909f9a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220620653.tgz","fileCount":16,"integrity":"sha512-mVDVEcC6WuSvQdjEpa1zo2h3nqGvHDn4Ph5EeLp5XeATO0wqbVBNqx+w+XwsoFhZQHwSZ6wZBENqq3ohq/PJ4Q==","signatures":[{"sig":"MEUCIGCbBNjROArgY7oZLsCOt9kJ+Vab5cE7Yawx+tNi/hRUAiEA4w30twA2PZCoc59qJKGBZ1axoWPGn9kdYpMldKRTa4c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v1CRA9TVsSAnZWagAAui0P/17dds4pViajyKz0SyVA\nXScnIQnq/pSiOWFQlheES64rTxM07eNsMySf9IXYa1MUKZxcJTgj5N2mOk2E\nwdAgCsRCedfmQNgGli89JULkcVlFeS9LFeH2Md3yycS2nIJLY6qerdPq6vNL\nZ4AlRh3+0u+KYUaGrEmvk+PxXbJVnAhe4f/tcwwXhODwtSFEYbnxwdAzg/yf\n/pnvd7SRBxNoB0rKkF6uFBqagMZTShT7/NmUPRh7RCpQeNyY6kA6v04cMkIj\nra2BxQAi6FDTSmWVK3KiL2d4mJALaQgQ/gZs75AU/CCIS8CSc+UD5plgwPyk\nb0m2lwfXdHr13FFFphR7AO4LqD1inILdWuCPT5W+08+WJFegHqkvWsoME2+M\ntTP2OrgnbCzQSHZUeJkxo25JAX+K8qDOT+6Qzu+6K+N+5h4gopYmVWhj596q\nEcGdC3fLaU2+Cz24J+YRbi2OwI+fkur4pf/zsoIDesldY/FMkrJ5Uqp2GXeg\nqlqUyXrqOKnMMWDar35tR6ejTmDEMOQw3hOcHAvgkxzbo0FbeUg3EKLR8u5V\nId+caVBEijZFocg2r4YnnTgfGw0HEn5hgT1VoOL3wAoTbVyHmnNDW3YovG/l\nhJwcXWHO3npqcQIreAu3Kd5AHNgObtcxs6SuCeqJy0SVlkp4ws9UY1MKJ9nY\nmNtZ\r\n=G1nC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220620653","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220620653"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220620653"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220620653_1641499636779_0.8933518766075763","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022062070","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022062070","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a338adaf74e0d344a017659b4f7a2805da4f2cb2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022062070.tgz","fileCount":16,"integrity":"sha512-44Yto9Zy+56AEkZp3XF9uJhgcAcgapCglUJITB7u5pYBzJISNm9xLTZY6BdWMPxL4gDYTbFpz/H3JCeW6RHWYA==","signatures":[{"sig":"MEUCIQCD1I19VhHyIiBA/x5ivWST/bCpcT4Vs+qPkK5fYS8naQIgZS3Qp6BptV0Fn4BASgkv4J4XUzLHckmPdz/SuWNi7hk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v+CRA9TVsSAnZWagAAx98P/icFIIwvohUmnjrWSVDy\nycKOgXJ2UvcHbmMXs2Nj32nWTr0L9g0zJHbedt2r/G9jof6cG2voXy+VVeZY\nsEMlKBnrDdTJdf7i8FAJe6TU0WLh0T7VB7l5Wi+bLLlR8LmOqxLVO0Gz4Mku\nQkf76r/hm6v89IVhosa5rh4NiPWwy4+PzH7dQhWFRByowBXJz6nUBGkgSA12\nw8XRp+ZFirscIfz3oIvhsv1kYjjS/aB0Yj5ZDeSIoYhPVOz3wRVuYpO1TnfB\nkgMQ8vpgM6TIgrBxdddt39RYM1sVf5Kzvk0/iR28Pbff1CyOtaFu3tyNsMUs\na9oACv717MsFsmZoRfyNP5+nn8eLgm0mscPNK6DYtOFnZwJjnzYSZvAAul08\nfW9+czq3yTzTAnaRun7eALmljtHG3GmQdmGogqytMFsof2vy/iNt7V5j2U3e\nMuarwr6/5LEN80OR8gOg5wjXdCPQ00QfvIdtA4JPhnKHg7bP0wXMXrnN/8RG\nIfjDBFxsbRRWYH4wuEB68LOK1hNAiERyCRk+epJ62BnVJuJgGvOwuX0Oqi5c\nJihoopmqhwO2fCUxRUOTxj5vOhBwZ23xuFe/92zXZhDJSjFld23bbf7xO+9C\nlc6ehsXP+JAGMNd7yg8aAGcGVMun8sRGiQjJrgUopni4AIcWXczeBIZ71GE7\nwnIK\r\n=D4z3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022062070","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022062070"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022062070"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022062070_1641499646366_0.3629982478235678","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202208163634","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202208163634","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"217dc5a6835421c07c8ffcf4c3e597091088d7d0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202208163634.tgz","fileCount":16,"integrity":"sha512-Ha+eBAGP9A3wSwIZMrszjaFP0mu6tDZMTJj+xF3WcwWLvHTvh4scHO+vQHaeSKubgoJ2xdBtk7biA7XqE6mxMg==","signatures":[{"sig":"MEUCIQDx74g84GiD6voGxG+P3URNwp7eU7j9eOTAUV1DWYp9XwIgal2aA+DEfEbRzkSYlkKTvPFjbz0p4aQ6NgZeq6ZkMLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b2vCRA9TVsSAnZWagAA4YkP/3MWR+M6TOPcA31JIELW\nq/SC4vnJolw201T77C5t7CYt9RoIoAn57UvghXpiJ1cDogA9u27l/1/ViSOj\n3SEy4Ng+Szw8qJFz6hqRqM0acLyG/wFOzdzJCd/l9WVoeuYmUBuZcgSlWy7w\nXNfN4esmxOyi7sLds0CzR7k6chg1ln/8WtZS5xApdd07hHhXoVCvQ4zMNNWR\nvKB1HUXU+lCi1WuhlI607yvDw8KuqWFrUDuvMvCF6Rt0rUIUp8d3rzD4QqJM\nr5qZwLeZdif+GRnCrzx10RHA+ZyXnwBWbGzphlG4yMjeoTKQz9hRrIklYjat\n6PlRxlGVaPw6LKfboWy/jPDYsdzx4A3Go0REIigj+ivlNLJHorejgOUyeQT8\nTP3Ci7wqRDV+6M/fF3+jETtKmljICbWqTiVeRAbQWPujTsJZkLc/OEWqIUFE\nTgKDs+tIETrmiP85LiMs2uI34UyjdbHwxbP4/aFJFIqiAddgNtn+EKvKaXDf\nJ+MMRDd1guRLE2AiTsv6OEl2DqwQBz1VmvrYIvCyLkovQW31FI4q54Ew3cC4\nlgeyuDqaPzlixTwaDiZ+IobWEsIUkVcI2R2tlj1pHXcrNojBLXqW53fDtzw+\nSsSdAfipiPtbuZvxaXNx7S+r/jA7XFQCI42ay2cdjOcY3rI4OvXLaPYZ5Zgf\nZhWj\r\n=bYhJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c1ce58dd840bb3be7041b81f4ece559fd7a37f7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202208163634","@chakra-ui/hooks":"0.0.0-pr-202208163634","@chakra-ui/utils":"0.0.0-pr-202208163634","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202208163634","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202208163634"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202208163634"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202208163634_1641659823274_0.6912132198544105","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220816386","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220816386","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bbd9ce03f0f664672747f2d00fb117db0f3db660","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220816386.tgz","fileCount":16,"integrity":"sha512-hAh7pQhFRaZmcZymZHhry+jK8UNKw597y7dGdxG2GQaEdhRkZRz7pO2+RJxUSE5fEFmUX37zV57s/MqUKPwxiw==","signatures":[{"sig":"MEUCIQC3a9U7GP/daaCMMisNNq7GvNhpRUN283yldJy78C0JFwIgMUjVHs18E/ErVkw9FY6yLwjlIHSkNVz7vhtsyfI+VYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4KCRA9TVsSAnZWagAA2I8P/RWBCvMG4eSBzxHtzm63\n7HzxkXxBwZRUM0XJWfyQeKDWWHnrarQU7oloY4cCvP1x4cFncSeCaQQYFT8T\nJgnH4TLXuZaTHWPwWjtMXbUaX/n/2vP05U/S58UlPAv/BLLTd7UsahCbeDru\nDopcqUW44PBJEPIlsd9gAvYF+9RlrDGG6P7s4c1ofBeaUinT0fPiTlhdKji6\nBJxec4fvKI9w3S6kJ7pa1jQNOgw/2Hv/2u9L5kUck6lQ0JJtU8ccymL3te8S\nGlV29pWpT5FdHPCr/Wj7N83J+urYGlVLUP/XMBYf6x3892K1iNknLThtHBmO\nq0Rpfd9cXzJ33HpvsqlWiJo1B8mR0igrdMzoVDcaX8Y1wROmq6MR2dHjQe3O\nKRu75inJq9mMWOBa9kWETTEL0zG5v48pD1Usc0jQaPq5a+GZJ265OwQ2wlpb\noQoSveC/1PJA7yG45YYg+EnZa6mFOZD8EQN75R+23Vjo1u44/zgptVkT0OHH\n46r/4Df/Lst76LonEpkKOOVCnTIw+04aAcTzvProBjnE3R4w7XUnBW6gP4Eb\n4qTpxvKbxJHgxtcwvzrsKZRWQi064JQMw32fc2jn1w4uy4ooizJdAo7BdhfN\niuNiVzAjUh7CKxwJ5rZkCrb5hCh7/BHT7x+3qbMLCp8z00ucADrJg1C6CwH9\nAWLL\r\n=kBmw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220816386","@chakra-ui/hooks":"0.0.0-pr-20220816386","@chakra-ui/utils":"0.0.0-pr-20220816386","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220816386","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220816386"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220816386"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220816386_1641659914229_0.43602567728949726","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202208164521","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202208164521","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ca6abe0bcf423b45517b320aa94b94fdc5085204","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202208164521.tgz","fileCount":16,"integrity":"sha512-DUxZC/yd3bPu5JTBmvTDorZXsblflRTjZXcF0I4Q74iSjqHZBap0imPIvB1P31dWa67vl+OY+UpHLB42khPuDA==","signatures":[{"sig":"MEYCIQDBut7NsLVwu+1Pdt/ZZJb1lfe8JClxR471Q2mUWNX0agIhAOQld4jjdeAX1zSJnkMNLk3n0VBUzLx1iUXABfsG62vc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b+6CRA9TVsSAnZWagAAckcP/1Ua4C2vpbjkLCmHvbmt\nmqfjjWNEZEsSGd8HpdenM2VUthE1+bxhMqAVL7NYDidbNz2WLHUM///hTN02\ncUgXNtcYiY3utnfbzyy7JnWVXYNNz5dJn2VZkzJVGvK41FoydOx7jG3YlaKm\nwWgEWd0HwrVbG+xNNq8OtcPi1+343GaHFm2JFobahrhTwMw+ShE1P0p/iq27\n6V5xTrUeEZqBnG6/1i9neD5/jfnU8B4BUkhOj/gURDG1hdFbTDX3zLDPTnKj\n+EXqnDMlLOSuZ4I7e3rAsWsrEpyfNFSw5USCPu1PRiucKJfvRnZ+60H9AjlQ\nibulzjZhtKkRAIXTL5XOkUoyzMgVGAuyUcniajbupGr2p12QsHVbdqV0b8ir\nnoWnuZBHCWqRHKVLO9buOMoK668NQDKb0zzbqtTH/UVHdfMey0zVlILiFb/X\niCAvNkQEQQV1ZTqbnPMUcmJdXbsswuf3YM3oSHHx737ILTvGsuWXnBCP+kmr\nqmarX/ex7J/8TIAu+3X7rVlAeLFIxVpw3HiBWMBGDRcq+006HP/9cVxzrYnY\nTJwrOsFGQDuo3yaEcoVGw6HdzyFc9Qa3Vt5XFAuRvr0S/kBAS6bnTIMOKrwZ\nrHSH7YS1zSQ+6Fyls0i5t8E29EOblnhYJq5SzsKrSbvRpJDpYl+7ZQjxD9c5\nHWDy\r\n=xhuY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202208164521","@chakra-ui/hooks":"0.0.0-pr-202208164521","@chakra-ui/utils":"0.0.0-pr-202208164521","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202208164521","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202208164521"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202208164521"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202208164521_1641660346557_0.6928698243390032","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202209205059","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202209205059","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d5a3bed1e27e7d384b425943cf4b5b11bdf75f46","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202209205059.tgz","fileCount":16,"integrity":"sha512-rYsqLHIAb7I/Jww0/06Vt1yF+nYS9EgbZP94iAPWoKaxA29zSkJUeEvx8zgWnoMs9VQ7wCEbo35/MSd84ABD4Q==","signatures":[{"sig":"MEQCIDv2zPX2za6Q6EQd9mnxY3JQFMgcTqvzvuVz6fdDmTVlAiAExhLqB7WIHdr9JPU8ByYG8Z6OMIXyQvYk0q28VKqFiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rNCRA9TVsSAnZWagAAZlMP/2QGF3VgbFs8jkYJHCS4\nIv4Lpt0XIALVqXNEvtRmKHNX9WuIhEi9438ZBC1r/8dVnxrWkcLeB6rYIXJQ\nX1YJ49Xhc2mZNUa9kv6G+rSzL3QbLqi8LXBMqffIZCNRHkU0a5/ZROcGo2Ai\nIXyxKf6F56AY8bO+MKTgUXAC9bXUPzxXelOpg3BESvBdyobRphzW13jZ5N88\nrsGKkjAww0hbGyxLxBkB0xvs1H6eEtihcXGi+zZCWKkpWHM0nPM3gXu2gZI4\n90CuoucXBJtwQk6uXTVplgr+LGkl+DTSWJhjsMnWUcv3BCaZvOXLx9SHIqz9\nKV+lTVb7moSRUdCME6UFev7Lq9ghl7NiZdtNtxHBefhA8fp4+9b6Xn3pI48q\nIiGoDa4Q9LjfTMUxfFXv9u/N+8WYeSZEORPveAPzQ+z9Qx6yYtK/FrKUKsQX\nagKJxV0C1AMuRCtDdUkC+OY0fnIEAhnluOIRfVb538wCbr03SBV3wP/f6ZVd\nWYD9vrd5nQR85jqdRjtmO5jNoPlZMn2Ey0dHsLx81vpRbSk0nt9EgZ9uJdUQ\nZgVLsNML/BWrdzZ8V9JTo7iwFGnf8aA1awioxNG9ZlQwSj+sCQGxx+8ED+1D\njVHM9p2BuEUXhc02zHjXdkGGNqv1KBH/x09fqzJIkbpNGhno+J8XaQiREozy\nOnm2\r\n=iztw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"964c30674af12a49400cd5332aa6eaf02b1e7f28","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209205059","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209205059"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209205059"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202209205059_1641761484921_0.19940529800015505","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220920538","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220920538","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d114bd951728f7558aedd2337c9f4a568da88379","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220920538.tgz","fileCount":16,"integrity":"sha512-C52LIEfaZtfCh7mg8UZUy6aXnbO4631XUCdbTOoWoGer3FJksPWY7GwCjhXKfHISXIi8t24PE8bmQX663iLVVw==","signatures":[{"sig":"MEUCIEfmvyTVqRXyBL2PuOo/7V8aqRiyQlYcLmVixR6dwBbIAiEA40GgKqAk0PMKBJeCSsXKFjhOLz+gYeWvn9SnznCGlW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20tPCRA9TVsSAnZWagAAucQP/RCrBH4VQzBJiIRULjtm\nPk94+aLOFc4lg7rm4CZPAisWAkCx5z3cO2wSLH9K2haywI5eEt/IxqT6sqFC\nABkYMmJJNukmhrMCmUe56C4btv+pwudjVL5tKSgRb/yNRYmLfir1OKyiOHBq\nRXvQ38BOzwLQXntujIK4PnebZAT4mcZcoUMqRrRhoHZ/Y7ViL/igLtpGPlKj\nBztQf/OEf/PjYToiHIOyzVEUULGFTeyvaRFLLkFIQ5Tq5tKYMzeFDlyFhe12\n1T0khmbtJQ2KwsBl6q7jCrRnIuxg6WF36n5ZmTf6w8luMGzXrPkpIRjjaYoy\nsI2wBByIVL9zeDa6gaBX266offLa+BNEzHFlAPT5oIQmosjbcOv+a1k9Rxbi\n42ir9Ko7rLX7uu+4t3VOuKk3S8410XesQrLGh5k4BuRsyCIePUHrGAEYlVqH\nrIkzwTKgbbtyaG0RUv7pJMvrMkhX56/Sd2mhj8XlTMxC0Fv5PHQWFe7RQmM4\nUSsP0j43DFOhjc5v+pE/xIhthVH+SlSgiUJkqLhu8TrJ5z1A2VGxlUAabTl+\nomwDbE9jt8RrjsrE3Y09g65TXX/bMoKETOs2kQx/sS9SOx6Lh4OLSWjSw49f\n9hzOXn57MnBUFefHpQorM/QpMET48aift4xAs8oWfRYb/BDq/ICLnxrs4+sb\nciNq\r\n=kz6r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1e9727cfa2fe06bbcbaaa28e2eafec37b111b875","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220920538","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220920538"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220920538"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220920538_1641761615539_0.16508505498185144","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202209211330","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202209211330","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3d4fd87ede97b3358f52ac642667c6258784a5b8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202209211330.tgz","fileCount":16,"integrity":"sha512-uyF735+tY9M3fDdcBXvt+ynqaiAhOwyARbZKkoIAcTHJe8nceTj10axzVn7k+aPFqIVuyCTgLDobS/H3S/5C2A==","signatures":[{"sig":"MEUCIQCkAFxOz3j0m9OOjdo9Cv2Oh2ELN590tRKlZrFkp84FrQIgWOvcGggbpdFyDTOjTtOSSBvy+JAaWQRSb7rTTi6RxEE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21ASCRA9TVsSAnZWagAAAmAP/08cc65u4zOVAF+KVpSK\ndQV/gsbgMiXFAPxXLu7G+lzuGtGx3h0x2DIrff1UeKW/yKF5G6/u4AMtTmBB\ndTBx+gZ3awt8x+KNLjnmmfHjdMJV6tSP06oNptvZwVAgl/co12TBSayHjIc5\nu1SSHJpUssgNtJXaTPrhC1CjlcZ3V+QaBWAuGjUPR0B13UAX26+ZZ+CJ4GtV\n+Yh7HQVQ1DqGA+zgXLI3p0tq8IvJmIc/TtkO0L7aoQs3d1VPK5J4oMz6MJOJ\nXHj5J+z3khiplFzcyjE9eP8X4TtrAeUV0V2jrhceG1D0Nb/A2+M4bThDA+h7\nFMdwOjr5utJxl6PmFopKIpmLl8utigTs1zfczBswIwqt7twk1p52ra3pygN+\nongRJEjNK163eJpgy5DzE8863FGtjA7p10RhrK0hI1/1WmfOj1LR11Zxvq5z\nZlos+56NYDdMhlF8kLN4CDXijqffBACqjuhIfclXoNgsTscQ9Io+wSg3VjFl\nfhWiaFE4zAHDuvsPkv3Akbmw6JQyUHR+OtAcJwlTBoPs5uqglymy3BXIVSVP\nv/iD21hGcBPWLPKg/mVv2C/1ofSwZknjKb9dAlnPqaNck2SiQzGEa1TelGVj\nzlM1BbuWI613v71/+htfZOrlMqX8bZh4J2lRaFRqQJl77AhZF0F2MpO30Ytb\nKm27\r\n=7WJH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b18ddcba046cf5fad125d5efdbe31f414e4d9afe","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209211330","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209211330"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209211330"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202209211330_1641762834804_0.028444953510444293","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220921590","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220921590","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cf2108ca9133186dd14d95b2d11aec25a255ab35","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220921590.tgz","fileCount":16,"integrity":"sha512-WMdjeAfp18xdtKHGff47BDxzZuqco6lzdEZQzRhWw9wk0eAAocoWoj+PMel3oPyZr0NuV1dQbW8k1UWP0W85MQ==","signatures":[{"sig":"MEUCIC+scNa+ROJLu3vfIByTyLSqJhXjof/9G7ccyKY7uMzQAiEApcqu1EA+K7Yp/QfwmAg8S4igtM4jGxfhCPJOkMdA0sg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21q7CRA9TVsSAnZWagAAvN4P+wXyLIJvFp8fhSzvmauS\nouwSjFzmF2D0/640IDFZaTNscskMGw+sjwq8xvsustsSJi5enpU3DtY/Y+XW\n0D79ekggANGW7BAfQbTKkTlO5nZE5u6odE77bLEaj17VbVAS/diOrcfAJeXo\n/QRrLfuuaJkWA+WjJ78kb0a7G2jEn9YYiPMkQM/IMFlZ7Wmv/NS3CmPXC/O0\nO3e1uYwUMVyxkW86ZchfUJvfYgieeS22NKinsc5ujLtepmUpyjlCVhd4aDpe\nGRmEZwJExfmXp05sfnZ7NZuGSGc2iaHcfR+ogySadc0katGasgfM8KcB0MNi\nF7ugQmIYQ/J8Zg6Qa8DCy7dakcjt/7alYJWOvofbSbr6NUQ1tGxO/7Ycsmf+\nSBzXt3+iC/aryVdVE6j0S1QcxzuM6OVMO4wUeGFpRYGbzUwmQWSYTT+7/jb6\ndIayWTTq1vTOgVppMTkJ8sNRw528ucwisAW1uvoFySzq8bOHFCAnoCutBO2q\nMPgv4HsYBMTeoOiK9YSeiCbc8xPo1esSMRHiTJ9kyAzXk+dxovTsyi/gJTkq\nm7DZ6vQJzhNlA8E2oaqzz9gseVPU134aT/9qwR/3dhb5JbDEFGXzreeh2Wg2\nIYOUQ8F+L8mRcPo6hpm1GOoMI6blYdBgSo0n5nnupCCOQ5aE4A57ulX6qs85\nfUct\r\n=UZC0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220921590","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220921590"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220921590"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220921590_1641765563388_0.3809217726676326","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202209231642","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202209231642","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f0d81772fabb5b2ae3964a27c7dc934e7cfa1244","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202209231642.tgz","fileCount":16,"integrity":"sha512-x36Q3rEG1VGYTvKWNSCLxTVq2atG4Lj/YYms2q6l0uDPrmKxwJlQZ4bNHEAkTLmgKrytOhvzkTU+bubp/irh7w==","signatures":[{"sig":"MEUCIBihfvjl8eY08XwzxSXkvxFOwhaRLaE4kn5Oi+fXCOWfAiEA9xAJlyWWOD8rLxcpmcqpUUP8CN92Wrc5PPzlOp8LY78=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh22zxCRA9TVsSAnZWagAAQ54P/RCvBLB5nmK0/tqv/+UT\nLLcSCLc9PslwoXkr6dKNmaYZrgcRAZYeEaApBjmhopdXjOtnU2wqisZnoUNc\ntMbJafrW09oyfAVVWTw1f+Q7RcHMOWmIpXIaqSw3ZByefE1SM/zKVuRlF4ND\nf+0Y7ioOMBm7kCumnPdMvSEOiUtbz3S8FtTdYPnCaMQrVBHBgs2xUQirl0fi\nKmVDNwDn0wJ7AgivjZxSnaVygPQzAUVxziOqQmWF3N2f+YaKkuVwVvInRnM4\n4eWhZLMIkir7FHNwLIXO6Shu0RiomKkMqT7h6/2Elovxn4b5ZvBsogRlqGFz\n6EkqKdwBI5YQQc8xMkjQ520SvRBQt65LmKcv9XV/reoIFGxtR1JiBZXXVnlu\n1rc50w8810+UedP9CSZx7mKvIaYRvRpueeYs60CiPBQFKbztY9aVlkhYcmMc\nMMxliuogV+3+pyVPa5kWei3/o869dmq/oLKDZy7KhLexMJ2Xxa4x7KucW3Pb\n0w1WGtbyced/lojGOzTwxOtChKZzOntAfb1l5q1JaYXnKNS8e9lAl33SlJXQ\npuCsVtDDr+yhnNO3irm2PAEryLh7vQySrb/Os2E3NW5xyKPcgnaSuIV6/cu9\nnzQN1BjJzINtEFjPdFTzGMMrB2/U7jGaVzZTMzcIHZ0geBKaWuzd1Td+Orgh\nlhpt\r\n=JBBI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209231642","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231642"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231642"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202209231642_1641770225015_0.021911741725163525","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202209231818","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202209231818","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6dcb0b63af4c066ff116895d226a69cf098c9891","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202209231818.tgz","fileCount":16,"integrity":"sha512-WmjA3cuvTcDKuTxlpsybchGQTXe6/QZMcxJcIQogPEJivZdmG1Vgt8Gz9XWIW1n0NNfuZgzGWeohN2+yVG+EzQ==","signatures":[{"sig":"MEYCIQDOXJcOlN4QO1gILs2z6Sk4IMj7vNq0qx270++4uM6zKQIhAKxJ7fAtPy2/mdHC2SeSdtvxWfK64Ji17NqYTRKVFbXW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221UCRA9TVsSAnZWagAAEU0P/j+snWo17s8871vkKcLM\n6nzDawXEHta0uX3Ke8xAEbjobNP4XZ8BJRe5wElEiFyZ2XSJCJFPT9z/Ft3j\nBDlBX2RYv9e2uD1yMesIoWCDueP2sVSUZxOKWJT6urqSHsw7kM1Dv14TF7a5\nk+jYfkicy3k0Iuj5avfdpcGd64oRm3nY8rm1oG80D74FVUcNjSkRQ6GeGlM4\nIAnBFOj3S80pgszO/TDPSBva0XUjmPbMQhTuXpnSqr69qzjFaZFlLjvs1twe\nvPupQPjrKwJPiiM5jd9/9lBoSLuNmVZ4MeQq1/9cC4f6fFYpjRrrjyr82l0g\n2IBG9Im1S/0MY5BjkhDGMbx4/oCtXzYXYObAaBHHpM9EmO5tNnOC3+Lhfbwy\nDbmHz0rAuMmvfnCrZhZw/7VbruRUmVmlW/fGaGEsWd5693RI7kE0G+W+ASiD\nB7JWDylclWsQ4nOFk1kcbgI1g30SFiippD1wxKUrWQj9VoZm2Ch+tgpFXJbl\n2Zo6uC+mJiBd+ueGXkFX8XOFcYgpDVjpamki7S4QoIEDgxa1d2J2mquiwIVb\nrcFp4jbRIYN4ZYKhH8puZos6/7B7DmJag+h4TgZoMKyMIQmH1ygBPVOLvusf\nv7nUHbHjkd2Gx5icvOoi/ihOac/PeJa0vTJW0fQaEhgI+gwq+yxPC53PJCgS\nHx7e\r\n=F+v+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209231818","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231818"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231818"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202209231818_1641770324115_0.08390743901780895","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202209231927","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202209231927","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"10f296dfdf3a0a6f077d9b1b82389f57f95f51e9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202209231927.tgz","fileCount":16,"integrity":"sha512-jRZwugydarj/iJhIg/CRFUK9X6RIxCLZDkRbCHT/Aybgwkiac2MgPvyOOc0sCPY2/gm7xEQ07aYrnCUhmVI8RQ==","signatures":[{"sig":"MEUCIDOrAQdjb6S3DNW92HtSzKAagdgXxdSipdqiex/EkLWNAiEAzozRhBl3hcVrP6icC6BmBIW7fJkEqa5xvuzydcsWBqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222ZCRA9TVsSAnZWagAAplgQAIfoW6ZGreOqlTP1U+N+\nUlZgivxxVpaT8Gg1fCcHliW538evtKDk38Iz+E5/8r70TZl1M1o1DTyfAhVH\nwugX4AqSTIfMleAxEZzMazKG/lFd+1c/WjpyBhUAbj1PNtKyPcP3izCoybRZ\nPzxbzz8iCsJ0lRbQrm4YDMa7ly89iEnogmXAGUbkHfjWCbZ2ynOl6IpnNc3V\nrC2YiQyv3kaUlT74eAAgzwKyFydRaSlLc5JmcQdPDGaKoWyuRa/M3cOILIhS\nNVffmjjxUh5DbIdFU6glsK+nydE6JQnfkyZcLfbHu5Ic/ca3xYOIQnr6VnEJ\nxtc1BV2xdiuSsYEn2a7c7E10Fp1qWxvH9KADWUJcbWkOxYHKbzorWeYtCCyK\nsVBW2OExApwe6MAJ8hQAKaMqvKjOmYMl1fVxMtT6R+nK9Fst3uvoMYgsm7Jh\nOSELB21XJZ8lQWR0380OmRFE+rn7Adi6tB6dDTjkiLv9b/U/+eli4lcN89uE\niPe3OqcpEHbUlMwADcdPjQYrTkHW/96/iQRZh5nNcIPeag1REPmE60XvTy4C\nTeo1pIhSzIJUz51qkFvrCrYUy98S5eY0sRtgNvJwgsPRZp5sPAbx9MS+9BF5\nbH4c2M7f0TJfRLF2ImschlwiSe+lkrizqQusahYngCRSL/NiP9tjJPjM/c4U\naAxM\r\n=Cme6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209231927","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231927"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231927"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202209231927_1641770393244_0.06573862615293002","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022010134944","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022010134944","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5b8f313cb484642935652e2c39850314494e1c09","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022010134944.tgz","fileCount":16,"integrity":"sha512-hznaQ5UIqQv0QfMBc0+l7nKEYqWN6oqy3DYoioXxDoDWQIp7eS8Hwh63DFhPTnueyzRqMgFi0FErM3Lj0yfECg==","signatures":[{"sig":"MEQCIArpI7X1XjVr9ZndgcOlthlrO54v9GXtDVGo+uHOJVRxAiAX07ROE5fMeRI7VM4c1TC9J5+0y/AJJ5dlfhOy//9sfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmLCRA9TVsSAnZWagAAOQEP/RSp4DEHvvxfe0/Gl8HZ\nMuXZXJZiw7ezyVVarjVaeF3ixEnsMdCf/51kKQf3WY33bkdI0ZyGpqfnFyJZ\nvNq/0u+LjOpZW5AWER1j7FfryX1uEQek7XEagiMv6OYFJQzO8jMy0sCH2kvj\n4md8g0155TheKmvbmT84VXux57czNh1DUsF89Q+t0S2xhbQ0FxuRanKsy+hp\nRlT6A6CmSCzPpUEAv2ktThZ40eDCAi3xZ2Q8fyhDzfzp13inqsOkHFRNZK+6\nusjZJ7kFyy+kVM9HmzEL6I5WjEx/MAnIJmvV722KN+XkN4Z382OGXgbb69XV\nngePBuBdPmDCv+pz6mT2Zv3AJ8/X5xkU1ohNqBj+cAFxcUhXbBZBtm2F3pG4\nSyvEC5q2bJJkYF5ZonhoKyduon6FiJp4NU4+oWqYdGHmrUdR2C1P7m1ewH6x\n81om5wjYSbnQojndQuBzgSWKgoqjhaHsHsUqBx1N1Lq4iKDSOCnk+dnfeHqg\n4Qs8h2VQc+IB5v7kqhMYyqu1WzSfiyp/SpqLgZIFAeKFneSgR3iYi3VbdKyQ\nivWoEEouAb4auyr0x2Tc/keFPBlzWnZCFUFToDNMiLMQ77XoNT/dTSvPTNQc\nlbeLFUz4/z3TvOTumnYa28Utxsm1yC2IvY8eJCClaF6y4epUHcQsl1dWKwMa\npbUt\r\n=4dqN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022010134944","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022010134944"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022010134944"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022010134944_1641822603613_0.11939519970246582","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202201013510","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202201013510","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bac88883acc4adb989050dd9a35cedd676393886","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202201013510.tgz","fileCount":16,"integrity":"sha512-Tz1QJ8ZCZH/rXSWeRt4zM88YXRT+eD1QJKWNAJp66IU7embbAvXtzFKgMD6C6VKggw0JF5d2xcHU2Byr3vdKeA==","signatures":[{"sig":"MEYCIQDapwNYEykn5PXBL43M6ZFUxyLLIT7KpmnuhL91wBQ7JgIhAMqLYdgbxXCN2w22tE+7nElsGMBdVgF2o6GUlUlOtKE6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DnaCRA9TVsSAnZWagAAsW4P/0HxXfgHTS7SoZGpA2+7\nBLGG4maqu8ofuwyJtnlJVMhgyOrWRE7VNYWVAYp6SHhJaiXoDKLzQmZBO8As\n8sRjmSV0YWlk8iTNVPWsWB9StT0ESuDd/zVhZa6J9U5SNPlMzs535k+MKuNO\n6O72HltunFm8LRS4GU41g9QaKGCqX648SWhs0pqxL+usGY9DsiJahM29Hw3c\nIQad9Txfbg3htA2TDQTUMS7XoYvUAZiBXc7b/4oXKegldLoWL2028U0gHLkD\nbeQgjR1RVQFSnDEoE1LWmyz/20ZqbmPYI1Fgv6OtyHwXFreH52x3kuzZMVxR\nEZnJcjRc3d+YNKK1cKvc6Kkzqv7cwHvdIDyDEwbPN/7uMPVUKrcNmZ6Rnk8j\n37Dav2er1mM4UwQBDtuIjUmDuQMwky2N7fwxFn0F1GYDSO4fShlN8MdtZXB5\nS8x/QR0EIGdU4lp2NlhujK/P3fSVcRH+Z5hQPG46soaPLIeJGstye27E/cg0\nnIfV9eFp+MbmVHn1hza4+FPtQAWUPuDJZ//We7F3AdahFqDVgt3/Gunp0fEg\nVaVACKRh9oDRP3bizxh02M0BjR6GhtSAd2eIZJhbILbIXkihFun4EuMsMJ2m\nkYijIy48yvPhAHTxKEJftJvO5aekQ8bSXNMmrqHZcoChqdOZBjqtyyC0lLMT\nRdB9\r\n=9rsz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201013510","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201013510"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201013510"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202201013510_1641822682689_0.6689467973330303","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202201013538","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202201013538","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2eb6aed5b556a5c30b8c390e0c71e1c5cac88654","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202201013538.tgz","fileCount":16,"integrity":"sha512-CDsTLPk+fpf6pSdFpiiiidPwbMFxu7IfTzxhJQX3sV0IbzER1uNcGRulGEhIAtv2NJStjc7PwUViY02UjoRKUA==","signatures":[{"sig":"MEYCIQDAAxo831W8NHjP4K/gDn4anQPMcs3YcKRlRD4ILI9zEwIhAPYBlz+BEaWjeuweJoFOKHrD9CruIQ7U1OmOtRByj9Ed","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DpaCRA9TVsSAnZWagAATnwP/jda37tiiBt0BmaSpJeK\nIT6Ruo5D6ZDv59+RHe2oX4qwb/Ha5/+4/gvHc5f2PXTD0hLXn5klNkM9bGIP\n9dT0xyWX9eK3BijfbdadmZlCWnSQwKUitQWog1QepLC1hUf2/w2R0agdTXU3\nR9z4qkTMGbJtTMLLC49kcJpXElMaw1ZnEKvMwTmwIhxqjmzh3CLvVdatCsFH\nrOUPPWSTxOut5eZevwoTrE3sNy/K7GjUJ6ui1CARGLQF6A+G0iJfs+CtzX9i\nNnNsLOVDagtO/EUoqVbxE5D7gBtwWCY9AX0yWUyZFyq5J/mRuTzFeS7s1QU8\nyPpC/ZJY5WnAEfoKFyq6Mk4SPSpSTbNFq6OXdKT5SCl3Lg64rNGzRTysjFLg\nZzAFwCfmAgTglfSqj/04/pVVHRJzqSm5xQc5hm4rhU+15SaeTJE/czalwbQw\nMetxxr71sRidzPM7B6kNr9bUkXxYS37NXKuM//rhzHIlbhDWDorLL0LjLsx8\nTseKOrA/aba/s1kP41zeKVa2a3qw4c/yaSDvDCam1mbOTXkV61XejtRYXmo9\nB4cAx4/P/racgMqKJnqUyJwzlICUezxiYgDW+hxiCEjrB03WnNgoeHMUw7Ud\ndyRg4OLd29WIOhB7l/XWSlPd4QOQt4W4uFaX57syEN+fw6PeI9yC2s8jUabD\nVAIA\r\n=OgN2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e1907581faf50b92f840816c8ff7eac72e06cad0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201013538","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201013538"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201013538"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202201013538_1641822810548_0.3950727726150878","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202201117413","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202201117413","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6cb11b9c9fceeebe007924f28fc4f69962900c6b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202201117413.tgz","fileCount":16,"integrity":"sha512-oUUwUCUKF+4Um/wWxGO4M2GDASjHIID0t2mGQ8rC38AjVhSkNZixz8Jv6jLtQm/gxTIW4HC5PIi9UvSlo+6QJg==","signatures":[{"sig":"MEUCIBDfW3UBEEqlae0FBA943c4E3oC7X9RtHGBNSd3iksQqAiEA8qu+QDWHgrK3JLxIxZLkZaidp+VsVIw23SmEx8CgHGA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFFCRA9TVsSAnZWagAAuX4P/RZwEMYZBdnzY3cTaUft\nM0Nu3zD2SOJBTOqyAh2/uGj+B3OiWTdSp4Tu+To42jhRYD0iWDtAJbth/gFV\n3dSO+WE6ogNqiQBG4J5LNLlrebV5kzjKCDkgL+p7UipSXHb60SJGwmR/3A0k\nvvoJ7dKTaGWKYtQpBOe55/Q9cSxr9sjWQL2ulQWM1x0rDp4JAGPIqW34p3Jz\nIXhlh7GOEhM07Jp7MwuqPtYltNXWFDPUxXS9ErcmFYI7rSuta5fYY6s0b2ni\nhvrstlLpUZv5NJnmRemY4c6G9Je1de/xs3jlVtsxPDfLDBhKdQxMxnnKUE0B\nHKbHduVHATA8aOhW+GzjXs7Xs3jpDA5VNSz1YWDKPG2a39/0YHzFkOjrFwIy\nGxKmb6/vMepCg1n7V2BOfhFjJGvjuhn25vtCRk80CTEtDzbkPhwWdRETPVJv\nuRX0DW+1uCgUpzXyjnVvoBtbjQ8zfFDn//94jjz8+SmIxVB7ldozRVk85h8C\n7rt797/6vIQKAv6Gr3pfnzR1zyyGuQl8ajkTETHRDJ0bXt2zolFn6WUQaarW\nli3EFCV0o2y2Pco2yCW707C7gneOFy+fFHTPeGTWNZROysZJ+R89f15HU7YR\n1m5Ql3/Er1hR+1akMNFKtlL32aeVDwq7K6CXSNHcN/OetZZAGP4C6rxaAa3G\nd8yh\r\n=CoM8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"472612e7aea64de64c6744365f7d5c6a97bcc438","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201117413","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201117413"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201117413"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202201117413_1641922884894_0.441737722370787","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022011175644","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022011175644","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"893b82788a62c6f6cb3bcd95c2b95dbad228e717","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022011175644.tgz","fileCount":16,"integrity":"sha512-TjysXGfRiYLHFvJSSKI4bSzy0P//6sMojdpnusZ2z+bUmVAOx1JoVkLBs2TmFgAphai6T5EqlW/U5NdHjINinQ==","signatures":[{"sig":"MEUCIE+b/Lp9naawYM7cUIKyzv3YyK3nPqoGaRXsqKnALnH4AiEAmJBVMP7B2XoafH912Tszl8SinVNPvsJ8ljYYA16Cxdw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cT1CRA9TVsSAnZWagAAiF4P/0aiLi75oBocNQB0nqRt\n0WZH/Z+OrZ8oq+ga1TIGz29ACgG8U0jdoJMxBVfW+HE5GuzBSn52Jg+El1Ri\nKxvLdQt75WzjswHCx792qIX4YmvyPP4IFTD/d1mTW9qbkLGrYt0T+1e/UNLR\neswvkN1mcTnAtgG+NtSCdh6gnZm8lXuRQ8HBuIxLBmF0G7Q4dnJWTxEnRY5o\ni4gi23WJRrFUCwoS3E37ghuG6am8X0AU5eZKdp4ndrIMX+z7gwG7pTUO34IP\nzF4KdR2qKNbuMgx5W7jMYdDzc5EaM5+K1tXkQ2R7bGoafZyZMdhhquQOPdnh\nyFqbYMS0LOaKEN2GgRTubvSR3vTnvSLGuS8nLKHYnL9LVHjGnEf2goN6n/lb\ni+1jsgUYv9ouJnGLui0XjWNLXk+o+NCbLel6BXLnsAA+KPD52d7KAPAXBaDQ\n+BR/F9NLSIk2cnu3QBqEZnF/7OrVdP0s98N99JVALx/yCStbQeMuzSD1qpet\nnAuK9vwsPg3wUIroQ+fsxDnziTuMy6f3R/e8zrtUHOE96GuaS5dypgLzGiyg\n4nXdJPt5aTA/VvW34N7b95GgWpnJaj4mUgSPj2hSKATHPJA3QoAcfEfxW/+R\nv/MLMxBaRLB1wRXdA+DqRzrLFRHofs4WIIUxxC540tLcGvLY9zSqso4faTnD\n/mPa\r\n=chL2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022011175644","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022011175644"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022011175644"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022011175644_1641923829044_0.3535506772821706","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022011182024","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022011182024","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"136ec8cb5bbeb69edb29c91757c5d008332dfd39","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022011182024.tgz","fileCount":16,"integrity":"sha512-ao9JBafNXSdScpywCfLO7rFqmKJdiDmRyuEY39rwHhkUSmXqidPREgYDEcECEa7g0XZJJIk76FLYOrJ7yK0knQ==","signatures":[{"sig":"MEQCIDjiV7sBmeN6HGZdibGRbksxLFac6Kq0HwSZooupu3ElAiBNG+6rSRNp4KuOuZOqKqKobU0KVZs4Iv/7cq5Ocrvp2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqBCRA9TVsSAnZWagAANPEP/1RBWd9WFtc9Od0JJ6G/\n7u4Yo5myBJzB/YK6+oKdJoJGtd6bYM9mPMGbp5ewe3fVCOXJYjJPB90PBGu7\nFymA22YX4ZaKG/jsBMVLwh+dZmtDM9xEAlH02VDyN5hwGxYNhMPHUpwRUSkW\nDnLAFDWpy/bDBVJstkknZJwV45aDn0NE7VAdY8h16cgYC+p/Zm4ZzX5ay8Oy\nsq5QMunrlAJ7YewifbInwYLeZfCcGKcKn3ustxIr66z2b4h3/6DfD3eXw9oV\nBP1+/53tfMGhGvmWkq1O0FXV/rrv84dwhDCb/+Ba5gIIcDSJJBEIpjwwqE5A\nhYKKN3MhIw+iun31CtiRTqVat4J/NpfCIwsDrqlt+Dx/QH82wbXBjt+eT0jN\nA/vqz3ykNe9p//fHEDwtO477LGoF8nY00hSrA96blzfYIggrVuxsmnYENLpF\nQP+uQTkNxGs0Gphr+PEms/CU3rAaYf4bwc9eReTfe4qrGQ9FI4XeoxEBkzJb\n/t8sEdnwjYM6qYQcIbwcjlIv/E4MZN7+iI8udu0lc74vNnOcNnmmg0GEyEjj\nR1I3E31rJ+yFnHDnpcxqW6PBjuPC8QFCJdmVLxXiZC00LyBQynWH52LQbG+K\njcfs6caUmZDbDEk9IAz0SrLkuEY62tWOHxzQ2L/6GqVGkl/SqoBbSEfqZRnb\n5I6I\r\n=w0F7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022011182024","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022011182024"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022011182024"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022011182024_1641925249719_0.4895800013924305","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022013185957","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022013185957","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ee1640cfd7f2f2cac40493058b214f6a0236535c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022013185957.tgz","fileCount":16,"integrity":"sha512-N9S4lG8BWQqXSP5lyVJswu6yneX/TqpMGa4Up3hlxS/+hZyQgV3gIhwYGB3FfHu5WekwDP5DG8XniTFzcIZgkw==","signatures":[{"sig":"MEUCIQDiq2X7EPaUxIMI1wBrt9wyO5H6MNzKpeLF/2vm0v3GcwIgW0LZtOCuseM9gvcS3Ecs8fyCfjneLFRidQepwVwnTs0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbFCRA9TVsSAnZWagAAIcQP/idD3vxNtHMHkx1yei/J\nmlxrt3AA8yXgWqKWsA33JKeNjqiUosk7nC4IJJGa5DJjuwbnWYfRGOul8RJz\nVtzpwpk5lFdelkcb9evFgTTNDoQCXYPKySGmMi7ZhxM6f1keiwb+AIQUhDmf\nIBBXtmS2qNcuvo+KTPz9TvPyT0LMhEjQCc/TtF2yTBomzW4xVAkd2BxinI88\nSmmC1gy7SFcc/jD9laZRMqqGSrPcgb1hyGZQmlb0nKkvNNhAUwfcpj9Bbm8I\nF8jrmHqn62N5V2iqX7JWGftLq4NyF300oHf2cf9mY93Stl2gv81hURzw5Yhr\n7qdnImTHqE2+S73kqFpXVGwpvhrmKW+eD1N3iJHvoXQ3jDaPvGRm/1eUiBZ4\nPxtz2K8kKvyYHSn+t0KwrYNzuMRf268Dz5dp1aR/M9AxDVTPUn8pOQ51T6H6\nh8YGkLCoBo5F5OokEio3gx4CiuVdyzIeCYuAk5fc9yoSE8N4MGCZcMduLlc6\nnqWyMnWI3xWb0l4ofviP8IgGI3Ntsxgo0huwY8MKNpGaPkqMoSrYQRSEF+Fc\nMCsWOiElPD1DJ5gfDqp80IHvoK+IZNmTURde5HAeK6GgUZWBdfcDjV2ZSMbE\ny8baxg5sxgYTNrEq9Zwf3IDZN78eadFe+180DIuStvLA18WYhqt3PM/23xZ9\nL0sq\r\n=WLaZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022013185957","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013185957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013185957"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022013185957_1642100421250_0.7580420921518738","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202201319022","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202201319022","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26ade2b29eee0b69185d534d76720dc3c6473e01","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202201319022.tgz","fileCount":16,"integrity":"sha512-P1bvP4IETjwxs9JWKq4D2hlo/HQoiuK9WLMo0O24wCCsxrYPMyPfptJiwQzOuakpP/cOcz2XT6QAMC6lPlGwkA==","signatures":[{"sig":"MEYCIQDXUdxNvdChomqql0eX7YRMjh3KPwaUqEMnoyS1tj9f5wIhALc/Kusn/baySA6jzB1qQlXC2/dtXaZy1c+0/2GumMfI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbfCRA9TVsSAnZWagAAtwYP/39u+jmOu62LU+9/NbOU\nPL1Dh4Zpl/xLo858q0U3C9lSdhdLqpo93AOVhfuduLfVwka17S64oYdE4mYk\nF27PKVJvnvy8voLc2WgpL8RHkRiVM0uM8nvWidRK7nRDp86rSNlUV1x0Zt5Y\nxJ9dd4tuSs1gbmyI5H5q7cwN2e6VbtKM6RTOMYSOe5qxtmTioRul2YsFbNwp\njIrFeJ8zD88ry4vouo6VjAdk5JqJPNSOzOh97haj7a+Pc/p/RI7gwjQCJ1Tj\npoigw6732n1DpPjnAxj/f6xQFiB5+v6RpSVY+XgVCcnGSToRd2ZwzpM9LTN8\nvcXly7JHSUgffhxUL8UoGltpj/o6Gg8laGwKIPpW73Ey7Ig1yzasItCHfpZv\n9kQ/6fQOEIokKaecJ128pv2ZapAULG859cQ7ObKbBgrJN7xx797Zo9tTfuta\nzkB6/fMRq2KlUusjZU/9zUvxMH8aq2css+RKR5ECb+GsIZOQ8SjaMlZ9skOx\n+9N/eSfQAuOj5GUgP82WTB9UP3sJGRGMhePTgZCpJowmsT1CQsB4muN0F83Y\n17wn8R4g8mF+wO8JTfkT4X/uWTzciXj9V5LupqtNu+OusQI6zs2FZ7dzqKzL\nfIDeDwdWadc7ztWRfya7T+S5FG8RuSTe+wSZItCHOGHF7YcuYCk+Tf8NmP5y\nYNYQ\r\n=Ivb7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201319022","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201319022"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201319022"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202201319022_1642100447435_0.5217599258958436","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202201319130","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202201319130","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e6e54a0af6a78a1a3d7b4c0ae8abd73f8203d77c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202201319130.tgz","fileCount":16,"integrity":"sha512-aNOAyBO1brY1CmFt2e2468M6phhwqD9KrIc51aWURi0BQapGw2wWQFC2AOIhrvPUZvBqJjjOSiY9H4q85LQxcA==","signatures":[{"sig":"MEYCIQD33jPslrhW0oiWjmDfbar5Gld+irrcRzKAQ636AWARYAIhAIDCyZlCj9zhtaT6q0zhax7puHodgD4QN4+4grs5ByAq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcfCRA9TVsSAnZWagAA9e0P/2VKQPKPi1r+CGw2Ru6T\nC4S2ulaOvDN1z3yr0KqCtMhymGzrvRlq12z5XotltGzSFHCg+2AfhZaSK4hX\n8TSBFEejMWAMyRglPn3jfVcSpbZGOvad+KtVCWkdV9FWDrIA6hcBAdQ09m8i\nsbAh9flWv1ZQhlIZLMHxiYlz+/QhXt1BgQan7u8sLckwLFWe94y/7vKSWiKU\nN8gPrBmVDewsCg6g0ceKQwfAHnN32yM+2bj+6Eli7MeqMUkhtPBq4GG8B5T8\nLBNbcXNYM9az17AGRWwsz6UPlem5Tk/4TJPZc42Agvo9hucOPvSFOEQjonOf\nqXAQe2wGEfxACacGnjhA7EjVrQrnhcmMP6CNzMI9whw/MzXqmXel6KvnGEau\n3T+WroZZn+euBiVJ5XdXFBZRUzk4ueAvA+m/WUXoi8gez6Gk1x1Zrue41/LU\nh1EzzqH0QB0tKKNn7LRnKArR5RX20qjukgE2XmAmTk+MTtXKNssb9JcsFf0S\nJ3adseckP5n5U99GzQAPQxPoZSpnV3ua7BWCdbbHZuE6DI3y7Vrs+JsMUYXL\nRqe1Lq5P4kX1LV6J5MwM7kcq52WVyCY9Hdcy5HV6lMIakTx9k8F3hyJsFmAC\nk5ZlKAxmYs0lscXqETA78Qrw3SQW6AG3wlIlN4B7mMTEOurouX/mBo5Ky8c0\nFKHi\r\n=N4+z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201319130","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201319130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201319130"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202201319130_1642100511820_0.41562286529125436","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202201319211","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202201319211","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"143a02095809e975637987fe91629cf1223d384f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202201319211.tgz","fileCount":16,"integrity":"sha512-+bEq0nuI/59LFPMoSaRStJ1i9GdTH4ca2iyjr0tR9W6lboHh95fVlxM0naEeGzftL9fR4K1heKXs0fIKsxtvEw==","signatures":[{"sig":"MEUCIBxCOw0Eeto2OKLcYyVcpGecEK7iHW9qr8MoNJ42BrUyAiEAzYUCJzRpBWRu21V2eaRHtCslGOeLT5xoyrYlHiqxsvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdKCRA9TVsSAnZWagAAXXoP/342KFg7GZ5/8SrFLLOv\nKzQikoI06VmOaTLthYY+9sanTbjLzuHBOJ3dOjkv98BtVWQCVQERWdPlUffk\nzMU2uohweKk4+sl12gJZz6ZMSaFGrHIx/1JEAxLr1IPTFmhUjYI3WKM8hXAV\nlt2cHWlprq0jga8XjIRt+ZF8YxRRVGTttuIJgUUxHU0wAmNiwm6fZmPOE8eo\nucfa0szvInoTDqDHNjkh3NGLiBW8ZXdqNwS4eSiDi8tHsZD/MPNy6Th5AgGt\nsM+Onpus4Za7mJp+giUlPc/Gqgljdo0Ph2dFpclYpsCVCI7+cH7unzaF8pEz\noBjomv/mFBrwwIsN44fN9mgpE8dme6NJ+Z+ZGa/hrXBvcLcUcZoTxTWp7/bv\nmawpExR3ttjffq9qO02WivA048klz3qW+EYaOCzaN0Xu/zR3K175+eNhi2wi\nWv0x4QlgCynRwakmy/oS0V1EPKNJ4Xpt9M7Zp5a1Zrp47lBXVkidoRcEo/Uj\nR2r5P50aQJFFGRQjDbiB7ttyDpNVEIihi8AAPwTImJDlYAWylX/dPiFEn5pP\n7yD6rFMwCnAgOL1q7Dl0UJpdN/jo9KMpTmykzq3dl1Tsqxf3Rim2D5lqKQBU\nOnM9UNoNkwBbrOktpmwSHuHpyp3ejUdQKAabc7rf243EwYDW5ifL7ScIGP1p\nUU6z\r\n=9gKS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201319211","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201319211"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201319211"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202201319211_1642100554846_0.3780048330377521","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022013191557","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022013191557","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"635887caa0e167e5920488a8e7645be3c2025ea1","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022013191557.tgz","fileCount":16,"integrity":"sha512-fBEfu/fPW5l3VS46avOH3VrgKJ+dLpBA6eQ1/DKeszk0CXZlt5IAOpWVCGq60mcBGywliePJ+DKzsYg18zZLqw==","signatures":[{"sig":"MEYCIQD14aQiCTUPw5/aPyEKpWrYlm6a9Hl5t8WkECa+2kROOAIhAJQgOGtLovAUkCjL585HJG8ZcMn0oR1/eogeV9Lj4WNC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqCCRA9TVsSAnZWagAAtFwQAJixvBb7PPU2M0SIpe8C\nMewy8prMFmcVdwr6TarH2bQ3QC0kfOSHBtUJcXVBBDRyq9ImtVbS4VIVEbDD\nVpCYnh3h2IFw40IUboM+qlERvva0InnvsZPdU4ZxHDajML3QVqKNBUwXbQQ9\nTqgTmQYYky/UAWEpf6FB0i9V1iCNSi/c/MMkRppfhFP9Dq/cckQKRLLvgr6i\nSE9rIyMK20Nww8+g6BUlLCgQwQpHWQi9YybEpWuTRdgSm44IBUyfXmKAXk+k\nwznX5688xyXZnClYLDyGrxEyWGBIQa5+eRsxag80sQdWRbOX0qkwmWpcZI1k\nUkPRq/ofYeXpb0zHF6eGjTv00WqvM4jXQbV4GxevRMNyKbYjVdnadEoZcQvd\nZn6u0UxZCLjnHHhnQ+bzqP+EhuxndelMQAZe0JgZ0D/nrUBCAvymKhEx3Ysn\nAo8o6W5dG+AJDv5gRpJCVPkwMEu5ZptejvVSfbKu9ZmG0sx5U3NWsPs5e1eN\nCT0xN6fWeXihA1OfCr29/DlT/DyntZ1rRhFEE+Vr/L4jRN2yQbFEY4xRYriI\n0VKVOL4Ku3/wIrtjHBk408U7OY6vCTm8NV65TFFr75bLdvPnJ/ZslYCYWeuM\nSbA1iV3LrbezEHl96BO80VaPIMZ2tO6uZDMTjz5X6MNskU5uP9G7F/33hvXR\ngcGj\r\n=22u3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a6219c93bfc679948c240931a962dbbf1275d0e2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191557","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191557"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191557"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022013191557_1642101378080_0.36249077192833323","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022013191627","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022013191627","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"746e5b33815b2e2a3d7bf9a4243e15ff738a8f70","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022013191627.tgz","fileCount":16,"integrity":"sha512-5o7Ack4pn93pqEA1YWZbkp3X6d162040fGzVqDNLhqkpKxP1/hudS/iokaPfi6c9M/N5CdCEPb9XuG22v3zZcg==","signatures":[{"sig":"MEYCIQC50PRzbwxXoVm0jWEKaYenP7dlsdjs8Y+OCuLTeXo3ygIhALfyqg1EyGX9C/zhrR8IL/2Klb7kbUNv3YjsnqoRMySu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqgCRA9TVsSAnZWagAAJPcP/2neqVXae1ftVIjtetzr\n8svIR9lpGTl8stLT29EQQrgCHO4PwGhNt4gsdlMhltWogYYLY/OwwlBpF7RA\nnTkVmWorA67eYQNjjXueWUweoQxx4RHuZABftjhSy14hQ/Rh2ViF6aPGVmKA\nnY6YXs/0C4tMRF01Q+XwUa/umqp61iVX3O7OLXehQAKBl5ZM0WLGIljSBCiO\nguLyayg58SPKrZs6/0fCurZP9LOlrzgSQ6glT12+eXwKpqKycDZFsnPcFLP/\nJ2q4vnPCTqAhGQ9E+bpe3qtmE6UVOrwm8E84MiP3ujXrQBcKVF5gyVcNlLEL\n8E+laoaJE6E+R3goFgWg9mUFHM8kjS5LZVLqBIyHEP9uP2yJFAJmgu+qYr8B\nuZ9IW2nlSLtHWVky7Krp6jB/XXBAM1eVGYG6/niIfRelYkQ8F7NtwPsQ1zhO\nhnN+kykZW8sAntmeTXuxD6EXRKzQlWz7LBZ8uPoQp6QULUBHfGiRi2StbzwC\nuZhOuKzNVzuYd5q5ccT2Y02Ksa/sNT3M14fcmK089k3fLMCfoU+PKOjMQixK\nFNc4/K8oi7KnIbFbYg9OxUpCsN86ay8Gdg2xLAZDj4DnWE4CLV8bxKr6Mqi+\nc7GUCRaWfrx+QTzFkJ+N2S6H6VhWOYPor1Lxxcg3Z9ALXv7WVpSEj5ex5ht4\nW2uK\r\n=KArI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"35cd42c5e934d20b58adfe0a2e856716b73892c6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191627","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191627"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191627"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022013191627_1642101408672_0.40179841311242814","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022013191632","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022013191632","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"968a89a78f52986358b5e05d58defb4454ea17c9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022013191632.tgz","fileCount":16,"integrity":"sha512-VhJkkciZtBYJlxolwyBlC8WIKqDk3+8RPArYabr7TrJEwhrDEwHNN0Hv5jbefocVwq1+DuMu7L7loykay9474g==","signatures":[{"sig":"MEYCIQDY95aC2Lr4umN00X8RbPLuqBtmu+V2oIiZwuD/+jf7FAIhAPIX6GBXuksU26LcDe9PSJKdPj97vWg8ZBv3t0/Pb4E1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqpCRA9TVsSAnZWagAAuQYP/2pz3cBNixFxFXYEHuBi\nqv1G3i+Lle18CLYaX+0CFTzsqZd9skIqXSdDGGlf9sz0ASaB/XySki5Xhr2i\nbWL3ccVevW75IhbQPWnwJJ9VNFPe6YblUhCJPSo57VPE5kG3oHiLPx7v+HQl\n8UQqsczNRMHpnDm9OkehBsPRMnk1A6RmboPvCmZi6l103UHzQGMztYAVunrQ\ncz4FGtWlh4QDWDO59KN6hiJOgPI/1wOQywtO8unQ+RsIHL0MurbeH4XTe6TC\nEkpYThRq2FlbcJQBjm+YWxcje3+6Bmb/61JwLPawg7FX/Y6u6LD2+LvQDfoR\ngDQgGhUMPB/6+G5zESJMmKVX5FBxs3VrKn8LpHciNFMdOEGZckg68ujOwZyA\nkHYzezOPVnevnz5mT4eOA1W0xCAvNDvo4xjUierad0CFyZaPOG1D3+rD2B2o\nJtOqY6D/pQfD2X0RmGSl4w8j6u+tET0O/HMLXbYlZWscoxTtiHupxGH1rOXO\n90bG5opOabJ+cppPKEc7CxM3dW+WnPbZKm2N0yeyPRALNoK6DOxkwdvSxLgL\n3ua+DnROGZ2Ng3Zdacf2OEMvkC3D4VngCJguuR/5Q1YbtSnOQfy92/AGzoPZ\nPPGRXEQwdyv7qZ8Z+sVNITCzr1fxKG0QYtTl/jTOyiAD100p2Mk7xLR/wBae\nNM7D\r\n=UGkV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d9ade3b2b8c64e5194f2678429235ebf023608f7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191632","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191632"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191632"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022013191632_1642101416847_0.803184862893745","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022013191659","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022013191659","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b3e03d6ecaa93a160822ea17c9e97dd135a0751d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022013191659.tgz","fileCount":16,"integrity":"sha512-lDFHsq5aMKtjwPIfAVbfm6rDKHWicF3m9wsZfYqz3qPmSed47NgodxMvE80XNr8RZow4bCBVg7yheeOPKdsDTw==","signatures":[{"sig":"MEUCICPehnnSlbKnqxeupTiXKlhNb6DYkrGXCGYwRCyojzWVAiEAyN/gJLyW8fq+gO17v1CVnFGZd1E0ipuPoirPBVLQOSo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrDCRA9TVsSAnZWagAAOK8QAJyJ5F8z3jHPNQ7muuOS\nznyUZ03ryIsuQLPlna0K4BzbheVJKFDFzOsOK6HvaiQ/1cKN+IWeYnqvvUzC\nvugMAh97xFWZlN15bOVhp5/bDkcjXYOJ0YY21bZaHkoHyFg0r0KwwPqHQYbz\nKQgu3pimqHUQwgaWyVDmSwbz3WbMjfD8tmdUuQtsDzLEGeACD4FaY3SSeQt/\nvEwGlqux8MEkNdLO1X1T3AaSU5hjJ5gbAGDM5MAn8oeXy8OihXvGJ29Ogcei\nEiuBRPHdzzrKhq/8eaqBtE28ivrqvLK/GZXO1SbqKidDSKEAH8pQoIH/A1Kl\nG0BZsccAk+zwhEPMj3Jg5SYK5IC8+9nhPemZbZPKoIC/ERceKFwQEdRg9Fnc\n5uYY/sws0gccVr6UAiVl2zyi0mODf17+8RArpXJGNSYQPOSe6F0CpOzd/iWN\n6KPCGnJKwLQwC1WADcuFZXpuRZKzYPB4pZvLLZvHAFa99YIw+4p+10ZjXruW\nbU+bdoD5WsHfCAI5qjpx10OK3wTMidyuhWC7C8hq7m4xm1SDjSt4SXH28ZsF\ndqsjQV9YZyGKs8fkPnnXpQbwiXBatozwTvRzs7/0TyHXmb5Qa+CD8IYM9vZe\nqjq5+nwXbbN0eUaSy4O4IinaSVERHsa+LC4N8vDK4cFWg9F9DuN6o4M8C/yN\nob4B\r\n=Qbkn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7c48a61f8c08cbad295a35be6075bfd36a403f6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191659","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191659"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191659"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022013191659_1642101443768_0.8983615004966552","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022013192043","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022013192043","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9bc454e056aabdb4328e323e9b0dd2bbd977d81d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022013192043.tgz","fileCount":16,"integrity":"sha512-I9e4cL8hxGwnxllFle5NThOmprmT4VMc7JubOyk/DoREvJPqeuohaye34qku2WHx4W3MLdTIWZHMxiT9rpq8Vg==","signatures":[{"sig":"MEQCIC7kt+VEfIjg/FEgSv+7DbiFc1vn3gzMDyAw0gduvM3hAiAo0nevdLO0Ae1PP9T5JBP9vaa4mQm2mVAfz2KaIxgTsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HurCRA9TVsSAnZWagAAf9IQAKQOPVp+2VfHGTT8CY3x\nzMKO/gVjuhDWHEnizLdnzmBn0QykVbCDyQ7ynQ4j3U7RnluerjLX83v+ELFz\n5mu9wL3nQkvJ7V/WTDPFwmg4V8BvzxVAL8XbsGrVZVHZSmBo0gkEyzjF8Pkr\nXa5r68iS3smBagaCSIfxChZewFXaeJveHDdP0sPyahf0LMY2kJtS7ALapqqN\nhnRB4wyx5ayZPoYzvTyTeeBi4Iw8ev7XaOVib2kNU4mBGPVPdd2n9icXg6FO\nosFJm4rvPod6iim96zVtCrOQvTOayXg5qFOvLnMXR9UsmfzmmhobIVCCKKT7\n4O2bRFIlRRRZiMj3zeu+7l0RQmrgkofCAyIRlCuEK+aAy/Uz+Xi+pcL1uhsw\nrR5C52IMbaVV1nPCX9Nft1m2eZATI8A0zXGUMkWKrhxjhTihJuozc8xofkkL\nvDilZkAmAmGJFJ7Mdg/NxZ2lQo1DoTUoSY1dyeiGhOuiTnzkZ3oTg5kJW89K\nvxSTsA25s6O+GyguBwXldNPLnlZeYrKo13nuUgPHnLEekSAmyEEPbUCXH427\nxdqMrsyS0+O9ZymjcI7zMu/Uy+WTrDlBeQeHex9KZnQNk/VzzleJLBg7+HMf\nUNvA5ERZCrZ68zfeO4XNQU2b4u71S7UP40NKFZUqHtjKk1Fg44I5NFIet4EG\nPIEk\r\n=LQg4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"360fbe69c665cc1b33069dc660bde05a8d62c16a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013192043","@chakra-ui/hooks":"0.0.0-pr-2022013192043","@chakra-ui/utils":"0.0.0-pr-2022013192043","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-2022013192043","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013192043"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013192043"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022013192043_1642101675083_0.4452204486742797","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022013193154","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022013193154","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a96f08c28d527a8262023b90c2a330ec105b7bd9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022013193154.tgz","fileCount":16,"integrity":"sha512-atlrvWL4boZUh3073KHalbY6fqNfFPmsblsq0VjQsyYM5Td1Y4EAL1wmwirFbRaKucbj7Ct4cYtITmMMQeOaHw==","signatures":[{"sig":"MEUCIQD7hAuFA8bhSX1Cw79VDqMU9JS/GF5MN9sCBC/6ZXXcBwIgQ2YoXXfl/E/1dcJWTO0QKDIg5rPn0YxKecq/iiIuTKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5DCRA9TVsSAnZWagAAx3wP/icfs6RMX4UGNIgHZbn2\nSTQlYFDocR3/CYUP63yQDBxFw45YXaGe7PBK4Ynk4BoojMKrayGQdm+pKOYB\n3hT65fMkKKGlYgTTKQ+w8igOrcWDxLTz5kNW/3yydvKAa3E3+8LhHRFktfLi\nXIQYulDiOGEowq/xhw7u8O2oQltTScYmi2w/mS7sFzbJR2WWd8LVatG0xxCi\nSSzECLi9Mdm9pOcJUyoquW1/r4XgOPik3XL0KGyht9CTORpkjkBafxmXAfQx\nG7ffscZllZWMwtjXsdfmGRELQqLrjZQ3YfkA5kkIEAt06Q5uMW5/Kkf5sWLB\nLKXPtUF9JS72TCAG9X292D9XvTa3BFftfnxtNMCKydSyJ5sL4LcMOV+lZkFj\nMY8hYp/uFrMbjA7S6IAY3KBrBiIavwsdsP75zMLaSVcQ5xPSe8X/sWb5ncKe\nIJEuVrmUmvKTW9XT2clzlAOde9XhHjBx7U5RoumeGlOUAq8sPujKuAMCRm3u\nAY3a4pglXks+DI2e35iOEgX912h9c6prh1Q2l1DADiE5aEd0GlI1J7IH4ajq\nO1ZL8iNyPd0HnT3ol68uIDXLxW3O+fHji9sMABRdWtFfPhmrr4/Bf4V8QF2i\nf6V1xBYNY51VU8P69zwtcPFNBPTlr9eZl144bJN7UKcyvb58thvxQ3oqTlz6\nJPMh\r\n=B0kE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5d796ed4dab53d11da1543a78875858eb272968a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022013193154","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013193154"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013193154"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022013193154_1642102338666_0.9637034402609304","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022013193526","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022013193526","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"94685d9a0dd49e1929b2db8a3a9145d10b374227","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022013193526.tgz","fileCount":16,"integrity":"sha512-KR1G6oCzr+E2drI7LySc9JeUExZ7vC5OLUjYiom4NP/oaa/RwwNhLNpL+gO4BIrWSWxCz3D3rQ1632Tbtl2lKg==","signatures":[{"sig":"MEUCIQC6/hk+JO2S90Mbj+Hz2nFo8dcOXpW1VlcEW2vagHKJ6AIgA0mzaze28NJxsspZcClXD9aC12tKQLB0OItqJRuLEVM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8aCRA9TVsSAnZWagAACScP/3q9c84xGSH4k1zwroya\n2gVl5/cl+ykcV7MwdouwWbnOvnhPryIiVgmXB1q6AiN7+FDixYdUIteftToo\nqLI9x0/aZ0Iyut/gY4QXB5YS0Ymw3jzOOIqWhJh0fDX5NiekYG1C8VyxO/2H\nOPe52oA1VtZnyscLck0Rl0hixWGmc9dXeVWbrg6w7jtRbJPkj7+vlAMwllGm\nOdlb82SPY8oka7ZhcdDE0rL9EdaBEahI13MJLQGPnNQebiJ4uNi0QFWpz1/j\nhgz8jgMvIRTGdxrV7X58ZmmubXGJQRWeoWo3+Rk/I0iqtRZhveeAmaVEP3D9\n0yV0Vlr+PpLf8pvoZaXCGFT300R/8T4xaB5GYTlOZ2RMn4KLXJtgUAxFkTGV\n1OCvq4TRIjbZD2k+CGKSU+kDOHcLMZYEKNCuOYFPAfUiAmt1fve9VHjcka64\nghZzV9ZsPlfN3UP9lwh0h0WEeHNartqNgODAVvv8cyb9uXXWxU9wFbRwQ9NC\nBEGs3G5iUFTa2nn1dgbtmMPPDI+G/PsiuMYmoHn5Mejz3CXpdz66hfck5nZK\ns8Gop0fqFJB+4+DWAYTueKoI5l3vR+0cfRhHL6e/1bKBcLCjMcL6lGGqs6BP\n11zsfKdV5yFiwO3fY1V9iEGmFRwfBcYxPNq+BJjs0EwpynoswD1IqZYbmxGy\nYRWw\r\n=Ibcp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1cca30b9d40397762e29181020f5bbc6e06989b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022013193526","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013193526"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013193526"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022013193526_1642102553919_0.5182674992052534","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022014102532","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022014102532","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"74ce32a91d99c2965b9fb4a67c4827c733891891","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022014102532.tgz","fileCount":16,"integrity":"sha512-5lMjR4UMnXtcdFX2U9I9sFUSJjXAP9HlrhLFOd/umzhWRu5x6g4+5iDT2B9LsQiU0L8um7mXpK/cC/q4+qic9Q==","signatures":[{"sig":"MEQCICVXwqZb0LzeAc4V6seSqhVqM+xHZZ6uFd7nxr+nDe34AiANtNTUV2IAiAmf2iezBZIjjhFKOPxD0AJpEiTcLgRs1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U+1CRA9TVsSAnZWagAABBMQAJJiFLp3eCZVHu5JxO+K\net/MOkUiyKCIXm9bOJk2ubVLYYOEEFDiVU13ejZzm0/uTHGOjA/y8WTtOvQb\nidDLR7WclwotXiExS6ZPWHKVrN7fGaTi2gdKxINeaIv/3Brpl32z/N1hLEYj\nvHZ149+O2GSYfqt31oSnb97dxDct2tlGxjbuHHozxn0M2Qt1a8KaM04kzNX7\nC07X9owlOxauqN17tB0JiEiD4omG7bN876te7KxFwBaW8WgNg4lhsCxW/qgl\niM/rQvxYjiB4y70UZ0qxFnAuQabADJxnWxeObdXjYi0Z/+2U65/qTXOPOsmZ\nBGQph/Igz1oOHgDxz+clE7mkp8nFn0nHlRCSUMWRs7EJXnidok+PLOJdOqKf\n094dhJFFJlTN+d16B8xlNhZF0hggF+DIWYVcKDROAksegbsb/C1cZy8upHyn\nqtFkQn7mBnC9SMUniPM91mKdeuh96Xaesh+AVy/RCQXvi0+miMjaMAkkDpt9\nHuXfU8aFVJrNdmw6cC/uKTQyykaPbEptxc3hARdS6F+pe2Uw/YApnM4OxMSs\n/qrlWjg3Sq/bi0Jl6NKYwZnoGC/24BReIr4pg51LlVWeB81hkyPSkoKpfnyu\n705eNTJeX//JLw220VSG0ASM9uRQOFbU/kzu3n2jE5w4KiVQdz0ID4K2pCAD\nT/T0\r\n=vbod\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"52e1ab1af187484c3a1695d1ca32b3bfb083ba59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022014102532","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022014102532"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022014102532"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022014102532_1642155957637_0.522863201021579","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202201418849","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202201418849","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f8d682337e9f2ab23b5f39206a5d6f5a36d15fbe","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202201418849.tgz","fileCount":16,"integrity":"sha512-31Sy9gR3ijKCrOlRNVQyWKm8BvDxORF8AP7U0n0fk98id12HCaKk6VvmkOKF+XSggQx5mOuvUPawcnFL/uqvpg==","signatures":[{"sig":"MEUCIQDQ1RLfae1FkiuidE0GHRsxsBW1tqR4CR6iWdXKFOCiVgIgJ1BHWBnz13F6CP7ZfhLgbclN8joqcuXXYogvyelxGtI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxOCRA9TVsSAnZWagAAA94P/jnlNG9dzLwHgE/+tFg6\n4Q5Lf8J1czX/Os63JtXEfTRjJeCupmJTWXzMehNA6yhzSALxL13wyEwnUIjE\nM5xMFdOrpjwqhizcbWtfQqK8G9CYSbi32DtezxWOzSKKNR43jUOrhf/1oZn4\nVSgvr2lwkHUg2H1ebyZKcTC8OGXp7CuRjy1YJQaiEdjd3zvHlB6gx44jJhOb\ncgcFkWkNSEe9/06jZneA3MZFb3DI+I8xKFMb5rdJ+1+MonMmzj/aFmZUJY5v\nnetSa5gO1fE35qPv1yIUwycI+a6OBpsj5Dshfn/WybzJYrJyKd7JQhCVtAwB\nXFh+Wc2rx7EK2KFWd63Rq6+jjd7CDIGQJJvLpt9sRCvLhEhc20DVVdv2XO5V\nv9jhNP1wqiRtc6h5+JNWH6xHYGWF5up8R5MiUfdgCHErKACOVDXqPcKzKn8u\nDwwvUpdf3th0H6s8jYSOlmnAbZtI1ZGug9J0eOQYYGNDNDeH3Kgj5JhkRqPI\nvgd3a83ZGKm1Ow4SD3IOK6bfT0BIyn5+Pfnxsu6i2GfYSZ8Ju35oShfIgYds\nlUxqHjUKp9Lkwjekqins+2uSns2C3B0sL9ukQxVCWJd3j5hJsitsI6lt8y36\nqbmkbYOgJm0lQgSnrCSL1rb3CyJmYB2+26gdFTZzJYKSx3au/Ri3D3Xqoi2t\nroHy\r\n=qTZl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c9c54aee1e45c2ca96f7c032400ffeb06c57e341","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201418849","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201418849"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201418849"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202201418849_1642183758097_0.6653317370661314","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202201418280","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202201418280","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ba2983ed1b6b28b6c40fd60c4216a83c938990d9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202201418280.tgz","fileCount":16,"integrity":"sha512-2ePuf/fOnGoxE0ACbrkDcE5by8uWk6WdC5h9K45go82bVA0z1K7QklbuOCEwkLm4zHzXkp5M/d1rvNn47h1yjQ==","signatures":[{"sig":"MEUCIQD4mZ0wZXv8nYMNw3p4GJzq3F1em9oww4VplJRU6XAt2gIgcMOI+gLySJ8JaSGkXhn0Y1fulL1ri4sQYRPhfCX4u58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDOCRA9TVsSAnZWagAAS8oP/iCdrKOY/foG85q5U3m+\nDxBqhjLO+bv2Tlw/jDmwIt1LyeeqB0yjNhEJXTI6UY+hPxuppKModX7CBE+8\nG0zvVQse65KKH5DlclqLDoCaFH4lwvIusIUKkLUGyS4LHt2tNHu8uG96QPPp\nHsm5cecqGNwAUdtZXwoOvCh0M4MoWyay2goKjn9TQbPyPpIMipv0jM4/LsN2\nIKmMKB0UWNWuji7a2pZW6IL7j15jr4KBsoV3vLUtdSWN6LZFvR09brxtZvyE\nfy0YlWcoEjXSoMiQ62vujUvJY1MeTsWwBY8YEgcmLm12O+qcuCt5xF3Ic4eO\n3fnSP8F16505+ekuCPrYiSrx/5y92VLSNV+dZAn3SKRU2JldVcy18KNK5MQY\ntHvf3uOpZOggKSXxyC80HDSw0YIV+If1AywbxApvmbDBPTpqfLQdB0LEQ8Zs\nllTcOucj7jf6xAYrBF1XLVW55KAH/Pb3q8nlhZJgcX49sGyJaunO1DRTI8aW\nShxw8Bx68VTS6VgXqRZNr6k1t5vGs1fVFGPBE7Viy/fGsT8GQO47fGB9lWNL\nkJq89Lj1US1wxqLxc2glaKnMaoLq69K4tt6gPBteEG4jBlxsHm/JlU9sxUl+\nUCwbG4B1dw7kaJa3LrxKrbbjuTtXWeH434rjn5veB55UpiiWzFGOprA3XSUo\nMvl0\r\n=tU1x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201418280","@chakra-ui/hooks":"0.0.0-pr-202201418280","@chakra-ui/utils":"0.0.0-pr-202201418280","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202201418280","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201418280"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201418280"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202201418280_1642184910604_0.5128070968308966","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022014183133","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022014183133","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9967b85a02648310c9b472d8a33796e16f7227c7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022014183133.tgz","fileCount":16,"integrity":"sha512-YiE3Lh06EoRsg+wLeR8SVl52groaNQozjNwdjo6+OaDvXMW08lr8OsiZZspnX/bOOxg+UqTGhraqfaHuE600Xg==","signatures":[{"sig":"MEYCIQC4Or3AtWf4QQDvbzUEJEy9bOPlN2pOl2EphU657hIfJAIhAOhCZageHWNueP8o57Wols6VXdBsj4DTjxPJeQb5pBLP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cGlCRA9TVsSAnZWagAAdtUP/1dk1GE2oGMIfnGNK0Lt\nBP3RtNGeYnsZSCxlaKiaiDcAOCd69STzrm7iRqqiUfLWQV/+Y5C6l4hftdCp\nxaeDHMW7Lj1YUQxe+SgSt5k4JAs1O2ekEcpuDi8JNCXXb6agYrXz0gjQCwxN\nv21iWNRRf9hW0Ft+I50Er5qE/Uv8twqyK8noaCLUKjgdD2pw9CaNMnjU3ytk\n5gsQzZgTOt3vKNUQyrHBrONwJg/LocpuyPkJ5tgq4JfrQo4Zqgq8rIDa1FzP\ndB4Px0wqRA/nGIKTvCQe4qHymBOqyI8hbrF8KEsdD4oQBB3e9m9vv8TfLf9l\nLCtoj755RLaAZmbB7LYjlDQieIxCsQn1P6egvt6fjonI1md+7dFBgcpw+XUB\nb3512aRo5qivysK4q2S4eqvrs776sBHv0bNKbY14PQXdWj/Ddg7M65f1qJTD\nqjGL5AUA03C43IKBuE36TMO95lWoU00+q5qfWS1hCBCn4eE3FdZqHA84yrSe\ndq6qk0HGX8hzZnM81IHGaMWa9OtDPtzLfgsdNa31hFxHl7+yHtC2oATiL3qe\nliR/4MO5eNlzL9SGHjqmPNT5A/oQzsdwzYoHMrnUeazYPBcslfUezuHKHUyy\n+1GUfApbicm/+NTOj1BW8uvrSwnode1CFY+zi+NX/Z4/64DvHlWMq8pZIPRv\nSZ6m\r\n=CNGT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022014183133","@chakra-ui/hooks":"0.0.0-pr-2022014183133","@chakra-ui/utils":"0.0.0-pr-2022014183133","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-2022014183133","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022014183133"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022014183133"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022014183133_1642185125507_0.4571697950479623","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022017182645","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022017182645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a002a8ef3fa338cc975c002ca75c9fb8b45a603d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022017182645.tgz","fileCount":16,"integrity":"sha512-eaH5fL8W6N64nrvYh9bDka8+9UxfWfw4CwnviDcvngy4ULcfCgEhxMOzQrFTWtLvgmoDI2bT+OngB/bGHPHB8A==","signatures":[{"sig":"MEUCID43zE1gqQBwGo4Obe4ENhljoMbfHXYElQTQxuBkOR4VAiEA9Se2JwVWB+93nQKol14SkKF3O7S4yywb8DuUVl0NuE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bT/CRA9TVsSAnZWagAAkUYP/i10UAFzKlAIXY8VxC74\nXdBmCpLpvDyHmSM0WFhA5p5KpeEMkWxifrxWZDoTHyHirwZIHJnmWhVZvre5\nqkdBX10MCUPSU6H0gqfG69Tp+fqkLHbSXgqFtjGH2CPrmsBq8JDkppJ1ti07\nKeOPJQGr3jVF7Bho/MwjAv0Mo+CJ1Rx8Hyl4wzonGMea6IGkaJ37G4kF+6SJ\nTFMV39qxRu9IFm15VIeIrU83o7h5qBpwB6FcjIfwYBFF4agWbm4ojWbKpfGP\nGjXi+ZFCylXKqd2NU/zzkGQQegX/j9QeAUkmEkEsetDjaKbiM++F+cui9jLG\nBGJy85AgaK1L8HrpOgArzNsbLaUZp1cw+lPl0OapkOL/JVT4EJRdv0LbeUZn\nihVLow6r+occMagg7GTJokPHcicJwr0cPC+eF6qWWF6W3uJy/3c3rimEjEyv\n4mPjQgIiNzsAtBqDajr6r8SsIyqrO9DiGZ5Nykgo578CEF9vMNWiDZRmZcp5\nTzRRvQDGRceL0K6wSCxOMSDdUnpAGnVchi1IqnexcSKsrXw+3z4JSKPITmWP\n2MSTBWiwiz4uclFnjvxHzR2Ip3BmHsxRdjB0Axpr/KyLE1WgU8oyTA4t4Yco\nvLNIqUEoDASpq1csHNtHcCyGMakku5IYUqpMKw35Zk9dfSYBvlo32GJbdmFu\n3K50\r\n=ZqN5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8956926a2426c08d4176513be5054c66f955a3aa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022017182645","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022017182645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022017182645"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022017182645_1642444030883_0.06755921337215343","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022017182859","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022017182859","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cebd53bd1b908c83ccb56521357e1555be12215d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022017182859.tgz","fileCount":16,"integrity":"sha512-cetTZ1vLmlv3ovBGTOaODY2qs8jwBUxFJStYuNktSiV2G1Itgz1ujgirAAeQwULfqtGDXVKq99y9E7NbggGBrw==","signatures":[{"sig":"MEQCIBF7Igw1V/RfXqQSWWewZp80FKFhfvG0qU1rRyS7V2eQAiBOrm2l51/TSIQPzffwZlg3xguv/rlMW5EbCxONTwwHbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWHCRA9TVsSAnZWagAAcqMP/1DQTcpYmjTfaX5HMsZu\nQ1X3ODieMZncJyzGph9n/+zzs//pML0qlWJhhSI3/aCyaMJkjFMlBHKoH2yB\ntVXMEM6urYHZkVWo92ZN2qmte4yYffz2g+ZiekLmxiVqauopSapzAzziI0zb\n+h+l5SdGOR/KuOreNon6Pog+1no90EdfunOkczAKaJQllJLgIaa+eoqNcnGi\n6el64ARZ7uh1J4qRAYmfGXmsQBd7UktGTqpBFMgxTnJe2Trhauu9cnF+7jh7\nfI7mUyu5/suf9zJEwabZi/10+2nvJUgGnqVVOWksIR0+143Gpze57bgG0N+g\nzC84ANKA0FkUDg0MdVPqoTSwnhQ7mekJvDWH/ymBbgq9TCOC9mYv9hP31+1g\nsCBDY7EMYP07fftJmHWQ6HzCfKVyG4AdhmZlBgFiay3hbQhA87gRkiauAohJ\nuIxHe5oGDOcS6v9TI8KAg2qpNYiBhx3HWU85kTj7l3dsSdbUf5CcQ5huAmEW\no/bmawZyuZpVh5CeJ9vqIEP78kgZCj1Ue3tyIWu16v3HJ5KTMMNzfDBNZkH9\n0ESx9bGJaftO1joia4JBpQWnJjTWOZhahDq3LvzbNOKHeGH0f9/0WZF06NTi\n/MRzAbMwmtnwJX7gurKQ6qqYNGGQy5poy+WOIDbCuAexFmbreOnpAJ6eSq6v\n5cOf\r\n=JcUt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d88782d8af4d8d6bbb988cac1fe65aa2c58e2a88","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022017182859","@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022017182859"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022017182859"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022017182859_1642444167660_0.2814496290151036","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220209527","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220209527","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"75c292a4e6cd24b23268f5d425da7feeb3edd7ae","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220209527.tgz","fileCount":16,"integrity":"sha512-g9zMX2CuAt8wYVd0wxl4oPWYI9pqTY5uSfmek66BbHoDCJJl+QpoOgUpYEUdGuTvpbyA+m4HX1DTVLcveW6+hA==","signatures":[{"sig":"MEUCIDOtr3G9bTjMJ6v/SFwMyctSEH8sZHRQiXzyaJDddXuwAiEAnAeEAXzxLgPm72DCHTCSGaEX8KPV+EWuC2oBf1+ibhg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SXwCRA9TVsSAnZWagAAWEUQAICRjQEYEbr4FI/3Dwxx\npi9lvMNM9uNqdaJXHXy7QY8sr3ALKzrdvMZ7ZtOy7T8lIg8AbWgvUL3kInI7\nrw71mqDZYa1jhY0zoolLV/cRJM7PzgNZdWOI4BkTzfaNiidmx/hUOOEULczb\n41A5hMpsTWCS/OLCIc4ZSRIxjM9cDXngheb/b+a7MYv35gnNsAkMhjH05Oy9\nYO+9gkNyga2ZCZDp7r+52fWXruSM5nJRiXM9VT7uDue4IpJ73FGepqsd+hQ/\nv0wsvrmZtK0LGXXgOmUeSkKeO2ILfcA+U8fyDP7ObAzeV67sR3uBQmDraR/3\nkPjx/mSz4TTthHb/NmjTZiqG91qVsf3MHQ86bkzriEsFEQwS1gHd9y/IUD98\ny5SjzRMTX1sbLQU/1fg4DctyLMPSNjB6oAN/gk7WFiyq9SsLWm/J5SNWQwiv\n2G1kObfeJfyQSPQqmi5vNP9gOm0xLsXXN/ZzkFSBVzkfGnI8gPOKNzuXkUJN\nkzgyRFysIzr9nnXgjkD3ckEeWMUHJFGcyh/9q4ml8bZQFVywafN1IFtmydlH\nJOJ88eiTRcfdWn4G12fxV/ZOrvnQxerMVbRW0m0shbz8zlkeNIHNPkDynk/7\ngn8bnPbrKEQpF0G0hKD7u13/WsTCs9BKKW9zbJUbPU3ZDWtc6oFIhpvR5to3\n1nU6\r\n=Fd7H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220209527","@chakra-ui/hooks":"0.0.0-dev-20220209527","@chakra-ui/utils":"0.0.0-dev-20220209527","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20220209527","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220209527"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220209527"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220209527_1642669552410_0.35554562600173045","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022020961","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022020961","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f589983144e8fb579b3dc7de45f4c9364ae90c39","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022020961.tgz","fileCount":16,"integrity":"sha512-lw5Fub9tu5W6Yy8UrNPNZxGfmp+1qeVa9Q7I+opVcacacuFQ1RQSk25rul0q+GLd5LQqS+rrKcndql77vTmmlA==","signatures":[{"sig":"MEYCIQCo2StWj+QGx7hEqFIz4OuMnz75E2aGAt9ykQaMfPa7LAIhAPgGCVvUJXruciRfZdOK9Lc7gdmaF2HDnUmVd1iO+qMJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYXCRA9TVsSAnZWagAAAGkQAI/NqZSejZupsOLBmsCI\nZNUBLj/EZe8qJjqWQu2gs0L8fjFR93Fd77tepZkwpPPSKiRJ3ieFCQS1NpFe\nDZc30eKRnxgZ6uNgDz8D0/PosqTyeJESviIGbB6tu335pTV2nQVeYpcZeM0g\n6UaYRc3T0+atEyRGvj2IYSEFub+iZIYexFzbqzAQXzb3QRkmh/Sj3zrZ4yGy\nkxw57WzT6se1TouBGp78dd6iTt5VujK4WCMeLPK+dHTjRBIyZLcHw4aLZbvz\ngYXl/LX+kN7ruac0X2F+ZFDDg/t8fb9KxLMxU0rUXRmLQ/KKmkh/YGty1ek4\nP25swuHNPXu7VhTPXkl6mvRYyxcH9hXrGbWQIr0McXFSuVEcTfAj/QSgDaMa\nGD1MKL0JZW5Bm+MixgEMf0YixT+9g0MEproFpcpE/L+Jyyr+IhrgVR7w6TdN\n+LNhmLPClRljjPFpGQOm2Za1VQ5krqBoMlItcMqLjh7MbXVxlICyUFQNNgKg\nl16eeBYlPXh/GXT8vp8JJ6thhpEaWfoJ8buDV+drrlghP7jyXyn6l2yq43WK\nKkIDGK8kIrsmEqJVIq7Fib0doqreIOgAvGuc9IDSVLtm23ijsIGX9KJ1bVre\nTw3KQNT+YLnmuIBWAP3J+ZDCf8GbZzo4nh3mShMYEAiAnUPHLE/Js0XlPOZv\nmaB8\r\n=eMzt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022020961","@chakra-ui/hooks":"0.0.0-pr-2022020961","@chakra-ui/utils":"0.0.0-pr-2022020961","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-2022020961","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022020961"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022020961"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022020961_1642669590911_0.9375732345095944","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220209192","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220209192","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"79fb3d8178e5241894598c7899f869bea4bc771b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220209192.tgz","fileCount":16,"integrity":"sha512-nxSlovV49yRqp1qmsTlYjdTf3sOX/LqssBd+ifGNthJWTHq5R8UYG56a4kDK/dQmdSXGz6/X4B0XJXg+qA7SVw==","signatures":[{"sig":"MEYCIQDzNHjTjLrMIKOrZSJQUScFchddGoOnWUzsiLOP815ULwIhANVhieCqLs147R9cctJmjKujwS/Zyb1y8ZxmUMsWlamc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SkmCRA9TVsSAnZWagAAyTAP/A0j0bZRAbS6oJibEwl/\nARZhboVMhxKEHkY+h9936mm4vbQxM29G9PB11QfFPCeDPwW/Gss5ixyDAIzD\nJaZ76qoYeecmX9FHKpIbXjOROCE8BcwqRmnT+cvbEVFHXDxLa8uFMu6NE4yq\nrJXB7TSUO50EevM3qGM/r3ilo9VgDJPslPWIByOJZcKIPQua5rkW75Ket2e/\nPemRyQZSMgfmTb/jpCH1j4QHDQylwlVGqOeQV5mOBTVDeMaTFvCbAaUs+q5w\n2OW3IHlqjLxYty2dtLdVq0Ttv4PErqy8oPBX84D4Xhsft2+Q7MMzcC61mV5c\nfg4h72tporH6Abgvx/A7tHgmoZP+3s90VvjSEkqa3vXCIhCtT0nHXuqlOG6i\nF53L7bWJYK2wPA1+hwn7DqjsKR5KBv+1S+HJd0Ohiu/Qa4/2sCnK9/4wrdI/\neIYu60esJpH/Aepw2fVFZ77vb8V1cI2RWHY3DjCZAgb7VRPCvgkxW2Lmau5f\nwEOEm7/RN6Nf3yRxHhYBRB49hIGOGPUUjlFyIWknTbdZ/uIueRggUZbiNdXr\nayYOSKUKHzf/NP3NYxKQnw8Ag50iXc8wRTgEuSmiD16Qod9j31MSCTl6/6Il\n1WhVSN7QZyYathSa2dJZzvAM2Atjj8fUSi214+96MaYZUHwdtNToVlOFcNtY\n0qTK\r\n=Zskv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"90204c2ff2fdb19a376737d7519135ecbc9794c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220209192","@chakra-ui/hooks":"0.0.0-pr-20220209192","@chakra-ui/utils":"0.0.0-pr-20220209192","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220209192","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220209192"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220209192"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220209192_1642670374331_0.7623240447650366","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202092345","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202092345","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d74976610c5093028c9b390ebbd4a012f32e030f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202092345.tgz","fileCount":16,"integrity":"sha512-L0U9WLaPzbTgayaSrIUtqJP3DUBU80brr5dUPUkN9WcaICALyUTfRLvTGB2ikBEtEV8OLUTGd+5NgdixkSrMKg==","signatures":[{"sig":"MEUCIGm4sX1la1u3KC4UxGYPWYBFSejsL8pNnvglhoiqATtMAiEAuni4QZZpJe9CnwIyepM1RYHGU4Z/3ZCo2P3R3dgKXBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6So+CRA9TVsSAnZWagAA9YIP/0XvbmwTgpeid43nGR7u\neZBGAxyz1Jq1iHRYoNs+e6+Km/0ipVJWTHzRW2BpXVtKArt+Y+2Z+7rCMfU5\nrT5C7b6z4K/oV3o4+Nvm0njmy9iLqg2/E81Wk+1bIEMy92Z8/VZXqKc9vRlD\n4RXWBtRescAEmX/4YdTPO8BvAOkN4yPYlM+bEQRAnEq0H8yQ3Kw2IvzdZoB5\nb8UrTWYrAdPoqc40m6cs43jvIU+fba0/GFSCU40grvN4T2UH8Yx+3m9Ke74R\nVm38LEb9S2qK/3qc8rmuVsrbfqyvApuQPljXR/hLHXKCMPCN8Zo6JakdJjBv\nrz/o4u3ZzSvwqoVC9BVIrwv9+wqbMhDpwboy96KXMYxzakIr1v13Z9jKl0tO\naOe+xNMeUmgno4n6ZDEGbKcqiHPFtbltwmm092d7Og8GWV1p7k8vDTCXhiMG\nLluB4b6AKfFI/2Sx4YEMrKZgpjH4s86fgcwPJpPT4tHds146mAVpRP3ygGUA\nLs/cLjOMsabk5NBytnJIEUp3fJBNqcx4QuSSfAjgKLzV9LiZ2f/BqM/KxbLy\nvLkSK9NE5QTFBvvV8/Bs91O43DQM/Vdi42kqY3Tkm+cvn9GxXppxwo1srfXn\nEgoX428DUuCVai0ZCfCQLoZasMqiJc0wxICjc6BPJZl/DzPT9CYRjtSw25ES\nmB78\r\n=DIId\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"dfe50d3b7b06b49149b8b57305bff4e0d8d486f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202092345","@chakra-ui/hooks":"0.0.0-pr-202202092345","@chakra-ui/utils":"0.0.0-pr-202202092345","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202092345","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202092345"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202092345"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202092345_1642670653805_0.1134835774842462","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202495259","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202495259","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3220f67785b798bddb99476cee36e3cb0d213af0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202495259.tgz","fileCount":16,"integrity":"sha512-cS+nkwBYNrWVSGKgHMzM2s/s9rxW8cykYnk0LrPFr+W6/xUnw1iRa3xtGdq8WPWSsCdfjEfPyhMMJ1GvjMn1Xw==","signatures":[{"sig":"MEUCIH3bf07KntR5IPKffj6xM5l047J8e3PWeCNvzOjNUxwNAiEA/lCaCYBgPpDSrV+mnGBCEsexIH+pBLggDJhIBkaKJFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nccCRA9TVsSAnZWagAALU0P/R3GUi3W8RKcF3z/nYjX\np7BC5EzX2b+USkkbsWoeuTTCO7pRMi4UKfmqiRRkqaTYLrXCqB4PFKiwV4zu\nqjk7lBfMhAn3aKPCJcs4qPmtjL+krQXHN+tnfNniSVs7bVjkN866MorZN/0y\nPdbHy90OD6QUSSkMri53srXXZXPB9uvNw2Wh7Lcyaptt8pqrlikL/k1L5oj9\nB9xLBxLuK6iFFoMNGLi0nBRU/Au2N7oz6/XiPDIBQjoLUt7Lktpd+4qEpP5/\nLiPNJ1u0gbX/Dau3kQS7DGjdBYhmlO+biXw1CKl+1r8e3ios5M03ab6iy/ir\nZFe/49VAnsmXLkSR3wjcSEfo7T7rusvCYXEz/9RQE7HiMjhbHbfNmuPIxTZg\ny1taOEQXOdVZYu5/ey21+AtX+NFY2YhFm3uaZTcvVn8QEQJftqJH1wLicmbe\nHOvbRLk9zN++65e611XcvNH5h5z361GpXyDWQhsz6dG6WNZwThU4+YzKAxfd\nsKX9EKji24rke86d9//ttcMCzyco1VsohMCFzFeW7AnxLnolU3hqvBlkKPC8\nC3UyZcfx9Ki2rrC4YOA12BCA7E57MUhxVVO4b4tUBBfP/7MuDzifpXuBrCVB\nSTRKUuKinrV6T+wUOVRlOBjEBoYFDqTVq5aduwbsYhwznbSeCBst4Qnd/HWD\npIzV\r\n=ZbVT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"cb7bcf297a212523d5e01079a08757f49b76e89f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202495259","@chakra-ui/hooks":"0.0.0-pr-202202495259","@chakra-ui/utils":"0.0.0-pr-202202495259","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202495259","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495259"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495259"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202495259_1643018011904_0.9369176930479921","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202495536","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202495536","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"07f4d9ffa666d64823a823be410306340c3e7dc6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202495536.tgz","fileCount":16,"integrity":"sha512-tgoNIof2z0niTUeO00FAdQvIAHpOVyF3xnBGCDYaIL7EfWoNdGmp23yGq9JSX/mZJ3U0X7ppBZvv41t7dLaQxA==","signatures":[{"sig":"MEYCIQCjkMg6Wimpw3ToWl3hBRtygia/eFuAOnlY0mWqbKrEEwIhAOmO6gGDl7u3yvJ4T8mfd7a3wMm2WlAgXqOUjHc0yL8l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ne4CRA9TVsSAnZWagAAi+YP/R2QCcsc+VxQ64t0dXIh\ndKeOZ6ExLyk86MpDc3eLPTTrJwkOgiLU1A0d1il3X4gk3Vv09cAJvMaFujKF\nkLK0gxYvLNiSa0nmHJqmcaoo7RyeXurNR5qFL+vGmXhj/W6Vnbu8yNAIvixt\nAo/m71447Z8PzAbsCj5ugal4x57b+QU3wAarrxCTF02LDRNaFcSBlOOqvsRa\nLlSU154x010zvAJFYVfzjtRzY0Cs7rt8WsKzOigedO+9jQAyPcrLPxml+PQL\n1k41pPyPhFPLEquzkNc+GwA4JQOQOBVQbJJxBFib1Czs/6sljcPvB0ETw47v\n6HXJo9I5kV2jXwZuDTpuV6o+iSITBTV6UV2VYtrVNgtOCqgPFcKLhQ3RM7P5\nqmzZmTPlVf96zndx9jBFe3vV5KG2oHHN2ghRuDAsETubWERdlgQUX+BiroD/\nyoQDxEoSp6MhkF5jyuC0J5AzlqSm/zccGI7yOd4TaOKj9GbU9IKlVil0fewu\njX8tZWUUxsdYb7wpH63l3IYWEmukEcYwjIL0NYTIwWRbm8ezg9FT2UO4yja6\nXyGsVacPTSjDiubZhbMmmZY5k60HYRm5eNOxs2ex0k/vH1GJjMtT9tvImzzA\nFArRhiLeoW4vuJwUkv7GC87CA7QNqv+DdgG+plXxZStgv9LnInz/Q4Sh78m2\nBA37\r\n=fJhv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e56b8f644895d420cfabbce11146af62b5375095","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202495536","@chakra-ui/hooks":"0.0.0-pr-202202495536","@chakra-ui/utils":"0.0.0-pr-202202495536","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202495536","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495536"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495536"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202495536_1643018168409_0.4815876084144475","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202495553","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202495553","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"605dc9b190487b05129524626666a6f5ee28c58e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202495553.tgz","fileCount":16,"integrity":"sha512-BbyMgfZOwRiNsRZH+LNIHo9L2gYn+UXxuKnSMkmWvDfPj6rl0/C2u+PnYQw5p5r0m+79Dcr1K90HvZWFIzyv+g==","signatures":[{"sig":"MEUCIDjL2U604SiDhktBK6upUcIbCW/e73TelO4an6oAeMyMAiEA9JAOTL0Uo4IP0h+/4nalOWYkyt0/gxoo642+IzPxp9w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfCCRA9TVsSAnZWagAAm20P/1FPL+emAFp6kRHlFNb5\nGhWVKPuTWYBFjJIecW/fHe8jjE/wwyRZ1XaMPseiuhAA6Q+9LQW73KLCHzwy\nRwCsVyUhjS5GS7NdDoSuFf8ejhjJJhjtCJTs/O/Ceb1rxfW1Cd5fqWaCxYJT\n0Wnq7UQBMFCyKDAwly4VVH86L858kYduGaayTLk7Zgeffqlag1OEx8P3HjLX\nxAXJXWEiut8/uqlWkEUSugtEgM9M/QHRvEa2WB6vzmtqkrt9IwOm2qYaGQdj\nwILRatdN8g6eZyp3G+v+AQRe12cYL8PjooEBKrDAFL9YqbXgRays3hzpwr/O\nhk6fz4VXxb31goPY0PT3OIE+cUo0MiMffXQmyzw7buPHdBZdZXKT1mO4RtYr\n/pVs+LFp8EwWpiUBw2/cbZFamOexruVxTS0njm+/znuhxJkoaOrlJfQpf6KU\nQ+azmOLuLMPcRxgzWCEW5daLk+7AHfV4iuMF74p+63OxvUPhSFmBRhPolbzm\no1axxcglyN1JhV3nJaYqj4IF9ty2lUBPg7PkEzjfRzaSUzlxIiTg+faZSqyo\nblCwfaF1hosKhJTDAa0PnlUR0HYM/E/tFWPXYz21E9fg2a8BrlLzyNyb8lTg\n46ZtPJoV+fk4e9PdE/Oa9VL1CKh1ajasuV6+OKDDtVzs5mn028V8AeY5vN5F\nCbRd\r\n=EAby\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202495553","@chakra-ui/hooks":"0.0.0-pr-202202495553","@chakra-ui/utils":"0.0.0-pr-202202495553","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202495553","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495553"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495553"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202495553_1643018178662_0.617157345701447","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202202495727","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202202495727","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f3eef814ccba66142defcb82219f57e474000832","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202202495727.tgz","fileCount":16,"integrity":"sha512-BmXj9YqJ1UczCn85aVNYG0YDw3sHa5Nhzg/GqFWwjGljC/Ry4bapC4xbNdl74YNLaa7wDmLpqJ1XU8MQATKWOA==","signatures":[{"sig":"MEUCIFjJs2/YifQKARdlPhTp6rCD0RQzWuIvLIy7N6AuM86kAiEAvdux2eePrEaNXFqmsheQK+QNrZ6shgIqJqQM/lI0HCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nglCRA9TVsSAnZWagAA8TMP/21OWI5bo+bFo+QERNU/\nWQyeuh9w7u1a1Fy0FYjWEzthtKSdFGHrQanUU1gjGUxIjsLkxuw0bsyDGZEo\nc2mR90jtqICi4Bkin0sAwanX3NQkAgUtzKAsPhIgxA6jYFBIqXowgiUFCp5l\nIO29b24fg2UK8LJ8+/ETH9qZCtRTXI4XsJQP96F3xZMCFeL0SmKD34ovZuaz\nh4wXCFHHxKTbRaSw76v6Ynyf7JKVfq9zS/du6UFMh9SgYpTAKXKmaDyeEq+T\nVbvMI5/LRyRp3KM8+SNEloJKvAk+8jKjszuR9R7PPVSgj1K239pkeRf1+BGd\n+qCx7igRq89e3km1xW5jlCMBq2PqMA7JkzaC7XuCt8prnLpAjep0WFvaI5Z1\n6WEcsqyNFD2COiSDErEPA0acWF4HXr14wmU+8ngnJjsaME+rR4RQC3k2CVWe\nP/zItxDawhvOpuWaA5QStdIoPKlG/eAB3cxJdOu2SoZrkIUwIEEpLiSSxtkW\n+Anhl169GXZyJEZddWMKF43WwEg9T3gP1acAz8I3lZqjMnlQzLWlozWuLRTM\n4q26gnZbulhCoYKue1SfyP7vA3V0irUJobI3HxXUn05Nezm6Nzd9cmly/Lvq\n4+z7U0nCvd8VXQkM4XF8a0HYszATQECXUbKC93EXxD0j1hMbSgUHomAhkgXq\nC6L1\r\n=6qv1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202495727","@chakra-ui/hooks":"0.0.0-dev-202202495727","@chakra-ui/utils":"0.0.0-dev-202202495727","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202202495727","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202495727"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202495727"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202202495727_1643018277301_0.22512574541578112","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202202410017","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202202410017","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0c4fd91adee326dc8a6852c9536b4a443b09fbb2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202202410017.tgz","fileCount":16,"integrity":"sha512-jhVHYgTHB2q+47w1GQOm+veFKyn7lIscLGdEeS9TVd5BL4XVMRRt+1d7NqRIqHrkUv8WrWlZvQgDJKHxO9ViCg==","signatures":[{"sig":"MEUCIQCCd9108l9S6Sl1j867UDe7bR6ajN5Xa2bQivpnwp2ofgIgFGJkg10ru9NKfLVWC02THQIc61Sds1zuZJtqXnXkVJ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njLCRA9TVsSAnZWagAAJ/YQAJ4m6SVbISeYQ9kh9tQy\nd0aaOGCdp0ZPNJtm3xOB30/Z5/js7qmNQFQnfV4+CUcPWou8PzWEyuI7iyp5\n900uHAc8zGfpAxOp1OzFpYSjfYhCh1PuaeQrDB8cd+9SSttCxIYgTpMcLZYG\n8F0+s2DGf86YiHPfhVRZrsYRlWjQhl/o2zmAr7R7gpOyqRS1HKdLKcoUQaO1\n/S31VsUJURRcLgSFJJk6YVcdXaBLH6cwuzKvRM8MlrEu099B+kAsJf8mzjHO\nhWim9HZUkeD5uDesi1qjbaf3e0ZAVVA4mJATrPo0o45jMU49Z5+81YZT8wd/\nz6j/GmYd6NIKSbsIluwKcw24AcLCZPSObsLiJnNfyUPAtAWE7boIDIxYbnFC\na3na9h9uQ4hHFXGgXP1ucF6RHK6nqDkq34dMIRwTbRhXcZynXKDY94Gsuum/\neS/FBQjdq1J/0D8nEt/fyQJg+eQxcPs/x4qd9uh5EFTKlKJY1l+wd2yFYZLz\ndQ4QNBbeFyO4aO2R/MfJyytVfZOXqAo4wbLcmlJMbBGhKOnu+CskqyksEQY2\nvRcbPg6doltxC4LSZ5o/2pxPyard13GOEnmw5hpyTDfix4I770UwtWmISk8b\nE+0CXbBZ4uJ8Fd+uqNZ+5MiARzWmuw39qHmnQYwXmwkz6fM3oUrGHYWHQ3Mc\nBNiS\r\n=XTzu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202410017","@chakra-ui/hooks":"0.0.0-dev-202202410017","@chakra-ui/utils":"0.0.0-dev-202202410017","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202202410017","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202410017"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202410017"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202202410017_1643018443074_0.02419779501498609","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202410034","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202410034","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a3aa62876afb4c03c288c4db4f7aebe35e619237","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202410034.tgz","fileCount":16,"integrity":"sha512-vC3YhQCSdb9HNHpT5Z1+Ty6kn1uJYB36IlirJ7O9wQN0mvKR6vc2YGziUskafL0rK+PERyJpQSVZlVJfLZ5QQg==","signatures":[{"sig":"MEYCIQD8A7ckZ6ZGOmWWDLfZrOoEk4N++tOOgX9acV/SO+M9qgIhAN90mnRsvmUzis9Z0nMjfBfZPdb7dlZXslMocFK/DlKH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njgCRA9TVsSAnZWagAAFwEQAIrKamerAfAlRj65r8e5\nSiQ37hTFY8Qv4A8LAuFT8gmp8B1FbJ7EfWj5hhzP53OWiO89ftPXi3pWfwF7\nPbdITLsuja6XcNuADtUs6Ro8UCC53V1UUg7F2mNGkqQTjeIQowsP/6143nYX\nQqQo6XngduuuGMGxaBUQFDPWdkqWEclNnShEQgwWsrcmTNKHNAbYKBMTpIsc\nQB1ScPeAH/wxvR51RW79+Mc9Nh+U7cHHXrkvD1LML84soX7oJagl4bSNkO2g\nvcGxHVO/lx2plUO6COF9U7bntVWJGzpoqlHSG8p/TY1GEUH9s60lvbZndx0X\niWVxc1i+BkuG7HC7IbttfRMvONlLaYc15yjtTDxblKkI14RTHlgYpi3xm/WL\nU96LbaUdQDZanvXTGqVCUGijrMpAw8BimJrvJAXJOrUYSalevgTDZFuyS4/W\nBSPrlC+Fd8N/bry+m+W02PsnIMpTzSIsF3UolQiTZi1pPkDJEcucEVOIRanF\ni2/WNoDLl4d8+wzpLe22lgGqhCTBygtwWD/9mk5wWM1ZE99427bG9GQhCSZm\n/r5J4WWkvo5vjwU/Dw3IkNYeFuKaLyOXWQcWzIP0Y4sj+/1jK5xmTCB+jOnM\noIo497g1+djFCKDlKLn+PG0KeX/boM9ofamCCzs4iH//4pYKBSo8zB5XdRop\n2+lv\r\n=kwxK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202410034","@chakra-ui/hooks":"0.0.0-pr-202202410034","@chakra-ui/utils":"0.0.0-pr-202202410034","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202410034","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202410034"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202410034"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202410034_1643018464591_0.24476894563592122","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022024212254","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022024212254","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e780acf1b489937c618f0960123743c3308f2cdf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022024212254.tgz","fileCount":16,"integrity":"sha512-J6KWcrnafYv9izvTnuZ1Lfy1piKNNa3obzRYnoUX4+eJzzlf3RKuQE3BXKuXtgTvAIttPM/ZC2j+p24L1408AQ==","signatures":[{"sig":"MEUCIQCc6n3rfhfqded1msQWASPZQIvoR5ut4vxrnP2BrBSZmAIgO0ozedQNOXDdJzp69EH+wrYF2ar89No2pyY3FzyD36A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjMCRA9TVsSAnZWagAAynsP/27ZQuBlgZ6ATglAbfCA\nN8Yd0K19ieit28cMhdsqE/TXxNqk/O3IKHCaY0BvigC3Vf+BRRX2VygvfNFI\nwgTl/MnLYFXYGtzfBZBFU7Vp9h0kCC3vcwtI6iXMm8h5AhCfM+GbLoJaFmHi\n4Rrdb8QB+ufdPVSUah0Y9rOZseKg0rXJS1P5R6ihvV7TlnvWYmHfy/c3ObL6\nqCC5fe4b6culczNbXL/glZWgm4Pc1ghKxbJcWMq+6tXXO7gMiKC7qImqpoJR\nj43kgz4A6s9kb7ARzFh3CFt7fRUuq0Fm4UwtDeN8lEIv/AzEjSYcavBDlDNW\ntk8I+oHiKItM4sqd3Q4PKRN6zfJi0MvqVRce0qo3KOQK/ffiwAbAe7uaS38M\nwlcIILdabqlwaPjKNgjZDu4FhTY5Vl1I7vqnS3RdpNgMVdLeDJjVEIG729vy\nKxlhmHMLF8IwiiNLzUVzukZMlJkHm7yMjgzwfg8l3naKlj399mN/wWPpRomL\n77xzAbQ+UyYxHd+KdJb8NuOStnmV4NNsB+f7eh5HOLOiStoSQ1nbcW2QpraP\nuBmHBrOsjvyzzLHHogfWOX27Hmnajbaz48ndHYyY3lZ9y7NTpIYudL2iTGqY\n6pxRHusCwum1IHa9hq6iTwJqjSMHpaq0tON06Du/I1yJtrozKrk5X/gCj/A+\nVCTr\r\n=6E4v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e69f154a1e1e88a636f8730e2d405282d77ab174","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022024212254","@chakra-ui/hooks":"0.0.0-pr-2022024212254","@chakra-ui/utils":"0.0.0-pr-2022024212254","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-2022024212254","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022024212254"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022024212254"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022024212254_1643059404372_0.45381969895906193","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202423375","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202423375","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"28ed4ca6ace6030a0354faecf9c43c941710dd23","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202423375.tgz","fileCount":16,"integrity":"sha512-2cj1xZZGZGccAzXVbaPbQW8DPrcnAMUOU2ONLHk88sFFrcFKe047AVNC2hBOKLbSh14rBoDj1ZC+UeB+FSjDKA==","signatures":[{"sig":"MEUCIQD61cO4VEmgQzjHNEc52g6cORrVyCX83mKEgQ+zxmUOvQIgFOc1A1uvk/IhEPDKgyBdR+4w8Gy7oD/qC1ra/r/XdkI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zg9CRA9TVsSAnZWagAAckYP/1YijsL9qsRggTUoO5KX\nLN52XLl9FApYv4tj+UTD5VsIAWrH5p/G+INgOObGVyC4CsnbGQNBmOxJN9F4\n0rggr/Ddx0eel66Ks1Tvh4OjI2UF5sO8Y/Pa9b4bNku1WUlVrpLAg2lkUhde\nHco3Ze9IiYk7mQ/FbCtLIfvXePPyUSKDqKHV0X07EvXyTh6+1e3c7Ifv55yA\n1PoGqhY5Y/gu8NhoZGJRIFkHHY9IXL67i91zVf5rukQwwGg0O3eqco81uK77\nG1cfnX5YuVQQa9U47lCiXT5DqZ1fiIVrRz6Rq9yQr7cl/0ahQXv75yzps4HV\nRnMHal+uC+wNKJqtDJN7QdvsR7v5x7IoliQr3sHwxjrIzUaTZ/Jwm5eUww3F\nVXXc/THDv0DatL4Halbf4/hR7KlYgL6ecGe7/aj99+WtmMebP4dBo1Kbdniz\nF2q4A7OtUyU7599HV/AgjmCu4id5Ax/HGnnCo7XQ30o5oFpIpWzz8s6ZTwRw\nbMv3pGGQd632Ojam1LrF9vJ7mmrrGjAnFS0BjLvEdbYzPxh1JIgg2H8QImzG\nF5g1Cf4fweHGu/5nPjHbs2csc9DelzpnFJ4WKaLpQTWx0ssvP3P3oKE9JlMw\nsco3Isrt6dDYkDrUpr17Z/Tea2Haee31A0+wxPQOCk4Ei7oL3kjYhfstjkg9\n6CGi\r\n=PqNK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d3eead0763d58975f197b4c33b5c045f765973a3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202423375","@chakra-ui/hooks":"0.0.0-pr-202202423375","@chakra-ui/utils":"0.0.0-pr-202202423375","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202423375","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202423375"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202423375"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202423375_1643067452852_0.8199857196387306","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022024234531","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022024234531","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"427c9f4bd1ebdfd8f1f9b7430cf7d77c55553588","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022024234531.tgz","fileCount":16,"integrity":"sha512-lZJFKpi7ukP7O5DSl+isyrF630WVQrOhbPXax6MTO4XETr81CJRDHF70JshlWCzfKjo0Wl9640jip9KhXDx1Wg==","signatures":[{"sig":"MEYCIQC893d93ol9mHUa/SNDobRYPQAno4sdquuCB/7x3m+d1QIhAOMHk3dZthzKvoFmNKe7m6gqIT8dx92Tk15FnoEe+oGU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zo5CRA9TVsSAnZWagAANSgP/0EHaswOAhzJ9iXrwNt/\nEO8EgX4umUEWNlU7468eylRtoU+RonoTpa+nIdM0k2tW2ncLydliwhSKp8gT\nSEPRRmuc6cU/rltRHYmsfadm63sKb73wWpXq9roDO1R9ja9v51Md2GGDedot\nFcLKibqu/jFP8evFCgB0yUblXY+25DlX6B5D1OgxrKnokKmaXJTHGM5I/OPk\na3kHhwvq437mhLry4djAtLHSJmn/3tSYTzq2r2a/5uour+sDncIR82Bcp0OP\nG7Utu+RQ0G55KzMWrJsTjvVQ01b549s6h/7gMmprJPNe5PSuANqyjdVYeJho\nD4pzg5YYLHazj1We204gCsLaERKP5s+lVW7S5v6CJSH+MacYUA++yE657IQq\nYJR7MVtQ7oUtcVKfz7u548Ilkzruflo46ZOVDZEkQwusc99sC1M3AviM7nc5\nH8ZwM/Rp9KFTj0eJPq5VyHnF1Bsj4MWkSLxyc3UY4xmn3mfBsyr2N4yd7+AM\nGam74XZS2ynk+/uumk71O0BJyJrvI2GqHGotnyUkxmrLhPVCr9P6sQYU1SxV\nDvMbJfwxdizCfgyX7SSKPU1sS+yI5aGr8UhFNHUhX6yISHwDIMat+FtE6bwP\n1WRM+PkDTb3s1oHbyFL/71nYvLkFWo2AO89mT5PHEU9W9hrNm3EQD5YmoSdp\nGDQB\r\n=7bXM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4fe2787ec515af64d8a9642306de839fb4a3f973","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022024234531","@chakra-ui/hooks":"0.0.0-pr-2022024234531","@chakra-ui/utils":"0.0.0-pr-2022024234531","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-2022024234531","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022024234531"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022024234531"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022024234531_1643067961753_0.0121802269436726","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220258423","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220258423","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9a7cc72626d1ad2ff8fd8f3f14f5ae6200b68bd6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220258423.tgz","fileCount":16,"integrity":"sha512-4NvUZGVwMGMtf8+MuAqKMVwJCqhD1ZyWb0Y00K3PdicIzNtV3z7nHJ+jatMs/2JxrGkbIRwTny/cOKkj/m9fnQ==","signatures":[{"sig":"MEYCIQDQNNPGWLaapb84H/vmHdWcLfUpcdX44y4wbOKF097PiwIhANoQSZyW9WUU7giwVwWdgK2+Wv/uA+K78pOUsrn1YPos","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77f7CRA9TVsSAnZWagAARSoP/R3xgg/wXnr2/TyrSzoy\nNOIiliPaYiBUi9XQ19BQFHTydiwyneHltedx1E0n9o4Ou2jzAaDRAZIt+Qn2\nwFIRESGXmEgHM3mkfYz1iIxvLCUtF7EwddVrkx3urO7uhgeJ2qSHH/ncthDy\nSI9o58Ff7D7b8BROnsW3ebUb+vNWB087XXazG/rKJ117rwdqHmKEg0ExGmOZ\nxJY7CvBQq9ES1ZxjoL/vZBtK/ykNSx6o71shLG9LxjiHm4jMBztnKn7Zjduz\nGfp2yDqKQPJbcI8F06Z+DuQaLAQEWMYNR3256EW3MJwnSrTYXqOWPzNX210A\nZAJIqvRLV0QYoSs2v5i07xzCNiNv67AtuatcmzQ/aNdMUHyEGH5ERlmxPrRY\nofT/EIpbzh6iUOTauGCElUQaed7XPPM2XvL/g/+3+TfvIZCkcYmE4ushK9NV\nuM5wuDlFFoUL/7L+0BUsq2CnK+x2VxkP9zFeLpoKxEeUfJ0aWdfY3n1S5lh/\niKK3MzlcusfvgcD8dFvRvNoqbdmyenx+F6ak3yGj/39qyAXu1kWRYXIFRpUn\n+LcT6o1roWasD/oSrInq/MAb3qOiYqObTLWv8aiFwhqGZdNpUEamM+gU5qP/\nMMGxysBX9BHZpjYOIHWgyqRSctQnhQeCwYUI4Oa50c4LR2FceNePmb1dM5B6\nHqWf\r\n=kLXd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6e651353369eb28099e440b2c273921356ac3361","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220258423","@chakra-ui/hooks":"0.0.0-dev-20220258423","@chakra-ui/utils":"0.0.0-dev-20220258423","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20220258423","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220258423"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220258423"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220258423_1643100154879_0.014369694093421037","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202584437","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202584437","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8d281abcb00067bff891afdfe02e6c04d94b8b28","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202584437.tgz","fileCount":16,"integrity":"sha512-KEcBd53BlIlGnaeWW4RN2Ez/zfbvUhndR5kQLrsD+bJSywE5qMRhgv5aKMez7hP4QxaNbkVPLsrPYOGXTIk/uw==","signatures":[{"sig":"MEYCIQDbCS4E/r6HBH0tNLgKnVEvTLBYSKjubxDkoTjEAi/a+gIhAL7pbMGwwsLOCGAwUNsAJaOhOpZRJDcXeOa0ICCr1KMA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77iUCRA9TVsSAnZWagAAIQkP/j9uD5bJcS6TV11DzDF3\nKmBnCi92lxSdnv86FScmJpVBgBbKdv5MrzHNJged3ymBGq5n3p18HPqS+mYf\nz2Qc9+TnCRWT9ne799KbtkH59VZ8BjRu4zkhQrQWg9fGROlSYLxLoC3rQjAy\nVnN0MGdX8FdYcTbbz52Fr4l4WK5Oj2OZ/W/Gki9efJunlJ9vQpU6RJgtoEGI\nrBXz0GUObhlusm0nfL3Pq0uMwpxEHdG+86wWUx4yB3+Q8chwjERX8YsNCqSH\nRApRRLMADcX3TE4tG16r4RF3bA6bwLP5ZNufZciqV97m1IyQNEAJwNOnbe8B\nWiKG9FEvV6UO5rKUYsgEDML9tTCIFYc+f6DX8vTlSWUWw0nz0togRiuMhnJR\n+FJ4vwuZ/V21YtXWNTPUowz9/up7S5ht+/xRtbMiwr3HINfxDQwwEtdYYZyo\njojDPTK1TFps7dM1HeJQbYc9Ajmyp2+erukZD1zzGcs8Q88ANF9aY36eYRqP\nup/d7SKqq7q+PKwiitrT+dopZ/EhEg5X7dcVfMZ6TDFyY1rJjwLl80Rj437/\nRTV1XZGm/q1htoCj5sM9P5mFcfA41khL8mFcvLs8qfhGugKJIllX//8Adaue\nScr8z1yyPYWuASpQ9vTYPHZt4fhpykTgFqegl26YfhaKYssDNECtxw+SWatq\nCcIN\r\n=rkFX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"92fa404bf4bbb7127cfbdc749accb65409eb3bcf","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202584437","@chakra-ui/hooks":"0.0.0-pr-202202584437","@chakra-ui/utils":"0.0.0-pr-202202584437","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202202584437","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202584437"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202584437"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202584437_1643100308449_0.11715415844332222","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220258462","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220258462","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9d2431320d141819f114c0ef2d84bef4ed7e9f33","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220258462.tgz","fileCount":16,"integrity":"sha512-9ss1thCdhje/saWr2dNPddq8HJFrTwMpqSuoMIzhGjj2LIFSLz1g3ntL5OiXPSNv4vI9CcmZlETj2qUhafw5Zg==","signatures":[{"sig":"MEYCIQDxQfoh6T7Z00WJ03akCDFiiWb4I0sxO8x0ft8I86PdjwIhAOW1gECvOQ4kWWADy0OY5xPLo/K78f3hol2AAjrJppxk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77jlCRA9TVsSAnZWagAA0F4P/jRMatHZ/mUW3R2LEUAY\nJlySc70q9PopXr+GUuCcsP1hzcxMg/JYVUJqQd05FoI45d0tHMz6/bwx567d\nISn3jU4EnMQ2tZ80oOiUqyVW2NluSxpHM5xCjcFhz3YEpL4sZp8sbOPyq8H7\nANIhk4TBK0LgmYGft1FFdeefEVut7l/mktNd4S4vZUrak0grtvXtZQU23kyt\nai0SOSxQrACyH1d9+QQvbcTtmby1bXV1m5N5r2zxKHztMMz3cFsNcY5XaTWi\n0sjtg0XYi6jQkufBbHOIlzEq+vv7eucZgBLt4aIz9kGnZHsXGOxWa5u6YbNZ\nxlyvZapG/kmavUrWQp18/CPGSRFeXMsVO4qskloAI25FdyRRHEj5dQ5oCh9l\nytaq7gYCic/SQqPcUJrSwfhHKXYB2PUNxgCK7dnWMoDEMQ4C6sZqgo+kCGD3\nCJhAlO6vmCMNOzUG/iHUtFJ9GLTr+wTIhmzoMhdRJr/ogNEUSJTq9rv3AFav\nSecDwooaW1cXMBqoXizSKCf4Re8eG2TgVtXBFAL8A0jiO+qeWqv0Ts27sOUB\nlRznOlbLeFlv18PdeskqxLsyvZf1dUNyrPbHTXLQ7CockyUINKUGZUrmSqTH\nfdZ9bD7cQtPVVt+l9XY7X6rtDaWXeavSrTP4mYXhO5nMlegXNDBHMbGiXSLf\ncKhv\r\n=I4UY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220258462","@chakra-ui/hooks":"0.0.0-pr-20220258462","@chakra-ui/utils":"0.0.0-pr-20220258462","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220258462","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220258462"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220258462"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220258462_1643100389087_0.5684953085339233","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220258486","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220258486","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"20406666e5378dc8a4972105a7a7d389dad09f46","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220258486.tgz","fileCount":16,"integrity":"sha512-ffnNihs5nHMCNRbHLJ6EUwbP+wpKz5Z86j3M+D16+h0N0gqJmlPtiCj0+c7wlqxMfB2IMArhYZ6bqkUDCWdnww==","signatures":[{"sig":"MEUCIQCYMXMGI/o42y15gZAtWPVbUtx5IVgmFaoiG6KARuRsEAIgQ08n8basQxWc1ZzBwjguGvtwo1Eozq8Z0b6sEyDE160=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77lmCRA9TVsSAnZWagAAt1UP/iq8Nfi3t9OlpD7Qhnyu\nsCTujJpfuQ+2scBtBcimVwYOu1b57nnDAH2uxxsTdbukDKFBAXKCQgLqv+nW\nzAQsJFHJbNzJPn5W/3lGZOLko3W8YUVihzAuWjrAnqGnt17rHbi9B5ewjxNx\nwVXiQfcyZXuaRuTdd/LwTEZR7MBw7V2zKoJrDnM4sXb8FuGfACoYx9mBaQvz\ndtDWYzO20aGlXEWZENK8L3ZMTulIvMQLEo2ZMDR0lfoUfarYqYvC9F13mXsY\nD13ReifjctjFYoUZ2MQEGppPaC4IjH68dXnyp4YOJwk05nCv6hOoJWXBcvcv\nfNMUP2CnwNOa3Levhtl6YvyIVKGX4uO8C8OMf+Ixbee8tdUdllpyS+xveDgZ\npVaYjx7IbAcyiPvuJySa23hbvxCi9jLA4JNsb8h32Z0Y8vtDMSWumeYaSMz4\nHuwIl6dmRFuJ8s6ZgTJ2m6u8dDmxAWNit7hoyk/6aqaK9HE73bfWsrrg4W1W\n1vQwg4OOsbUFol3PbStwDc48pGlCawpoNSMQn0MfqCSSUg9qRNHmu6oAle2d\noZXLtKwjfnh4imGA7hbeW8mULb2FNM45OaIYDVPjO7UeJEtZmXB0B1mPiwlh\n32Nhr/VcqZsukmVV1i/qU1q9bli3/TdCNO6ajtF/XvVN7Ryl0jIimlsyQNa/\nYQTI\r\n=+Hs1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220258486","@chakra-ui/hooks":"0.0.0-dev-20220258486","@chakra-ui/utils":"0.0.0-dev-20220258486","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20220258486","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220258486"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220258486"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220258486_1643100518670_0.22202455631800433","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202202585455","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202202585455","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a58141828d275b936fd4b10692df529829f4e595","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202202585455.tgz","fileCount":16,"integrity":"sha512-R2K+fX9tzZt6sjVL3O/lDT9mHuRtDq92hBype5IG/ePn6fng+F0+9DdOwhvk9uKOsapEeaEBkMS0XWSKdDxoDA==","signatures":[{"sig":"MEYCIQCKTPx2h9+pae5PZOq3k2ihBDssY3PSnsHOWvOV6g7OwAIhANck0iVvhJWQ4HFONcv4UWFuuz4oklM2tdZm84hx5OD1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77r6CRA9TVsSAnZWagAAqI4QAJybLDw7TdOxwOlrut45\nh3VR+VwozjxBNCwlCFbHA07j42kGk1JiX/4Q6EXqzBvPDwlfeGjpA6S37SNh\n8wPxuWf/Wy8FpUoNsCRrl4RUs7MPVcLH+mXU13ABsIuK/7X5E+gkgsnKI+7p\n46hWEi0pA9Wux3JhhDkTs/CoGWWvJsW0F+9bOniN0Ww6PqxQY3yq8BpjH5TJ\nMfdhO9Lq9JN3eNs28o9KNH28+zprdib7uaVobTp9n4Vgy+Bv6LEdRbNw3fMw\n/uVtoTtDhKyuU84W4Wow0GYmguVULYxsk8+gBleWrNRGJqXtQBi3P7a4WJ7l\n+7/daMRXZXU9oifrLYnTVNOt3Pa4RXJaUYpNs+8jU/D7HDsoxnYUif0Ino+L\n794OKtdcq8RnX+ZwxBPidFpwjJZqNA9IQINRTENFWiqFSY90vFH0wAvGUw5b\nNanbcznfmZSw36BEzPXqCriVbRmKJL/9Bk5h3gJZ6I2TuAg5gn35sB2KyjJl\nQ8Semh/rgyygwHLunzwcuQp8wgRXtp0gTJEufYFJK6y+JF15LpxLQTm/WXea\n+AC+t3bfAqV+Irqk3B45dB/p7mn52y+TM9zfvLEa5G8XZJZCfMfOitmG/UYE\nf7HPF6xT56ehxv8iZFlTxVt+xaGJTcIhaSTMYAJ4UdQIu2+5AppOQOLwFIzt\nVUgc\r\n=dSxr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6d3b6d368771bbcc93006f4935fb54fbeba115fa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202585455","@chakra-ui/hooks":"0.0.0-dev-202202585455","@chakra-ui/utils":"0.0.0-dev-202202585455","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202202585455","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202585455"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202585455"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202202585455_1643100922012_0.10882758995914643","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220259146","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220259146","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b82afafc820d7a129afd34e2a624a4769dad1084","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220259146.tgz","fileCount":16,"integrity":"sha512-XDNxKTTH7oLR8uenUk1AZENhxppsfbok5CGRXBLWyXa0B6ultLNXdcN8Z0AcKfJc4xyO9azmSNkax/Hw8vFkbA==","signatures":[{"sig":"MEQCIBRgdMwjvQHXesoL96aeM2epNXNdWXpPOA1udAGR+G3FAiBSbg9LDL8MJOs6iRW5WUhAWucrDrvB9R9nrfIzvZ26hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7795CRA9TVsSAnZWagAAta0P/2FcuaOFwpLK7FzVL68k\nUi38K67rF2E92/eqKoB+CRuTCn46d0euKID7klch51GqZ/QvOWnWCPaip9I2\nnbMZlKdIQ2We96QMVtcd5FVbuUeRsT3wdCyYZykDC0ZOE8c0OyNmEwPB5sBL\nqoINzY8aQ/2ZY2zb+wzaXn5a4fh9Wm3Te51/kkMCFuJzkW4D8rG2rAPJqeK7\nnUlegUzDeYO5DI/i+mkG90NItsxr3KP2eCMBvjCH0FqB6bad9NqOipojIC6K\n1qqp7GzunoFTvUWx2GkkS2WwMoa22EozZhk5IumzP6uw3btfANAzp7wscMQs\nuRTucZIa8a12BoXGQho3iGFFFAqxtFVN3JZ9AhhP9TLaWfio0mZniRj5i3rZ\no9MrlU8Gfn0JWB9VlRoAhytnCF/w7O1S6fzZCXV1hu2mlghFaC95k4eMXYTF\nou5n0ysBBK87+tCwjLl3NAX50FEmhwciM40beJi5oOAKR5Uhn7JMBKsg4pBd\n8yYdutYx6GkbACicXoIU9EvUfS5whEdN4J+Gb4hDdj/rOehjfL6N0CR4ZVq7\nbV6l9bVhUuCpsvgxhguc/1T+ge6Ikpdse/uPiHsUCanGnbV1CiMsnPBpMahQ\nKoNRA2Zt8N+sQnZKcZUiDgc66t/wEncIfaXJTBhDveC6NOYjtoz8MMmjLqPm\n6V8g\r\n=UWc+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220259146","@chakra-ui/hooks":"0.0.0-pr-20220259146","@chakra-ui/utils":"0.0.0-pr-20220259146","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220259146","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220259146"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220259146"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220259146_1643102072992_0.44077216816591935","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202202591453","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202202591453","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2544cf0a12780090ccaf4ddc5c23b7c546875bcc","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202202591453.tgz","fileCount":16,"integrity":"sha512-nut6nUy1NUKi1pqFkj0c1pUqJHf/q+KVT0noQAexxkRsuLJIqut1f5MAhTE1jGan4qgxWsKfrFVJYueyICcv1Q==","signatures":[{"sig":"MEUCIF3y1ezdCyVzSLFB8Q51PfrjvxuzTSR1/2cFcHGYj5RnAiEAi9+nxEDHBk0mu1Tg2XxrjOskyhV3HAWfc+YUp1GlUs8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+nCRA9TVsSAnZWagAAVOsP/3q15oaml5lsSs//bwTX\n94RxA+Vc7LYJdOSxldBNCuxPHZi+Zw8qWjvHeMvu27VXtfQ5KuVMtSpOukkh\nHkm9a4/qdAkRdINMUHDp/R8wbYOpeNJbv7gaM5B9AhKrI6N8S9RqKQAb1gTo\n5z7LOV71HwF2luEcHEjKw1scIE54nhtDdwTsKVnbhRlntd1yOnwYc2fJr6Ug\nYdtKrOlL7xFO61w8I8vTBrXXzyZgGVKQymuJe9f1HSupD+Ju7G7LrNPGt+nv\nIAmOACjfZL3+xmEh/H5CU7hopA8A36Qw0E7LdYV46jLQicU/taglWReIiJSh\nJTkkqCqUywcRuvDGRjuP/vsBYgS86yyHb31XIUt26LGRI/ArQaTCBzdnJ0Ez\nrFhBMwy41Nt7AlsoDmJYB8OH+xa+t7Z5TVzeXcdWttA9Z1HbIZ08KXbkAZeN\nlu4HH3XIsg+FfQiy0mmX+PmF1nSaoo7vc58H0tqRdrIG3Zg6IP3ATKSUSINt\nDji+FTNt8pxFlilLjv347q549nukp6i7jJK60H0VCqEsJ68+c3lv16Qvie/n\nblyk3gdfBeZYI93X0BBuGpzAl7m6wtAga6M/2BHigToMhNVWd5Ii9fPO4lfa\nQmlFSuKj1C3vbbWBL5P+ejkfTBYb2RANqUvITF3Wzy6yD3/Td+GndA/A5BVV\nEmiS\r\n=nrwr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202591453","@chakra-ui/hooks":"0.0.0-dev-202202591453","@chakra-ui/utils":"0.0.0-dev-202202591453","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202202591453","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202591453"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202591453"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202202591453_1643102119551_0.9239124598645201","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202202591937","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202202591937","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3ec0b416374f8d32b259d05f0d4b89b786fadb69","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202202591937.tgz","fileCount":16,"integrity":"sha512-cZVsZMq95Pml9RImg7TIkOTAmclwh2WKEWfJdCyhjJAFjSWwniSSIQz4q8nRZcIoZtwxBLMUJAngfI9uxSDAoQ==","signatures":[{"sig":"MEUCIGVdgi2iNi6rg7MrHNf9h+QAKoi92r3mxeqnz5QDBTSVAiEApZ93pzk26xG8UCjbfrh8Y1YHefizIJnjHR17cmoloJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DHCRA9TVsSAnZWagAABj0P/idL5GTcoLxq0DwXB/NB\nw2jmJDr2RNNhyVi0BCDnLrZ1Z/kqd7/WbgWwwZLJDSXAcUcikwmpjWuvN2p2\ni7JGomP3VTN4fhNASxpNzM99SUBebw+oPwY6SLQcO0Pm7XKYqtyIqWpMj1qL\nHV39JcLixXQPIbZjE2iSCaQtcZfoFeXdmR4kZ2YXg1LXf7eym+Hzv4VIuq6i\n9EcIBEk5LHAWhrnKchyoFkorrwH+YWOgUCUdIx3cAYQ+sbRPFRUR1Y364o0L\nUm8wKiqMKPHBhXvZj2VDA0cC7N+5eBtt77M2+uN8DtOBNqRgXwB0toMWV5+U\ngjDlqEMnBwu2NXxYGwYnrV+WQphRV1+MsivA5nFOvCFET6t6lcOouA5yMZLr\nYZUdiaVjAQpsZQH0/N4HnEnBqQO7ZUSKtX3oOY6VswqoK/UazTMz/p9kregc\n1v696qKEBXcBzkc0vrWY0huPdLVX8mG1Up09F36y4Z/6vPqpxaQppM77zT60\nkK4EMjFMBJaWx9DDES3SdHsV4WqdHCedNoOQzuAChUePMNobKIy/uO3N4+WM\n23yg2xqAgLvBCh5EDgfDW4fe4f4vka0xEoLr41MtzHassPt6FBn1GtKjbuve\nc5odmWDdof99jPFGnfDpkaZ06gVb1uKSuqQTvV/k6RpFDiUPpg7TP7E9+NUf\naF2d\r\n=FwQr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"39c7b1664ad18aec22c2e0bf5e92ee32a199bac3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202591937","@chakra-ui/hooks":"0.0.0-dev-202202591937","@chakra-ui/utils":"0.0.0-dev-202202591937","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202202591937","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202591937"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202591937"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202202591937_1643102406669_0.7497752519976442","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202202592640","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202202592640","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a2a3b58d37964a17858a217409f178dd69948ea0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202202592640.tgz","fileCount":16,"integrity":"sha512-/jIc3USekRcVqvMVwEQln/GqsAGh6Yzja4NOXVSPalositGp+zEXOa16q8/XWnR3u962UBZmHCGN9X4Uv6rbKg==","signatures":[{"sig":"MEUCIFmpeeqYjNbHhH7rQvxxTUF3xcx8N/ZYkwx+s6zGFpGyAiEA0H/MBDrYS1hHzchl39p4h807GBnjlN1WtooKD/sj4xw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78JwCRA9TVsSAnZWagAAFDEP/04Asxe7nOr+Q4FBj9m6\nHqNhrkgSaMy4260TAQQE6HXLmcSPpHyYjVsMS41A0Ah1ZWa3k1i126BQAP43\nuvFXjd8jGWj8Y3km41fjzkTQ/GASOjRWKZWrOAKZi52QoLME7iK69kc0WOdo\nE83fWz+65ksxYZDOw5XS7VnyNp/448xwZzRlmgs3rVnE+HJkWscAeYt2IuSg\nJuIUeICaJ5Y8AnY4PQIxzjsbOCk0yFY1eCedqBTEE/F17TcjM6K6xpP4zria\n93GJdnQFgNnBE8NerqMsJ/6C8p/8PhBRDm7H9W5SfmksjOT94A4uiPicU0cc\nBKyiYUzGX5xcWX3QnJsun2NJkpgKyTIkJEY0GgeLmfQTIPDNEQLRIjhLYPbl\nyJX0z0/sT9ZLRcDkR0SzN4RZoj8PikDfiulloq6ol9fDI/wrdK0hQ7iz7iMA\nbrA7Zdes/0kW+G3V+/bYOxkCKopnDWvRcG1DNrl7qUGtGwNQxvUXDWBPVNvW\njxDtl2RdwHGj3z6pNnitHtBNaxfMfVEseCAZnYdKmc5YxtnaO+bv1My2pM2A\nEVSVmAbS8RsOQZfQqB8Bl9Ak4QroIp5JI5SYEJVRo7VzAtUp4zSFi4+74Z+x\nrXDEOOkfK5Qchu5CfUicSdAtxi7ZJnzgETkMhHLu5RiD0rjCJUiFaC98hg3w\nGk7B\r\n=rL63\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1b31b374cbf413a551b8bd288da69e35c6bb8379","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202592640","@chakra-ui/hooks":"0.0.0-dev-202202592640","@chakra-ui/utils":"0.0.0-dev-202202592640","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202202592640","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202592640"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202592640"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202202592640_1643102832177_0.9489326720677633","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220251866","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220251866","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c326fd819c5eb203541b3a1b0dd55bf1a72d311","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220251866.tgz","fileCount":16,"integrity":"sha512-jKnzYUaBFpXImMWh1iVl99cxzSimBLrwfHPBPd4PHh0mDoa27ybS0Ql7//Wy+R3qLDnSe3rXpxXwCIKEZ34ZHQ==","signatures":[{"sig":"MEUCIQD7s0wymjzdlvoJG/HeRtegFyDICiZCwkNXaIO8ydZffQIgXiEHY9fjThKEX1Faxb5RtR9RjvFtdvzbwKo3UeeRTkQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DwqCRA9TVsSAnZWagAAWugQAIHaFA5yJP1Eh5HHuoyY\nkTIYVKuGZ72OOCcs6lqgzNRwjqglN7xqhkBBPzFAo0yxm5QLqAnsA3EqKl/h\nmESGlrLdPB8D5SOy/K9/rDTLnX6WrfkFt4cIOdU17SaJSMMOwZkUK49+t2fK\nNWh55u2CUl0ImjpohWbg148SLhtPtza3rjMh9738nQRhJSnjIKyjBjSCtqzR\nXl/YMvZGTiJULoswN31dTWwMuxxTnmUEFgxDHwhhbtKr0QxZVgAytp78u32p\nmAyQ9SdUM+hgh7fNpL/kRQUSVh34SMlo5R8zWPAxenxPTqHtKlKsDQ9W9qnV\n4GdMWurh3qkJLovj11p3P1WsxX+tlBZsFRjrN+3r7DnF8jvjDqmu/fuGBZGZ\ng/knB9TG9NKVgyBMFicuYWcUouY7jSAGK8Y1OoSfRAoQs/wTG2inuygwYg8x\nYUsypxShwxkdaKaXXeP/BaiZvAh3nh1Gpc75UuEyDxK++sdDExKUzlALuXPI\n62nn11TxHa0N1hIjH4u7k/DSqubG5ijEpEF1zC7c1Ta2zhK7K4TCsSWeqqCr\nmpPjdE3KOi5LbYgKSm0wJ1pclXtyjH3zaJ9bmYDU1O40SA9AeuCqCTdBzFHg\neywR5qmyC59SOHgfBSGRv5jw10t7kf3/tJ7sVLPZhtE+GRmp9PEwEVmrgmHh\n0MeV\r\n=RiAL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1d6266a4b69086a2bdd69b3a110678c16bda4c4c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220251866","@chakra-ui/hooks":"0.0.0-pr-20220251866","@chakra-ui/utils":"0.0.0-pr-20220251866","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20220251866","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220251866"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220251866"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220251866_1643133993772_0.44492182703030125","host":"s3://npm-registry-packages"}},"1.4.4":{"name":"@chakra-ui/accordion","version":"1.4.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4263d62c527a7b56c102e4c6e48e9d9b9511e9ba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.4.tgz","fileCount":16,"integrity":"sha512-1qGo9BivsA3n7vgxdvzBWSW5IC7EcWb6B74po/Xc1ymROwdyKDlqDgayYwLo2Zxo6GOi4pk5Jd5hmtrWfzRAQA==","signatures":[{"sig":"MEQCIBz9IzVDc4jLqOXUm5J2puR1yKUMaDVuocp8nqyYx9bQAiAbIkeDEsOcn15J2knggmRnU8iQzZSf8DSyqw8jmWgwiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxQCRA9TVsSAnZWagAAsP4P/iOqKTvfFbuj7fCzMFCG\nAgW2J00cJIUcPv8VFVgOkjxveBCwyjwqd2EupLRtbsQ7nzxs7O7rseSILQgw\nziwlm6Q2QXb/VEGrGh/0v23CX+A7Mm2spvk2QJTcGt6IVE0A2u6ElHLl30bD\nEQm8MFcIvd6UcTBwOHKU28hAr2BcPgLvpptIFv8OgYjEeuN1fL2BDFx0AO1P\n3+FaiyfFXS8HXnEvdPI59OcfnBCSQpKnK6LY8sozVD1Msv4C29slyM4TFtTw\ncBHJEM0HHAMQZUk4uBKuRvCz+EnswK8VB7pcJvTETy3YTGc3EBIk4lEYWByo\nAF67BT4WDmTOV/mlYfJtBs3/A73ZoKxf9jLxBytY+aByYtSRpVJYmlG2ljHX\na3b17lCTZMwK8hNaV0dXxLbf6dktMFhG9YFWjTJl0tOX04dwAh/UvW9pFVRK\n3erztcDT/FqGTzS54eBcB1C2lXdmbjprUaF5BpUHfHONsop3+SlEgZtDZBNE\n4XvRZ9ACPUacEqVxSDk3AdMfeyhqttZU+Ha24SbnyChfjU2sazaYnqwaBIZm\nT5Gg2uw55BLAoYZrM5edvEa65RZFOHSgAyXHUjlFUzPHMeO2SO8aMla4OZCO\nWbwXz0Tvz1C+dlU4viSZ1vI3Ca+oOVInpBvbwttpfbn3fRmmJ+y9n99H1R4p\nfBrS\r\n=lmZT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b8508b0f3f99e0ef04333812938efad93da02dd7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.4_1643134032515_0.5589380742410663","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022026181758","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022026181758","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d4e8a08331a59745424d437160e64b154c81475d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022026181758.tgz","fileCount":16,"integrity":"sha512-fkWRr56XXD6BnRgttB0PRK0ak4K30wqc+OzPxF+hDr6ZeOWok1WhTm46bPrm/lYzJnR+pavOjD/dTTm+i9/reQ==","signatures":[{"sig":"MEUCIQCzkjJuNtPOigw8CYekFKIsKvHcMC58BddR46O+ZCwcEwIgMgkMIc+RafsFPixI3Z5VB+2Fdm1efxhx1rO/nZaElb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZBxCRA9TVsSAnZWagAAG4AP/iyrZmeEkrPM5t6MerpP\nDiXfn3Sp37O+yEeSy2K+QCWbAIe4QcqUdfW88oNtOD1tRrC1ba7h7gVwr8JW\nZpmUF6kLw63dCmNO92h8Ii77wIwca88k7SxYC8qsz6roLRrUgw+O5ymWkSCo\n1XiUV4xlZFe4QXdpdvkJ5JK6eMHIEJ5X8+KdufIxOo/Tpm+7DMm6AKfF4DN3\nXEZhGZgvuJZGkKPGDhPdSylEDRMsFY4bc7t34VKGxC3mkj1Pvz+/bb3TmO53\nWA6cCvdB3bqiE+YveXxbMB5qGB4Z8cngWo22sLVpWdceAS83wbsjcTTmCqkI\nrUPP5/Vtx0BPfwhof2wsOPuQW6/o6pvYIAH+G0YEq8vtijwoj2O+xvzo7WHn\nyeduxITx5d/EWd3XXYSMk4sj4eDKjO+XnYyyd+REiNU6cFaK2lFFsXNIbz1A\nO18kP/R3w0kqN1a0x+DKX6pmRuRwe9aU5aNl8xsfbYecT1Rh6GGr+szc1b9F\nFCbolCTS4NTTWv21s/a5fhqsoDr6w+ac1PzYe7U2uS6YOJpBzliQX04VfLS7\nRFdoNt4xG3rHeVlqeDYuTzmw0TWC5OcP+CdihHLJGuyu6ox2uoP1JdJcVPve\nYg0w0cM/vtG6kp2Gb4DdpHvdcYjCzK6LpZcJeYiNLeOMgkTlbXL32f6Fm+CT\ns89M\r\n=FRUd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b2ca7dcfda51c801870c864e98dc23b2cc90da78","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022026181758","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022026181758"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022026181758"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022026181758_1643221105205_0.51669723757207","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022026182926","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022026182926","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b289fd9decde9a6e896ffc20b2ad3c6ecf79c567","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022026182926.tgz","fileCount":16,"integrity":"sha512-KlfbNIS5wNFh4GeQXlMZgetiurviezQK1p7ckdLcn2fqoMnv2M3u4oIx+e5sa9gTGy+kRmAiT9Ch3MPD1wyIGA==","signatures":[{"sig":"MEUCIQCxzGuM5DtdJkrDvh6ku57oDbYjukpNKPBQsLtBsFVJLQIgXu0/a3rhpi+9yXvof2JO6rrgYHZ/brE3lLGKs9EKNFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMZCRA9TVsSAnZWagAATLoP/R5U/fgRyA/ac7KzcRu1\nbZxtygp81nU2vEsS0IwzU/mTx3g5P9Fyhv+rOvY/BzugFoKvkDk9bWTbszg4\nx5Z7CLUlknDkfLGhTJVd/EwdSa6/H9qyD0/+YdFRKEYtxorrKE6DMTZbQmmU\nIfuU/pgoSm1eqUial7jwRQUPJ9dZcVvPatRaOjR1DJCAIbvtiNIexODjUHk4\njS5ptfFHUSru3V00Yrd9a+9XHRISxjRcgyZpf64cnTxhY+Uxt/+t5PZmvi/m\nuocayw4Inwnuf0yvqoZYsxSBbz1oSG+GA5Cu68v4dIdLt61HjLmhrZAhBe2G\nfm6ygU5O4SPtY8iuzxTyFpAeuLqpA+KjHzrf8gKUtxXKuR1R55/UVBnSG59W\nc4Oxc7ZupL4If8wqKKESeuSbzJfK/llXcnxYIS00XYFix8LUQhqRlZApMdM1\nd/agL5+0ByyZKSiMALMlx4YSd96jmDhVC8xRsj1XoM3qsMbGjfkW9pL1+Wof\nQL7QhC5KKZFh4j9e8/yCbd5hc0N4kZLHAocdHXkAvbDVeZ1SAm4jFdj7LGKX\nWSxCmK69migzX2I7f+KzpZ6RP1Bn4N+Osup1H8mlew+Mhq2nzLW8g5KfVUFh\no0Tie/JDa5BzbkAntLoLF7ZL/KKHa1ie0WBrihxUzgUZjbQQMbGn6MlMm+qQ\nhaKf\r\n=SL4x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022026182926","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022026182926"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022026182926"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022026182926_1643221785612_0.19971867501369767","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022026182947","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022026182947","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ec5d7d209adeeb1b3df9456df3ef7c8042a8e399","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022026182947.tgz","fileCount":16,"integrity":"sha512-MR/XkQXVAZ+9DYOtHCNvHtmC/G5tmkufPWiUJ6JgiEn+GU2jRm6SZre0+CZz2kFgYtY42kI+6Ejsckp3xlNygA==","signatures":[{"sig":"MEUCIFWxiWy7CtEMK4b1+qXYb2KdGFO+WtaCaocwqY4trL/WAiEApAGFJ9U3gxChKfnmu0CdNND5MYSqsczeMwLN+zUYoB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMwCRA9TVsSAnZWagAAurYQAI0sXrcOxQ2EIb8ZnJN7\npppmhAx7M5bGgXuo+/vN7vrcMDLFggo3dLxjODvUDRmOJxq/jGJM/TRqgL90\nECqUNrYz15z2KJRFFij0yWH2HX9PIduA8RZgevIILg1HBtcgO70Okw1/T1F6\nmWG/STXaamF2jM2S9rLjqlObrvSPOKGMtXB4eWyOi6S1jLwZwevmpBzAUy8+\nqQ8KO/3WNGffGY/R3CtJfe1Hw3RIkcTfbFBYfrFxnRF2RzlSqvXLMbqSzO0H\nwZN0gy/jopu2oRJapJ5LLadV/M4yWdUBVb+/MXG/oGcCnBMFK8EmZSbR5lBB\nHoyatFQSMTiG6H2mVPtJNWEFV5vNGpAQMWqc2P/dMu6RP7z5IgYJfx/GR03W\nLiMBRed3hDG/fZjf1pszQn1iABpaVhW3qqatRZCqaSPuNKN892b9bEW+t0HA\nWbhL0YdVV2Cp0S+bko9Dfc3UnKSs9a37dlftdm78KAISEZuV5/+iBk5vuteB\nCCfe1W9Ppsy9SkkEuhKdmEjCZqKbCETV7NbAmbmEA3+k8zshGvIgZQICDMYz\nQH8/YL4KATmU8zucO4iEjLVw23YhiFXjYDYbH73d/YC/xSEE78ltbR4LNdTl\nsJHER3iEZMMUv0mZ3aDu3oEHIs2GOOMPhrGyGTRk9M7ri71jQMV5ADJBIOrR\nDn2P\r\n=pweD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022026182947","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022026182947"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022026182947"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022026182947_1643221808248_0.25196780007962927","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202202618407","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202202618407","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"31ab188b8f0faaa9f050ddd4567c17b69c4a3256","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202202618407.tgz","fileCount":16,"integrity":"sha512-4rGgVQh1/xONkT0AOCDOv2G7GmmScvCA3yLVtVsg4miPCDuVXpfv+979BGkpeG9Kc7opkJkNE+CN91NHRsRWjA==","signatures":[{"sig":"MEYCIQC2bi6wlUzTt5h5OBSzxh/VnDr7D+EKuzSs0P8haEXSDwIhAJGMg8CJIvghBTPNTJO0dTKVb2VLVEs96EnX0Z967yGj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWbCRA9TVsSAnZWagAArpcP/3Zn2i0niK0/rCmmipRV\nAxLuySeBgirEFZTfbNz0mkX4tnN/704Ni0wwDdQR5RBBZnSa0lMaimnfcIUu\niVYbAe/Alc6a4ijUI+aqh0fWIfUh/u/SjPC5+vXdUY2aAe3j/FTwpA9ePD0k\nQUQ5CXYkNsT4s4WqxJAJNRSgKfROfumMcpH/ASlvX4ShSu0ZOb1VMJ4kCler\nZsFO9Kc+KUNpv9Rw5+pbNEPnIRTwjCQjY+FT0OZoeQceF/AHRNCwNWiLDyqb\n6+vJLKpdC3i+S5WlNV5c7tdABM7aA2el7Zrv0eRd6bx8b/JRckB8c+SYLaNO\npOEcjtptWs63dClYwBfKZPElQckyIhGsF7sMD8UtKot5LivbYiMftUE7avik\nvu7eiEkC/ErbHCvR8DnuzpSgbMzsJs16g9/bwsnTrSk96cp5K7e6UydC+YdW\n02riVroGIJ3oVWcI3QRLucPDqcC+w2JLMbOYRXvasVV9A0PC5OG17qd8fVyE\nwoYjCzL1nnLqO+7zn38aopj7+ePlNsh9aVjd1+S67Hgi3GZCj/i2xo79Isbq\nfAVx+8pyzk80YHQkQL9NcpFc/pOo7VIc24Ca6WsmDPskWnweQuZ4mslZdH/F\n5AhBAXfVE3DiePZdEI91WEH72w9u4rBmw8x601MmWcQlvdx1EBgXb+m7uuAL\n4HII\r\n=oN2S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"14239a2e6eff4ea17b2eca405f52fb26f02c48b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202618407","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202618407"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202618407"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202202618407_1643222427164_0.8881716737390088","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20220300344","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20220300344","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"74566cf430f9cd3224bc4f645eee734b13042e04","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20220300344.tgz","fileCount":16,"integrity":"sha512-+OmuScKo5QSErSztRBr0M7+8mBG5xt4AN42be9beeW9z++c1pPjXnXAVq09ae5ncG8Oi2KMOs+blqK9LoedMCg==","signatures":[{"sig":"MEUCIHTVUAlkNfqbwdM669Cc8xaPVyQgIrzWl/UkKpJXBProAiEAq+Hh14jtxuZy8D1c2CUWUHrDRyk1XSz+xLS8+KqMsYE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dX4CRA9TVsSAnZWagAAX1sP/jzZ9c4+po3LFOm3PcYT\niq6YkiU+HbM06Xjmvgm2n8CIYtKTV5yUBvGO7bhtQzlWqkxxpvcgNKaDAunK\n/1yn7+pSz62S8HvFQEKQNzPOB9R3v0XlQRgW/6aP9Jnp+kBwZfmvZWsxLs2Y\na3BUWW2vehuNXSGRn2aJ2Ut7bVOiSX+PZ4bqXe1vlXcZ8FIuVeb8kF/T1zAZ\nsMQaVpE9EujUUI156Ql68O4gGghd88aUPbuemNKdne7P60r/Lcyc6wWraRXp\nLvLep168mjxWkiWGUWuZgqjfcKhi/Hio6vzgsVkZgmKgAWjYfbx57HiEBQaB\nXAdsaP5MZy/+9qDEGVq+Et/Q7zTkw7OdHpHrxN5Sm0Si8ecb2Bx6LNQRiwa7\nMaqQ8SHxCZy4hBX9hM+e2bkEpMPUYRhPTl1FCUwe+1vnesrDxq69iW8rP0US\n6Zy8P6jJH/hpXzUdZ5+mUsXGbCTPWyhdVzqB7K0tKoihVlWw/5jcXVbsr7B0\nqqep6JEuHp/0TOD7h7YBa4PMiOcGtZrSaUnwS+QDj9eis2uBuUD6wCwBHvlR\nCBUq5Ug8Qts8OmfMp5uyyJdMB9BMjuVGguPvo+qg3YyvmynhhwWYeMJBdtdu\nxaSZDuY6kexk+zyaOa/jf/c+sUgSYALfswhkujZLqqxkkYDdLuCwby0CLrjD\nnXCJ\r\n=7IOa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a62b5ddfadc06b2af6d674a48e42d17aac9f93b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220300344","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220300344"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220300344"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20220300344_1643501048065_0.8821719545415989","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022031194853":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022031194853","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022031194853","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c1562f67e798697763f6827be5ff37289f55a266","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022031194853.tgz","fileCount":16,"integrity":"sha512-P47pgEQB3ob46chojOIaVXkWYe4/vKH9WVwgY84mn3zTSfiv0R6gQV6NMhHk0XU2BmqHmfnE6FM0HrNn/QqmqQ==","signatures":[{"sig":"MEUCICV4ffOBWfMxTbftO1zsuq9uHH5y0OBf+ysClkckvan0AiEAhwXfCj/FFpz2ZI3Qd3cKdIcep4nPSR8LJ1LREp7fy0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+D06CRA9TVsSAnZWagAAaVQP/0rV7Vjg8llY0EBEp5ZR\nf2A50ZoQKcdoDvKbNTbrM+qWJNPLGSB9PW11kUMH4N/KQBDFLRXyXgilyfvK\n0BUAEgHUND8se0ZQklkswntNRIvXFOt14R2KfYNrRxowvOn9GdmOVK04Js88\nXQ/K0eqg9mi7AKcDc3uIRy/rUVHw6BiUoYbvtZHKK+Mvm8Iw2H2NVzOzgB9F\nFSGzIC1xtqj9hwdRe/1S4ysjV9sOeWMW9HtqDoIde04fTF1pcU5gk0OmKDa+\nPLPVSBs2NtPOhmK1rnjQ89qTE1ErRv9svvR07y0SCPsrBDfcGwKTTb5Zcd3s\nwObXdigGDQd6wn8j9UP/LJjFlbqGsh1/zWg7I2rGN4+6FLEH5T6EgnUp918Z\nTa6V9Aek+jjfeIIt/QGbeoAiVe1kjc8C6aYSgtEWeR8D9vzVaLnvmoJ0kz73\nvCSgkKaxVvmJtsrgQtA+mQnuS/4DcFoQWAv0pIu4rr17wrhl7U+dOh/tMr8S\nmMSMXmhE5nm3+i191m4lvDSUKhlCmHtcyCzrpef5WmU7fLp5ULU98uIQfspT\nf5xZdDXHb5XtU037VV/57H525gdi4Bo1jSn8OotAsNQns/UTzHK0wtr9fLkv\n2fm3pvNV9PcJEKd8K9hkon3QAi8QUAVXLrwIzk9SbJjv8eENQVxw8r8CqYwG\nCUty\r\n=hwFJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"98c5ec2bc37fc0764446c3e4df816131418c14e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022031194853_1643658554605_0.20998450283542325","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022031195316":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022031195316","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022031195316","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5871ae35103f433477265df7b18f4b9e16f011d5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022031195316.tgz","fileCount":16,"integrity":"sha512-DilwjFtORJuVPP8Bn4J4FanQRaI2mbKd6tlUPSypYC8IacyxekTYRG8Z3wQSwntJ0/Lj8E4Ql1BS/rTd3zeMbw==","signatures":[{"sig":"MEUCIAyBx26sJ5pB5Dn81n5wyUdMQ+JW4YxLwSMnhx3aMs0OAiEA1EaVmZkeXSBml4Ve9PgtevObqs+EP0Idz/hiFLavTYs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+D5FCRA9TVsSAnZWagAA+d0P/iFOePdkhatGF+Un9zm2\n9y6YBs//rYl3KwRL7VlVn8IMFXH/xlccWD+t2zzwkMq7Ee9jGMHQacxQjOaI\naewPJMX5XxYYqtzghktWqqXD97AYNl7nkLiEuDM8cIlexWDAiQzWJ2poEI0s\nxlmKOuhUO/O/8x8a/rCkit/zAFxEFc1vzFxEAnl0H1+pSN2blLk3NwaY72+J\nowS2CWGDLJWJWaruDr0h1N/PxedxM4vWGAIvFgxMR9tZzEjuPR6pxMAAhYNr\n3Zl5IQ2wR9r85r0SVYI6VM6cvRBB10vbzG0sy+qRC1fLZOFrfbJtSgM2OYqu\nKDb/FU/+bxFSVdOWMWCk0sSygrIvGvtek/AygkE8tOfnZI68GF3QTjCaUibz\nadGWTCjGpepxg1J9N7iKSFGWHczvRYK/lS1oEWMG9fm4+7XdzWrMXB+GiqbD\nZoDLXpv9A3b6QfEmPUPcepyJmCvi27J7CBTYAIx3ic6KUtp51WN7LaFmT+i0\nMXENHPlHs7flIjHoFPor0Z4uaadlRC2muDYJAGMWx+paF/idxl2q95sgyJM/\naLK7LHveqFrIOwYcWde2Q6FVo4TzgDCfmwezFW9fdW0i6ESkQQbTWxXJApnN\nbAhCvNaBuhHyQPXo21pvjwCV5f6bxA2rvPpLhCbKRc21nti2/8B/mJW4mTe/\n1tsp\r\n=VczH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d412cbea292e3088ab29bb2a8ba599cc6cb605e3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022031195316_1643658821194_0.828871213954393","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022031195335":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022031195335","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022031195335","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"037843bc4491932dbb1a34cfb884a1880b5da820","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022031195335.tgz","fileCount":16,"integrity":"sha512-dZZDIBqfRFINln+XqDuqvoKaGtpVPQfxfo0Md+FgQiZsEJi00oKuqDfjaXvtKG0W0rJn4eDn4Z5gtAu8Xs16JA==","signatures":[{"sig":"MEUCIQCXa3xLE4Cw6IcHG+/+ryFkka1+fDCW8gMqXuv7f9wEaAIgYB4pRpnvxAHM0R3yjx0OS8ka1iUQxiFaF3xpbrwJaXo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+D5UCRA9TVsSAnZWagAAHKEP+wSqhwB4VZ6eFQMfTmEK\nyYI+qZpXTSerPJWpaqg2To04h8V2BfA5MH51ejwWEmiyUQoivqI5L2I5WR8G\nOJCXPRF5RBHnNTyKbDGUFGrZT/onuPsp4Ub8YtVt9AUbljOiaPpsjbPTtEcP\n9eZ/C4OPxIFKQkr+nRqaigB+QsQ0DKBK1kYNPMmMnQ/lu306pkAE1n4T1O2b\n2EMwNOf9FdEq33CTWY2k2YEpvlXd96YXsrJl1pUWn4iAI5zt7ml5QvMmbniD\nVUHwrIlwfAik0jkujNUsDJc5T6OvWVvY4xiK123e1mEYY4Dt09r/gFDUKdVv\npCCDCgZziRUDMgQUokrD3e3V8IeKZWVQdk1DCKWjf0qahyxrvN4y3OTTNELb\n2SPWZkGEFyfZbeBh6dgfZsbY78oty1rBx8La/fyufi3JH9V/386RY2W+7a/w\noxF3lDb4vblEYZDVsFgCPk0lcNcYQjVN4slOHHwKcQEX+2Y3LGO6oiDmJomA\n9b0g4XGbCwNCRHUqqc9Uqadqj53SFlwuwFhqV5fuBQhTz1lZjwBhQmp49kWU\nBxSqmZSjpRzFdG3TaoHherDm7GKTYg0mvKGBpxel2t2C1N/HhENFoBuwGfid\nxfBO5Xl6eZUXHFUWTG2mzIwjQWk4sGmYj/mzVcEMOJaFmdfhNsaU06NLsXNn\nA1w8\r\n=hogm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6d2affcdd390fe013eff684569573200b97e9e88","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022031195335_1643658836047_0.7094942895177294","host":"s3://npm-registry-packages"}},"1.4.5":{"name":"@chakra-ui/accordion","version":"1.4.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7a39adf2487370228b3d11ab6eac74c0970ba32d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.5.tgz","fileCount":16,"integrity":"sha512-1bb/qfSdLHllOZ41xMpQrq2BtWp2qTcb2/TzFkEAUf+mWk1XsOt35PR+Uphymgq8h9seG2PvFnyq5PK1yQqmFA==","signatures":[{"sig":"MEUCIB8ZoXOVgDT7REamVt4Ge4ozsaQf9LN8iUxLAHKMfND4AiEAp34bL4W1nH5lM+v9k2N0Ki1LQKqwfMFiZsVz0Q+RxKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+D6TCRA9TVsSAnZWagAAcYIP/3UistmZAFOeEQHJcQfo\nLeNXGfdoXLjyfKTFJo3AGo+0VvBjWRJIrY8WKIaLaNwfTmw0sWWhtQ09Vui9\n8SXH5nb/WAYoPiZHUDcGCoxNcfx4vwhGs97m8NP8YK6fWA9h5w/yL7KT3goJ\nvTvVuXsRMVrQSNs+5siHuunSqZGN02fX6dkOYRM6M3NXAyp8EvNFfQ2k7nHe\n354yAfPnwPejk5SbKvKKZyOVt68zljhKzfjk0A2kfN9r0r+/ic/L3gI3P8W0\nO8GBIOALdi7+Z+p9Fl9GNw6CF6w2Ec+apCe4i8nNTGtFAzMGoAx1cvRrVDLI\nkcr7K8nGpaHjPSB02dUhnxB4Bnyug62CNvO3tkfGjhHKYPdioRUoYTy1ya2t\ngLlcfGTLVI9HdcMYanun7AUj/X2A26oYj8iv5owiVENfARmiDJIoiUHua05C\nUmssQKAn0h3OC7n4VLdODAfyxDXYLON+M4JGbsems6inceYt4fm5rpXGXlTR\nrQ0hC5uxt/d3ll2Njn07U9p9QaSaUruM3+5k5PzkpyWE0lG6a43qCxqSK50l\nhZHLzx9DENLu/GtCjcA8Df17d0CqZ7H4dmSlVsiqcRJXwvT1k5hVkpjltOJd\nVKiJmHXnY9cYisqPq5SRWK26AbEXYsHtDSuBFAWSiBkdMJXg331mUNI0aAjj\njJcf\r\n=xcUQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"abe19dd2b30c92936929d9d7a207d824953f54e3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.5_1643658899399_0.7676078695978663","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022031195522":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022031195522","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022031195522","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ad1830053f88ee4d5c51c8f87a3cfdc08154d97d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022031195522.tgz","fileCount":16,"integrity":"sha512-6E1hhWxjKP1SYU+hxn5tIIua7G9KLSj+MIH1aZC5vrLN4apX2hbu75SEDhwTusNiK0E6d/m9LdiVypAuC61z4g==","signatures":[{"sig":"MEUCIQDMrGLAEFS8VOe0eiDqwSyrfUskQVtkU5yUPxlozqACyAIgXZ0cRVLV1s5KjCnBJXGF/+4cG5jGeIpVqgIiV8H5fNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+D7GCRA9TVsSAnZWagAAlwoQAJFjxQkiRNjdCayPa9Vw\ndORY6g23nlM1xnNFMFDVvCxo9b5FRh5VjpA1RnBE3EO4RB3iugIYVCDFj1vp\nX9gX40tLbFh6S3wqM6esOKGKdfdsV0nYigyewdiW7CHtJXGqm793uuMdUd91\nTMOqNih6j/UrdzLZFjm8PoaxZCWU6l1WVhDbm2OEYhSDi41PJkDYl5BpM6uW\nySfEFlZqv8plAHh7hOtUPplu4os1cvEH160bD9S37Ff/n0z7awEFns/c8e0Q\npYsAHBoOv4GBu9C8Va3X7zis+rUACcmg1htv5MzL4nP6A8rhRTs5wCSg+3kj\nyc9cjSg7Nm/DSVCEywFDUMyjHCGJfpSQ6m6Sd2RATbGMNcK/Mw2sx+YodY4E\nZXKUvDGxOR635HMvk4PPRTIlbMKEgo9XQPHCiYKjHGpDakn1n4jocer4F8iH\nlwdFk7xFq65AuL71BL8j3FNKDBhmFOKRu3+lB9yEo0CeuoGVgCODgFVDK4OR\nbqIPpamHsdhEwY1H2uZctOmvmvjcsmu7hUxxXGwBMauQLy3fwaSL91dY/t1k\nRDBTuHZmaY3E1FVles3VHb25eJdocW/sQ8uuVl+pCSyY/NbLthrWW3IKLaiq\nX9biVa2kCiSl8MZF6PdcZnmFxZqhX9PZatRjBD8nwZ8JMKq48/0hR5pHyIA0\ndpV4\r\n=iqai\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6d2affcdd390fe013eff684569573200b97e9e88","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022031195522_1643658950754_0.3486602159856469","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022031223123":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022031223123","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022031223123","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bb78f52ce42a9aeb6dfcd2aea572c1e38d103843","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022031223123.tgz","fileCount":16,"integrity":"sha512-B97LlXSDKBwVWrHiCnpNPCuA/l1arM1neKm1eb57xk3xlVFetkhzr5ajEVXLAAGgeZxgJdangCommqSUAiGnkg==","signatures":[{"sig":"MEUCIQD0Iww1FrWoWyjgg195322hQAa9TEnsW24309XdLKUpSwIgSPW7OT48OcMt3Bj9q9di3+pk1XOE6cnjRIuQKR5P9+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+GNSCRA9TVsSAnZWagAAT1gP/itiVZeiuH6gbquMu4Vx\nP/fD0GKgafIc5mJ6jFN02jtdQHxX9zV0GRUu3D8Z+DXvrqEh3dPsb/0DrH7v\nB8oxqlZcikVkUqhk0YWDR3d66JQUUhS4rb804J2+IGK4ikIBVeeGgzTkYeLF\np33XnBj27eZLfoVIv4KI235XlUhK3/VRFtNIBxd3xSq87v1A5qWuu2j370qG\n1BGTaR5VANM6o5hFNwBdYXUYPmJb7IRKaK5fL2BDK6fV3cU8xPwIJsnkH2ej\nsajQyPT2VYpHTOEw9+pQR0CU3UKCcFtj5khvmzff1v0HyaYlcZLRKoxRNZfl\nrl0RJFToZ5TxQeh+SGZo927bcxzpQmWM4Uf+UhuPE57r7KuHxAZDosmHetwN\nsRFk5+iUcy8CerQLAJX5QBOAXziu1q9SXs/MmEadLvixKKqXBtifAVgl33J7\nmAVKFnNEgBfGiQ3/6sVEE+neg0v9WicG08dyIsT0oytQvaCVEaXwZIJjTcjp\n+1tBKNF+fH134Om8Zb92bPS04O78nCKyty9L0LHLg/pXNs2U7Ide6dhT+4Zc\nsiK/TPRhYzE6UMOOVDz0mtryCdH2WLMj6H+uUozDgtKbseSuOK10gzNl70xs\ntzowZE0kiPnJ967tsNO5kyx3/Q4pNc8W6YYSaDuv8AjPxUuTE2whNzl4ZiE7\njw+r\r\n=6Pvl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f1d02474983dc8277e767dc729abc3cbb02cfe10","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-2022031223123","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022031223123_1643668305967_0.09936434647078474","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221152447":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221152447","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221152447","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"88507308daa8f8d5bb2150f0d5d189533b9eadaa","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221152447.tgz","fileCount":16,"integrity":"sha512-+kdX+EJemKrja6Hqr2HV63HTKLFJCotIKLJOYfIM7rcI4vs+zE9W6cOCl0uwzK7yjUFfxZ1mpRhaZ/ptHRqqKQ==","signatures":[{"sig":"MEYCIQCXbtm69qxmY+B3CS8T6iQUkvA1p/Jr/6o7UNRUsR1vyAIhAPPMxET5W3rs+3a3JZbUQv9qkiQEF7G0ocCjfzYFWxFk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MQ7CRA9TVsSAnZWagAAKWAQAJS6qGVoTHzI/ZHIRLtG\ny1Q69PsJZRGznKPWEwilnUWYc8WSOeGdMY0NnAUHQebNNdylTAhOgobNQvV7\n9J0UPiJ8eoYmizt1NIbv/O/MPh6Yc3N7QO0LHgCe8epKJ8K+rfJ1OISe+XhA\nff0Ihe1pGnsrBE9o1SpXkBsE5XQL1DsRDfSw3vL9IX7Lr4/AUt7aw/o4tHgI\n9wmwyRHaqlZwCU7huznNYlzXd2gwlbxWnz2f5a3sNGSqUYBMJZC0s9EV4ICi\n+E4buYkijzLWJB5zr0Q69Frg9j6oAf0yt4NVK7+u1mQ7hCz23q37C+XF9eVg\n6iV6iyamB073y1rqBbqmQ0qPdz41KYgWnz9R9niMZHEYFAf+5bTKHAVVD0Oy\nGotG7itkxsIEAbfNIX1PFfsuk0VheBsNH2+nUh3JtsnEOPhUhBE8bKCJXUnp\n7Cj/ZWtCHnFQNPa/822OVfidAHO8t3Qask94HBELW4DXzO9ZdjhLNnsFB4H9\nFIiko/3mPmB19Y4wwLtk4Y82Z+UV8pefmDgehncvw8wUw1Wdp9tDsItA3iSW\n74DJ1t7aNVeQVsVJyfVGrUXq/kqRB+AAxRDPzqM77I2kBZXce71YN3X1wCVU\nGapGGMk0MesSOBhAVdlzgQa/PSkVPgl9MaDvjqXG7NPi0aG5TOoD4A3fjDxC\nEPvX\r\n=JObO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"9d742d7c0ae7729ce655802f7f7db074a674ce49","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221152447","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221152447_1643693115056_0.8363942584167401","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152516":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221152516","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221152516","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"05348b8f75c7b8521a65cb0251a842cdcb39b929","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221152516.tgz","fileCount":16,"integrity":"sha512-TXDZhC8hMnCqjREMtUG6fZsaWeSgUSGkQvpoacpfh57IhRTpKoYNAhxthqLgCK0TGw2XDkXpjo5KLjLrKDl7Yw==","signatures":[{"sig":"MEQCIGWQLYeJ+iU4ngwGqYTfITiHZFj9JtceegGQlkkJGV/UAiBdBahzMb18Gi7RnF7twT5ZCwc+/zivS6W2S+O6va5X5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MRYCRA9TVsSAnZWagAAyPgP/jYgM7okLcji3VtdUMwH\nLoN2r6JLwom2eClm53GIxh3mzARvMGE/km4hOwyJxWPO5+2Q+ltx+/Goyj4C\nwidRG6e7ThpwtzqpHsQsfpMqMBus0T0Fb0xHB4ALx8PJfEJvnANkLouZUbSx\n+P/5id8+zjEPe43zfxIEh0rYExeRkckeVvW31AXVJU16WpjEMjKHuB1Veyx6\nOLqpVM9HT9/xLJ/g+STXJBtRg+Z/XqXjcx2XN4vEPaMAutYY6idr44KkZVLx\no6X5RXf1BWO3eVfZC6yMCcl9LN7p7ZcyPcYXCpVEzA2qrkyQqx1hPCAS3wgI\nUv3xYKqLd65Hc1jvYfaSFGJNYCWF9QKzPbr7rlKoOCV5TX1pDTY11uTBVlXP\nYaRMF9pA33UlcR2X5NpF5xruuHryzmsb8fOH1yhrhUi6MpU3pjdr3861SYKw\nGg3z59+cDGYZZ0HpXgpu8nvo92yEkCRajiJGczhUwxCMDvlbBtxh9O904gUt\nkpZRnB9ziITQagZ8ChtWCBjq2KtqSETUMPLXspt6rR9KFi/4QHiC4xZgtOLL\nUHUQyogiehdtjCXm7XThbgtv0AWhpINdVSJ+iCFcpb5I31pTTnZ1pQNKl1B1\nPX1v1r8yT1/LoQ0GTr0UB6/UBaT8rj0wkTTzVEjju33hmphJcO11Gdc7vkre\nm5Sc\r\n=5np3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"9d742d7c0ae7729ce655802f7f7db074a674ce49","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20221152516","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221152516_1643693144248_0.707630222246532","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221152957","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221152957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"717ed663408ceb4516e340aec3f7c4d320ea4e25","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221152957.tgz","fileCount":16,"integrity":"sha512-UP+tFAhupzI8a+2de6jXUCKzQK95ZkBQ3fRcaJJm9NOJwmkMAxVT6oykY83R27S6Jrx3EcQmJpMNAyg1yDIyuA==","signatures":[{"sig":"MEUCIHUM9VUDsE+apw3vPdvnSm5YjLuF4Ks0V+2et4GDULbBAiEA927y+wN2JgJY+nAKssHir22/egR7MsmUfKS7KuQJAKw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MVvCRA9TVsSAnZWagAA1YwP/AzA3YBN15t8/FGsstM8\nuvZ4cKOcvHi7DCW0T/9PLbhsErGck76gpllZDiJNMSMAYMXEPcxGM0Czcm8i\nyVsTjVFlein/Ur3tvwlKlw/oTQ2FZm4w5API88XPtVbCgGX7CCvHv8luZLzP\n6GSeA37TBCEpqlTC3ODd6pBYslrqcxHGluYMEW1cLd9FIhm/7mc6hcWJSSVk\n1xzafwbwAqF4Tg5GeKo6RJPvuMtAdc0Wyfmfz9D29xkjJgrSaQQd+vEVCCAX\nBOBTIfmXaXbO78O1TdGtqkzrPqMddAdYLqMivGxOObBIFPPlGy453ldLFhFk\nxGAf/08poFMCWzIL7uBCfJEF7Sg4iSWacqh1MOLt8VsxH6dBInOawTN3l3YH\nyTXEihe/87cFt8ML8c0jB0ZqNDtno39/ELSBAhdLJMdJmdEUcFB9KOUuqMWq\nadWZfZ6CA3kPJGn+tJlQ7aNLJWm2gnNAEfZd8SKRqEE9TgarekLQmHza299c\nFflPhuDPJ1LEt++wKeHbKv53rigZzo96UDj8MA1MwioR8DAJklcZPP+xTD2u\nWVs0cwlKlE1MeYSlgEl+eBj6SFT7v5vPxoA1GXJqaHx0vyALQvYhpo8TvVpY\nPMocKqJnZGpNPSUTWR9+1wYob8rsMuaX1824zjIZ6GWBxH7p9RNi8BP76I64\n2zFy\r\n=qrk+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e1057b085f47916fb148561e40fe0b4afbdd633f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221152957","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20221152957","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221152957"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221152957"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221152957_1643693423855_0.2051052234184625","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221153122","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221153122","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c41e643897ce3ea058234fa99ce1cf93793dcfbe","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221153122.tgz","fileCount":16,"integrity":"sha512-FAcfGtkMYbma2EfonpjiZJnxReWClkeOYhc+42wfPQNOkuAe/X2Czr7wWAacyrVjHawMfTtf0wfSd3VE1E8XgA==","signatures":[{"sig":"MEUCIDXidiMprHYMJK7M0OkvfLw/anZOZqL51fuJC75k0Lv7AiEA78KOyGvmpyCgMDbvsb/6cme0TwhfN4HpO91v4gmvJA8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90468,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXECRA9TVsSAnZWagAALUEP/2x9ebpEMaMJwciYG8r9\nf/csnAsmgVo3BBw3qnxvE7GjaoBmLogLzAIrwuOzORSPvKI9ZlWiQHViB8t2\n9wJNqbLvUpC0U/EabBmCleegBjKyGsGplMxob4mfDg+sFQEbAG/Y6N0WkRB+\n99qPbp1uZZlmjkrvk8eui8UhUvKZx3pv9QI5rhEgiFC/ZqHLSw+uQggDMnE0\nuX6xwfhYZ3oDyQc2D+aIGHWSYzp1KBNDouf+zSU0Num8j8E5haNGhdBLlDDS\nQk4ZaK/t9lex/qJeoTMBdCIkOPT2WWfFjyTKVu1n3iUOmWDsXdpnm5YdxCic\niaTk3WN0aCJCFcqbPg7q78botW1+vVuRGOq6NUVz3l5y8OQIuSf4Zz9cQZIk\nxE9N0hbYP3isCsjzZlotoBTSzBe24bXZK6psGrI0iNRE63U7iVu6qltNykrV\nKDAATzIUd3uGDvvRZ7CTO6AvSauOpoumkhnovnc6CfcookjuxGmK8mSn9Bzs\nVDaSNqU42tsLJXg4ooGIwbGQP+3ZX4PD9+Xnr0VdvSaOPT0DQCkV0bOPNYea\nOZDR6062WLO31vuJ1WhZbYQwKYORpxShAjlCAbSn5abbji4lfEYi4h7pHhUW\nqyV+2JO7f1gowNFoYE5fcHlCnoM3vSfuG33+JiR5l0T5T+rtqg8taFiAPFgl\nD9tu\r\n=3z9o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b2ce85e29e16138bf67268fa4f2ef56de33c60f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221153122","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"1.4.4","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221153122"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221153122"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221153122_1643693508529_0.6385730803329788","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221173228","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221173228","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"45717f1a1abf562d2168f71abb202ff0c167e8b5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221173228.tgz","fileCount":16,"integrity":"sha512-7gIOqa5PWWKZZ3sOh6/rWU8Mp087ar4igjiw9sSWOviXgOoEikX4ksRS847UiRTl7Q3qxJncLRjr48+/GPsKnw==","signatures":[{"sig":"MEUCIBxVeDrRMHXnkrc4iZXc5TmzgjP+62lFEiG5SF/rrH6KAiEAuqpYye2F5HqQl39BWpZXoCoM7nIBB1yA7TlYsdZI9bQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OIiCRA9TVsSAnZWagAATfkP+wYHNYiCPljYC1cVkC4o\n7g/H7+M3KjH/ymTc7pg1i7n6HNjn2p/Mi0Iaqv+0Jf2xN0E/m99QlrL30WdV\n+OkudmnEUeWZR7FhOAPFZyooT0JvEyHom5FAoVrdi47wmu6zHwGk5NltTm+4\nT1Q8YeQOlweE+nbR2pbhfZtPsep4Lu4OucR/SXEO5qNVAq5NodDL4LOVTBvn\nuzl5cIYjAqC0CcuYJ8filWvSRi9j6uJUGgSd9Lw6QPzn6C8jJRenVYk6ar8I\n58i3/t+I57gq3LaWgUI8PE6veKPa01cd5YQBTWlDKPrCERlLDKnzW2O1HupL\njI40nyFvlqi88TjpWzO6c32i5Laa+soOxH0v3XaN2z4l2EJkKwqZizQSZk+C\nFiArdwJVWxdPQbQlgoDvpgLEMDwcn1IyGNXBd1gHanPKm7NUDSJGMSp9AEXx\nKvN6ViDcbz/CjJvSnpkVtvxfM13tq3+OTvoRgUZ02xwwJYvKKxc4Q6xVIIKt\npPUhWfsa3X9LN9cgXJjJOAv2RuLv7IejODkTvB5sBrJUHtuP3Mnm3Zh1HDzv\nuQTEGYfTVpefRzAqcPmeSBiKLbpALweQo5Yi7tROZA+ETaVmhd16QegrcjKw\nlxyULuSFRMSAo904PbYe6BpCTQhI+A/sO/7Nd1b3m9KaPd4JuPcM2VJNQr6r\nJ8NT\r\n=qR1g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f730ffe104bc5f34dc08a7546c51feae821932a2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221173228","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221173228","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221173228"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221173228"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221173228_1643700770406_0.11115293821434569","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221173648","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221173648","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"520eae1e756fc0ea1adff57c4e77a4036d894cd4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221173648.tgz","fileCount":16,"integrity":"sha512-bzHQwOobglwBs2pnM4fLLQPcHfRj2zsNFMhS95bKdKCrQnKAWtMCm85dsPq9ugr5yBI+3CUddYemvCsZ5yik3g==","signatures":[{"sig":"MEUCIBAJBqgXm8muyw8g13GkMhHbLq4gI9dS7gj3u1xdmfGJAiEAmbdSNLizaQk1BqU4cjxLSMQhSiGk1KrZQ6B616wxaFc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OMrCRA9TVsSAnZWagAAKeEP/RS1hfFteSXGRcL4KE5r\n9Der3Sg94Adeq7Z4ja9OFW+k4xowXgqFLDLHo0JB0INeestJwX6MqTs4IhKy\nKL3AZzso6QIJihCQBoCi1pFDhtvPHZb50uWfcuvsdFCYQeuzHLqTLZlfA10z\nTydlbLoUB/bF5F2aSkV9XPDqB9TLrP4Njm6A5Y2tT6OktUhTBHI2Xm3eV6PP\nY0HLqitgBdVAR/vJKF0t3/olUfx41ze/ncUEoQeWtmQcD//FLYg3nv7PXhAq\nqZwXLmEbkQpElwVEd+GkK2oGWuFJbNuykLN8/ll1OWa5N/ZKkGrBjZ1S6laK\nsI06+Zb2zkMdIFeCST6DlLJQcQtHkantiaAiOoT1VET3Wb011Irx5DdN6O+n\nxqBxdCMxdme7xM7obbOEKpuX/BOaqsNjqR4l2/082OmlvroLKOJ2HbSAL4Fo\npB6cQWdjNnkRC4VNsnbU+cs96mVWk2JcF2tvGcCmfOTUoiVa/kk0UbNUBwUz\nvieAsrwIBWvFfuf1ovy+j1mf0VDboiYteFvDUxq4mBLC8UMkdb+dpZxaDCza\nxJeKIz5dPmXRqaR2AsFzobLkB+bCd99rZs8l8hinPlgnsH5NXFXDTFxH26l7\n23R9p01uK98ITfSv1ktJChXc6TAF+KkcxnOcDn2FdZymC8CKnfqotXl8QUlX\njjHN\r\n=gHVZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f775c980f4d1e8a692bc45cb642eea796d4025a4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221173648","@chakra-ui/hooks":"0.0.0-pr-20221173648","@chakra-ui/utils":"0.0.0-pr-20221173648","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221173648","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221173648"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221173648"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221173648_1643701035271_0.2959954218162544","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202211224055","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202211224055","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e790f54034fa9c873512bec44e9925795cc08b26","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202211224055.tgz","fileCount":16,"integrity":"sha512-OEOnlZHIEgCVsOzGeXBSdXbBIIhVrUs+A/gbA9Q814MuJfUaukOnX+JGT6h2GLdJ1fCkbA47vvl68NkjrYt7hA==","signatures":[{"sig":"MEUCIEEtGqE5lHl0N5PM8qZSSTY+KglMN8dBEXvaDXHnbS7iAiEApTgmy2d6ivdEVScPYoa6zc4H54cPOB0rFBcXUpzgLG0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bcMCRA9TVsSAnZWagAAvUwP/0rWZALNRD2ix6oh3fCq\nAa+orzpG9FiTMlwtQPK/HRCeKLbWOgbnK7gu1utNmaOiMfOuGcavahaxXbcT\n5lg1PS4J5CFkQ0zM9YLUuJLHXK6n2JcVEllIGtPUjzknJtcxMmv//685xbC9\nMo/GjKhw7zWeqmHusW/8Ucxv2gFYWaq+G/qComNt5+LwLgNvhzaeX5TdRvmU\nGG2YgipSlzjJlZ9UebLHphYt1PMCW3rdmJxV6GCI2RyotDBKAtWA/wMzJVKy\nowzaGtfFx3p4dFy4kPvS8WWg40o3oSlQ40D0MvT/H82NP6UcbecB0fbIwqXm\nJCehaTeUx3g0t20l51fpFbTuJphGWqwRyFsvU2h1QdBeiMrSTtK1HDZfSF42\nPGjgbeD/fIw9tqnkYo9IlCqaft7cs/T1o+5Fd9FRrMEELibA+GQH6cR8TNEu\ntJFOxTnqnxVu+PVHPssrueifW0pUWfZdZ9/8JFCFOxGdGwxRP3rdr02WLSki\n3DPwlkEW7L5+JVXxpttyRnh1BK0fY12OZGV6gejaM/GzKbEMZfwh+h1CshZS\nbjxX/+pIXKD69YPRytqbP63H9U0EknllAskUxfaNbPMHnd7B3PVbOgCQwlGb\nRUEqkvxqUbC2TjPbjM30gJLwmVtsKkEBoYmdahhtR+AnluxUJqMCh995BCwb\nSvMR\r\n=gK0G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211224055","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202211224055","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211224055"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211224055"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202211224055_1643755276748_0.41030085163083374","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202211224227","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202211224227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c6d74a594058fb254afa0d08b6d4554f7b538aa","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202211224227.tgz","fileCount":16,"integrity":"sha512-A6enMpe/csDGPrUH/mrDC1prZB3IHFT50wj5B6r3sdHMwPTdjMCoe1hUbiAMwC3qXXoCNa4geYA5vj1qJbGHTw==","signatures":[{"sig":"MEUCIQCYGfTe16lry/MbctYJ+N5BkaafGJH0T2tmFaouEk4jWQIgGldvAC9O5kiGS4vii93sfp/Gcy3targTnC/oOtgSaik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bdtCRA9TVsSAnZWagAAhcEP/iczfAiNFglQHOLyb+D3\npAJp27LPDZNAhghLLnfvrqkdjprHfGgKUfj1tZIOe05tt8gin9a33wyEbOct\nC7PKERfNB8qp9As91Ha4tZZE43/fr/M/0e4mlaVDD3NpzbCeocVl+POq5GnN\nv6eIrLi92eBQ2atF1etlfiA3Ng58E9T1LbBTAn7BVWrZ1hY/u+BR7DU5l+QS\nVt5sJQMYz7xtb+gDxW371FPsMjuotxxWheP44wHbOemObyK4DRG2E3TM39Pq\nVNED0jgp/QkceHFCf7/mu/POixlq6WRxPXN9wE3AJ+tRHS+sgz9C5rdn7vc2\n2qnnyQ29t4iFAENglubwDdBv4O15uHMCetAfVQNau8VmFm26fYFG05RGasgJ\n/hamGKQ6ajIPfdpKPAeNJv3BTAsVTqWKvdZhO2JSxhjy5gzeIjHgVDRExFUI\n9rMM92FdrObTaqUP7JsP0oOAuXDbNKr7w/8WyYqSTWIW0wCZCZ5Ue4tqft+o\nsECy9TU0pRvILNqQZgLEKoVf0WPn0ZibR49xoDSzlhskQHEg9BuMVAGd0wAr\n0se/KLXI/q2Zrq23jDhIZ3KXwt5hpIjrBbZ/kKqXTMZ7PTnwKwUphyOLaBdM\n3Bk6dcp+Xt0eb9eje7Bcsbd16SgrPEsUL0Euo99jyCLyOwd8U1ztXql7d5EN\nQT01\r\n=BlLn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211224227","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202211224227","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211224227"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211224227"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202211224227_1643755373156_0.9803700477359303","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221263638","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221263638","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5d3ee062af313dc9f6d0a8981d4b10fb583840ba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221263638.tgz","fileCount":16,"integrity":"sha512-l9KWdmUK0CIscBN6X3zzzzZLIm65U89MRuy9LO4yNNJ5xYGUgcaZe5TIZ01SWs8nq3/WPC3qHdm3e8vi92M7QQ==","signatures":[{"sig":"MEUCIQC301R4s2qlehhkBLt72sF98NSES9v3ijju1ekRlEIYJwIgOaTkJLIxxbvTRL6U8aJZqqn1iYQjofckiX6EPuWn6iA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iaUCRA9TVsSAnZWagAAPCcP/AkgnUSVz0tR+/4ihb9P\nSdc3sL3xgy9yINKsv3YQJKaJOfZAUOUIBrSv4UwAa5Zd7q3KnGL4HZB39Xo4\n8rZhmwCHib4b+HOWeeoNf5bEluEnNV3Sd8z3daq0SpUS7u2OrJiWSJnOjgQ8\n62ndvymsW5cWg1t82MbwupStgjpAy8zx6XzN+ELZ4OBq1nlfbScxyWd8rRLc\nLyJRcDaz0yBLNmpyD0lDhccB3OAcf7iUVcE777fMLXKzvTtOoLrl0aVn1sWU\nzlwGuJfifMbcDSonqapgD2g7LwTHQvzazSniIibVRqPabNy1lbzszvTmYbDj\n1PYISunr0t5L7Saar6KMNo+MuMRzOffPEY01C0o/G/0n5OabQ06YPBxMyXw+\nQ1enBVEYsMdPdC9t67VC17IPhpMwhEKY//60wa95WdyGPRGWlY54gAM6xig0\nWaEuWig7Js0estUfWTBGeLgzen01tEkTGy6rOMamrxTh/W8uXQkHNgAEL3W3\n5250CbLRQygCwVRBHT7kp9LDtimHwHa8bDTkPOuchRtPATTrrcHcUpgSYeHS\nUvRuLfILL0PhkjZ54NCbdeuEjEdhVXC2s1Crm3PxpKNH7i0UAD+xYKc9QhKh\nOJ+wn0D+Ithl4MBdlmkCnxkdqyBtYS+/0Bv9h0QG29y7wvMhlxJCZ1ahJ/rg\nBruy\r\n=oL29\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221263638","@chakra-ui/hooks":"0.0.0-pr-20221263638","@chakra-ui/utils":"0.0.0-pr-20221263638","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221263638","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221263638"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221263638"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221263638_1643783828459_0.9391111869397228","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221263715","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221263715","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"669f07a595087c5364869c6b8b3c8cdfc1ac3e6f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221263715.tgz","fileCount":16,"integrity":"sha512-KzoBsRaP+113vJjyzMm4G64pmJMzNPUPcSC7Vg276BtOvw3fjb9jy7wA70mg0IK5qLTpBHJd0ZBC3Pr/tHCpng==","signatures":[{"sig":"MEYCIQCa3m+l91R+UUE+VDsYIWBOhCrq80YluYKJxOZuO2i2GQIhAKPxR55jl6hnBZDHYgdSSR1cy6Q5aJMbVHU2Nh5sVJ+n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ia0CRA9TVsSAnZWagAAoxgP+wXal9FRD3UwCRjyocuU\ndWZAH06WlSUg5O0PCGfV3zUUNUmmX9x0TbLdcz+O4TTG2nYsor3N2uOvLDcl\ntsmwDO6MIUMI4/X4OVu0kk9eHgKMzwEAwh2kk2LecUqz9Qa+bwqiAj5YGV57\nuC3Gsmh5A0zuNAOlQbqOFRvvgj2MbpyrjwX7SAzvNUfD2Nl4OIxYsZEgMDby\nwE5p8OQF6fLVMNGmA8fuCpbXQGEvmqKLBU7bGkb/X6Ei6cZLJM0Jiq1Rui5s\ndoUnUtYuD32tvcZ4Vhbu3VtrCdiNo34OwKsKP3YKkDmetl+aXZ8paP/3qt4M\n5FdT7/D+LBPXEKY5J9jFVSyQfnoDJ0vA914XsIzo5oiyhvc6rUz2J0/rIz0A\njinyAFq+N7HeLK8JMZn1xiGVQ6AHm+H/6FswP1J/75cI6LI7rwtC6uz1uDeS\nSFhV7b3uCv77RrdwDbhcykuPypXdPIjn/KPH6FW1q9WIkcMaDJb7U2YvYzsb\np83raGOAwEjTfvguZrYCbrG03SvT8/1wOfJIWsNtj49g9KiwptvfPBnQNjCL\nQhIZWzTqWyl5M4ceAG+tk8L3TrZ0ZN8+RMbAimyXZEnv8/k3v4jH5U/btltA\nUCprLJXh5AMpoi1yU+RKzjdt8WHk9KF1L1qG8BzP0sT5C1Xc14tW5r9YNiCq\n3C1t\r\n=dGNp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221263715","@chakra-ui/hooks":"0.0.0-pr-20221263715","@chakra-ui/utils":"0.0.0-pr-20221263715","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221263715","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221263715"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221263715"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221263715_1643783860213_0.20591510826010895","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221272130","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221272130","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ea04052487588a5b0d6e231d7e81cca9643d689a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221272130.tgz","fileCount":16,"integrity":"sha512-5J72vNTWEsXyEJNXtKP0wDzvkcQ36FSMsbHJm9OG9n1bdlmDT4HiZXpALXjGQWNS3qxgXvIg5SLzKZl4NEqeww==","signatures":[{"sig":"MEUCIHw9f/9SQcMoIp+NPOI0EJOp56Y6xj7k1mtGeVmtAdvIAiEAiOzyQPNzo9GVbaL0+csH/yTlZYIYRY8sdUE7E70vXz0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jEVCRA9TVsSAnZWagAAcoEP/iVKf4dhErEzZuGEiZ7a\n9fZ6zCFuW0hzwdYdRLGzab5EboC2rBfaXUKhHMzpSJ5oi0Z41K8rLnBEkJ5r\nRpWHBMSE+O8xkndX46jnDgmbJNdOwRjFQ8Z9nmHqxmAWQza5fEtK+U0YldfJ\ntsub+PgUNbC5lmGsKz3nCIRqr/p50ceeP4YV3J7APhjCobhtfeBVfZJUx6DW\nQbxSqCCYi2H0YHob5YN6CI06+1RmG09twxmlCGE0mBefMUpfPlSQMGo6QJkm\nKKdTrgT9FDIk+5gJC0AMwneLPF7NvBKEdSi5HQ6rzTj3v5kqpGugba/BpJrO\nDoAOIzo/inNi85fPtohXGcQg6WnXiCGftohH/4paKx84Ppm5eqtRRU839mm9\nJEepyQr0KNVXv5hH/0+whd5BCtrUfZ+ZO7sTP02I8DJuPCmX0x/UUqO35foc\nBRc24SHk22zSYcjSluxwqDGuShQboZ7kQSaK9GHVJD5itpg9/DtoFaoPY5YL\nXoSPnfKFUtU95bk7ysHItWzP8YfuIXMc4P4SlpHHRkI3TGywYcq0g2wzFOBl\nc8dB4Thxv68YQu8Wf4omB28jHkkAj0u6uDdsUpxQIZUn+JanCV2odh1SgViX\nAom7pFKBlLpvp0plaMI4mn/7egDm/7eBGtB0XsCDJ6pVsHhB1nFbMxrBCObX\nGw92\r\n=0F8F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3ea8fa9b83b10aeb76162450f2d997d87c4c8f6e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221272130","@chakra-ui/hooks":"0.0.0-pr-20221272130","@chakra-ui/utils":"0.0.0-pr-20221272130","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221272130","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221272130"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221272130"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221272130_1643786516806_0.7157984112780307","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221272450","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221272450","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4ef9bd4a4f104a4b6b09db3203e8f697586917fe","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221272450.tgz","fileCount":16,"integrity":"sha512-ocKRZOOZxSoCFRWBmhfD2j0dMo1ecaQFbg0YDbCuYKq9fB+/t3xse2aJuod9/BpTmeoMiGnBvIeADNKYdeyBHQ==","signatures":[{"sig":"MEUCIQC7GKTGPPxv6zufOLICAPHRlltolEYk0q+1crPPw0u0+gIgeUJWZCEiHgz3R5U59LPqsqaonLyX02v/lJMn930i+sc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHcCRA9TVsSAnZWagAAs+0P/0aMZa2YANgNYuLaVSr+\nk1zvZFXeXwBJnKvAzejLdKdHUM/rIkgU6rWPhUpf1J0yUhpSZlsoJH2um8f8\nCKlc4Gj2PBI/Hj8dzx1wG566OhRcK0gDukAiArDIw+8mgePuP4DXjeZ11hlO\ndautDNSSBrxwmKZ9vd//UFVygZMXxmcNrg+HVnBWa6OBaeFYC+GCzQoUxywK\n2fty7hEDuPgSdUeJ36Tj3NE8eZcb9LuuNGY+aRzSZQQyFHK+PTL5ooXG3vxV\nmYxa1dEDnZ2tk3cHicajn62poGEgEvtE2lW+hs8HIkFhqrCKMuyj3g5+5ejy\nj3FU+4lj15BfoZwZk3AMPrMoSfQ6ZDTZP6DPCUkytklhe844LejxGeuKjlS0\nGHm/+MFCiRCbMLa9iyVsKZQnByzqdVvvgGR7difajn0ssZQ/EGuUmUmAKFUr\nD3nAfuIWv1QSp/xdB5zWh48q6TnMukuF7Vkocb/wN4Q519rKUScTBtYDwJ8p\nVGWyj9KWyADRr/+5BGf42sqSazdBaGgnu3eo5ps4QhojrW09cC9vCiC356af\n+gS3KK+O26VnN61pSYY2C5UzUFLkPN9byIO++zOE5/etQ6Z1uBIBo9ngRvQR\nxW0NtWLo/OU5Q+aNVyCj3FYTvnwL8jYdgwbLC37/MHZWin4zEq8mL9wf+XEP\ncSae\r\n=Md5N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"de19787ad8bdb65513c8f2928e2fc65425ebce3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221272450","@chakra-ui/hooks":"0.0.0-pr-20221272450","@chakra-ui/utils":"0.0.0-pr-20221272450","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221272450","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221272450"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221272450"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221272450_1643786716636_0.8289746460069176","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202213175727","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202213175727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"70fc8e72b9b81b9b53f272bdea37efd66ff866a3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202213175727.tgz","fileCount":16,"integrity":"sha512-HZMt4TwJnZ5iHuF5UTsgJ8Yk/e6RLuUw3FZvooPcXNGddACQgn5t+ZkseM8saMIe2LD1Kz6wt+/6QxenmLUG5A==","signatures":[{"sig":"MEUCIHdguTzEren/jqmygHtTRPXDaA68j8VVkajwJTqf75wEAiEA8vXzHyHX5TmhmbcDfa+F3T47OwHSl0o0C4HSNX6C0bU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BejCRA9TVsSAnZWagAA8I8P/2n9Z2zWDy7pjlrJ/i2L\nGSkFbzE1n3ijXQP7pch2CubPz5gvRhXJe4DIm8ChfyGhdqB5LyyGhVbgdj2u\nCFScLj9dhu3OLsgeV1Qi/QWL4vwDKyIJo5CNBSOl8Pv3i9VUYeD0+7Q9XOM1\nPQtsykLCeQPZfGMcpP44X2ef+XlfkhPv6KngfA2eqwywLG32ZB7lBxhXNojZ\nHgrvnumzzOECYDCYn/nzm/SvnoHfhivqCVOsiBC3W61sZeTHRrT0fNYASC5A\nFHT08ptMOuWEXwoAZv6TK8Npt3tiPKBX2U7suhetvhpLecj53/8rG6vVG5ca\nw6vM5l9GrpfJzW19h+9QLmqQGotzPbR5kiwqD5nfE5JnL1GpttjCqWtc5q7u\nXJvSS08VnP2Zyd7vxmoAaASeN/UGGO9KuPuh8ELplnOvTnqXHpC3ZjQsm2dG\n/pyyyz7C48KQyj6LSyYxmWSPjglCSpfj+mWp+DLHQKLcmiaiNeEzXATtsn9O\neQR3ZMb+2pZqPKmFcN039OXVWPX/wteYuOiItSBdlK10GjEhmgbGzGeNin3k\nnU5+kABfZQRN5JNUukBZqrWEoUMejAejLAd8UF5Ob+G66bco1l4k69HXmBnd\nDPdnMWkLsUqKDmzo9i2dX+gRvTPInEsaY5kSKByumjtZNGUOtFuJR4eeHEK4\n4YPb\r\n=Enis\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f149c6c9aa04b8c0abebaa6ac8dc72c7f8ceed35","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202213175727","@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202213175727","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202213175727"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202213175727"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202213175727_1643911075245_0.17361423794382325","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221462931","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221462931","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"88b0fc4b4555cd0ffe7b76f800d8745778ced2cd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221462931.tgz","fileCount":16,"integrity":"sha512-WRoQpJd+KgmIia4DxHdX4RwFI9UXNlcZ1D1IZmNd96zfnn3S6EX5zDqf6oJNvj1F48LxeQo6z+l1gCAsh/NgZg==","signatures":[{"sig":"MEUCIQC3TEEZ3TAYIP8EvDbMALIIVzdVZ8xKqSoGGAOkaIlNOAIgIbMDu4zASwT8pKuOYIgjl0RwY4bodfpoAuajUWmx/Fk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MfrCRA9TVsSAnZWagAA5uQP/0yQwkabHA7C1Nv9+8/I\n6rVfjd8fCJncKKHyu3TkSdCLca6Z+XmzuYOQM1I4wr4MTs0PoVYvttQ/Qgj+\nyFgl4M3IAcIEB2nZD3ny6uTBd93klkA5GjHiNMXLvoWdqBGKgbg40hUH9vRe\nGjDqTaMDqWYFIhrn4tjOUbW7x8B2ZXshjLKT2FB4W6vVJCldoAiNaZ7sFiSB\nq8eLyEgxUuq/yCauPFNO1dVgnzBmatdYrGTdc8S+ELtwV9dQyT3f/wLT0Qbn\nE/OE+Z+tG8qDld23l+0KdaxkyE7MCye7TmT3L4BxbyUEFiTxu585NHltcfwQ\ny4nBFn9H1FpIMJRpAP5fECbvJOB69kNjTO3n+pJcshufmNSGTROyQBLIzc+e\nDsD07Ohlyk12HECqJ4a2rzYTJY8XgAm3osCXNM4f0uk1sL5wUzQwVR4TASAB\nY+kzUE5i10tAmOTUZk/bQF9pzIBTotkS7ZUdUT7fg0gnso1hTn+ByPHu/fg+\nKExA9b63dPu9Sh1Tao9pkGyK1VTmRhsPaoWLTFPFQhHhMH2wcn7FkXm01J4Z\nmYXrrFQrSPX/UJWMo4l6g7KFthGeEAgjknbOlS4jeICDhCpR7YBwA+YEl6br\nudwrwHWFYIWemLnMVaVYzfWJn9vyS8mtdoZ31Gt/aqk9LiZn0tvTo3S9+j+O\ng510\r\n=ZFm8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221462931","@chakra-ui/hooks":"0.0.0-pr-20221462931","@chakra-ui/utils":"0.0.0-pr-20221462931","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221462931","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221462931"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221462931"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221462931_1643956203370_0.22237697934096645","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221463045","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221463045","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e0c60fe4cf7cf3b5665865f53fd5c0d1d22d1ae9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221463045.tgz","fileCount":16,"integrity":"sha512-L7kb9TbiGzpzfPgycRtQFSwQlbLlcJHFuVAPqiuyMU/hZy7Pdc0sx8g07G4ROK5O041NmsnL8gctgdgsZq38ug==","signatures":[{"sig":"MEUCIBeHP0sZGlNITI1QPhmCKLnkCVWuMz0Ol+yzmA6//CK2AiEA9DIRRCV9JUBSZV0bLNNQPLM3Yjj8uzpnhM5BmzKL+5U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mg1CRA9TVsSAnZWagAAu/kQAIUmfbjdLyKwnVHn6N0C\nc7FKWnyvqbaA4N40LFrx4FGTtVy6EV2r5Gz+OxPdQ/zDWkPncXjspULBwhKM\nfAKxfVO9a2ZNVouKxt/Gk9rppAffKaBZQjezRNpyIumSFihsl4Fg9DAdHM6C\nV+oSX+4MlOmZjLbkqCrJE7b7eD+alHvAeW5ZrN5Ak0askyI1Pasti2tlrBCM\nqFM49i55e9Ve4IoFObvJtRBV0z3i17lXlKJLySLBgUBzcEIvBBmU6vQDLkI1\nOX1dfE1DIuj/9HuHpPgykIl9NpreFGQL7USj68XDIwn79lTickpsW1QhW1HO\nCsAX9qcNAfgp6IybyGTyZA+6aBDE+wJh1js6I9N+fJ0uIvO/vipmPdkTeTlq\nyRe60l7ZZbtdSLPZct35UgrKTfsR19FEYCVsgJatgamh9z2N9kX0vR9o0Y7X\nRqBGoxhxhrYNJMBNtLmnNJkkGxgV2NRCLDQgOuVLw9xtrA5QCYW0jZhJbIW6\n8AsD9dlAu4UR/a9TWVDoin/AqPJdFEUSNICwZ4uc0K7PPWTI7FYysc03Wsbd\nfOJ/T9kf9ayqtoWuWZ3up74ArxYgenWQF8gtmzx2/NEmCjSw8TwvdkvhSK19\nHgpiDnW//PyP53w2Ixdpcky6AldFZ7jeYlqwtHSKJxrlt+UkxMasQV6euMWM\nMwzC\r\n=dStn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221463045","@chakra-ui/hooks":"0.0.0-dev-20221463045","@chakra-ui/utils":"0.0.0-dev-20221463045","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20221463045","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221463045"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221463045"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221463045_1643956277366_0.6150212157292803","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202214171317","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202214171317","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"890cec5bf245793189660acf1144819a3bdd427c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202214171317.tgz","fileCount":16,"integrity":"sha512-eQK7jU4LtF/uthAF8pp2rkQ2EaJZTmA4mfzP6tuQAO2r1wnEtN8NcwHd0FqJ7z2wsN7BhoaVmUBt2zhoUaUr1g==","signatures":[{"sig":"MEQCIEkYlVpJ2xHkv0L+by/Crwf1yyqfK/wXdIQlyCUgtNJGAiAZ2po57DcNb5x1B+S/129/27DQlBkuChprVD/KV2nBRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7PCRA9TVsSAnZWagAA9nsP/RPErE1exALRwqVOYlrl\nHdtd7weOjHFH8VxIUNzPfSe/nfx15qEtVAj8cP9sySjU4lmh01o72JsCtttl\nHBcfSXdb1ucjKlD0FwA3z4tj8GWQQcCOxzMr/7HprdE1puiBvmdOvwSMPD/m\nJGKNooiZzmBTo/GGLompDSHJjcLPLyJuqHGJU+SD6ydb/ma2tkpoUrtHaS8C\n/3aAJDvKSL6YR0wnk8tXzjb6AfuX/An+upo9qR69W8CDhkACYoQDNxiDaXE2\npLhAdDxQRHrsQ/attfq8/96t0WgbQJtSNmxokl6Li+i0bHeH7j7WdbfTqI+S\nnVVeDm6aQE7EXYcuZjBY0MI5F3cCJW81uOLF7WP+xhVb3e0BDeR6J3PeQwcY\nj7Tt29Hl72+g0xiFk7IP3z6/xAV0/8mxEo/n6/B5rdGZHiFq7h+ocxRyJ9Qg\nSvIlKKdmVjmWWaGn5iYsAoloumhhjwGWA05+p7YZacFAHLzRNc5vRKDAVWFG\nTbiP89gjT+Q7CiA94vRJrE5sZ+JbnLYdBkvnBme3zdTti8+0z3APGn58VEa0\ntvqiP0u0AmwIm9AXf7GqQga3OZa6bxSZ78qM/lTw8HH0mAskaJP8dH9evUbO\nFLE3GeRepjmGqyWQpCbKboAbYInZHyT/afNA8GwYrNsQIgtpSA3RF0rE9+MH\n7ZVX\r\n=/Zec\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"0299e357a2542e035d6bb17ce6072f38ff037e45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202214171317","@chakra-ui/hooks":"0.0.0-pr-202214171317","@chakra-ui/utils":"0.0.0-pr-202214171317","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202214171317","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202214171317"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202214171317"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202214171317_1643994831432_0.43271192991793894","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202214173019","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202214173019","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b0c0d79947e30041fe5988fd010651316aa857a4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202214173019.tgz","fileCount":16,"integrity":"sha512-wAnHzbB6/ZCwQ0gaoKGl9v+zrTnI/hmm5X9mkni+g98Fg2wcw3Vh+GDjic3pAPis3CgoTLCBcZHsKu8tiNlbLw==","signatures":[{"sig":"MEUCIQCbh6qkfuguiXJlVSCQvRFRADkioXYH/nR5x0/Y3BLHUQIgegJKsOq1AczvptagZmFqFjnMAf2cejV505sC4mj5nVk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLGCRA9TVsSAnZWagAA8C8P/0PnkWLtpKE+/MdGVNH0\nFWQ7FxJQ9OYOduXayJVxCzhPLAnfZgtTmx+h2nr3QQE0x4oKR8CVdh1Va4eM\nHyy0aOGVtPher4HkH733AIq8MyPlD2UqZQQow6dDSsDa8keeVbhZJWeGuA1l\n21kb9RJU1Kz31FrG58Qd12PmLUomB0qSV9jynEgi6s14zf5qVEfRe4mLd+Ur\nWeEennisQTpoiEtjO8ITgeJ2X9A+6S2O9jaNlAJrNvGKascEtJOx5iN0U18K\nd+gq66ifQ3oi3BRt/oYIdfmbOit6HR2j98N8oY3nMyhyPjs81S6geOkqziHt\naqYfXCagbIM8s06zGqrSi1YdvYTS/189q0aolOUwdQMI9kF0ZGXR0Ycyvdlw\nckfWGlshyHa3bhk+FOpPa3Ghg2/KyylD4ov+5jMIkKLMdCCMbDyJNkYpPIPV\nhJAjx82BMYlwSsce2yKb8v2ShX9pqh6X1znxbL4/srF3VAN3Pp16tLBLaUJs\nRu9owT4fxCU3P6nvHpPPOaX+RG53mT6oXOacTJ9f4DQ2PcdGv6cdj2EsxlMj\nZvhIEzCqQFT0nkKgqvtGLJ5gERY5kH0bqgKFJZiJGdd0DpIwY4gvYVrRb9LJ\n3XLPamMud/pU3HOagAyZApzQNeXlwIIDwDDmFdy4uuPMY4OIf2oV+TuFVbJs\nR0UY\r\n=jnqW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202214173019","@chakra-ui/hooks":"0.0.0-pr-202214173019","@chakra-ui/utils":"0.0.0-pr-202214173019","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202214173019","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202214173019"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202214173019"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202214173019_1643995846053_0.16059820461244123","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221417318","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221417318","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"22d3b3d1552f35bf2353330fe96145e3f6617a9c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221417318.tgz","fileCount":16,"integrity":"sha512-t+zRWP0dI9Jl/+0WlRY1CZW8mWGqG+tkp5CPFtU4KFNomiD+WPBUQEhMqvvxP0s6Bi1pbQW8IZtowqNqh9vmcw==","signatures":[{"sig":"MEQCIFiWN4Lcs2dP+9MJgkyOdBXHP/Z2LWzt6grtVkwK6JViAiA6NkkWwKdGtAUkuf/KhVBf4/DT7BWoyCdC3SGF+8FNyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WL8CRA9TVsSAnZWagAAUX0P/Aqb+nciDIt5SAxfPNFL\nC2tRgQnDF51fKcWNYRthpgPa6Ur91at+2jANFQ5hwko1owAJTKuukPxbUezm\naBAzqgwuPzMPKZlLJmDocLC8/JtDyrf1ycM2uM+sSDpdZK2gw9ZDYfciC17T\nkp2EqJaskXwF4VuMf8RcpAnPnJN2R5TQtSmMYMxUkeIzMuSNRvShczi8qZqc\nGqAQm0b5Q8Wq6GHa0UuDxM8XGg8lmiNusKMuxZs+mAObX7/1bf6Y9ShqsU4R\nH7ubLP2huv03qWwAzD19YBdniM+WLmOWUWf3zvx9NtjJWI40sNEHsa5uZaSe\nY7Og9i3yfFBixG9wE3dz1OjxArJCpwSaRqoAxnYzyRXh93hDpucZfUNbcjgy\nKy9By8AZYSNaELTAafIKZZ0K5c5FXn/aH5+uRyVdCt6xyagZug8g+TXkBstw\n0zXdeTXg/sIjLjQu9aMkRJ4TNV1pdaccvmfb5jnG9AAio3PYPe4BpUh9Dxu9\n8+V7uw5KXMkpm49IrvLSt4dhSiT7gi9RPjvr5rdgrql3WoC+AH+o8of6VCLe\nJqGRrXGXcrNb84ZyVj5lwbv7f41ayGzI+PBJ7XSBONdpQYbRzRoXDfZXM6JT\nCeFOS2e5j1ijXy4BusVnB4WZ4F3dppe5Aag/OfcN6ka0YS5Tihnjto6A/3ud\n1nPF\r\n=b87f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221417318","@chakra-ui/hooks":"0.0.0-pr-20221417318","@chakra-ui/utils":"0.0.0-pr-20221417318","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221417318","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221417318"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221417318"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221417318_1643995900584_0.9303914914989899","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202214173148","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202214173148","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2715e1cbe76907e4b5478b28d37b7e72c504ecb8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202214173148.tgz","fileCount":16,"integrity":"sha512-O8VI5MclnmtpY8QCtUN+0rqsCx00JMpa4g9+Rx4Rcu9gPJ94XFEc6DMwUtMg1WDkTRwoFc1vd517zNg+5x58IQ==","signatures":[{"sig":"MEUCIQCOtqZaVHI/Wg8I65DOKdeMeO2ZhMk/Hoyh+8caGkpFvgIgEr8bSGenEG/0dawiSPPtISzQSyHNJfAry1gXKJGvabM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMiCRA9TVsSAnZWagAAioUQAILNTEKGBNo4c9HfOdtn\n6BevXXV2ZIw1zehVTCIVBVpz0w84d48OsoklgEH80m6ANoJvyHfd5udh6p9T\nLOfJCnxcFnAMdd7cEj0omJxK/Kh/WrmknJpzI6QfZby8HrN61sKqui2e1mdt\nMfumy1ngia36Jq1Z2cxUsx71V86l1rs22UcmSxO+LoAvLB1h8DUkWrR0wI+L\nftOWpRgKF/8q0CfRO1rQcwN5zOu8cQGql2IowESe03V4ge47HlMzHRaesXMJ\nAJpQOTSzxN6JdS9Y0mzPaifqBtZn7KuOHRv5G0FN2bPyOGCBJ8zIXqgDrKKB\nQLkDqANIqjwJqtd8Luap3Wf3RC7OvJbu/RW1+2SRVoiESqvRPeuNZY8CWkjR\nn3YF9KPVnRGSnkoYIOV4lGb6Cg2D+Qy+69lchRft52e3WFl8yyCDueDSSf0n\nUrDXtRPYlsMuSorS53L9GXMVT+KyWLVFsSFRiVT4YzYPgQB9iKHv5DvO53e8\nDaSAldZY+11jAe5da6+z8+VzTaeIrXKMX9cCFrckGM1jJ92RwtQrBtAcEmBf\nok4ol1/xQApFSJjarwBng111ayIVJManATlHZta4VzbA6moEiLoARu5pxvS6\nxpcctjCL5qFbEv1QKo5hSw5eEWDOnyKtDIEzE6K+DnV6ORav1C+SMruYKuPk\nBgdR\r\n=XPRq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202214173148","@chakra-ui/hooks":"0.0.0-pr-202214173148","@chakra-ui/utils":"0.0.0-pr-202214173148","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202214173148","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202214173148"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202214173148"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202214173148_1643995938247_0.6349573242351858","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215111823","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215111823","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ad088b39827b1b10873f724fda93f16dcb9c4c69","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215111823.tgz","fileCount":16,"integrity":"sha512-2E1g5fXN+sCMToGymsB+K4HrgtHE1jesueq6JIqbi81QN4UtwvF1XfonaCy/ylUa+YZnSwcr3dLehf5JdDk3YQ==","signatures":[{"sig":"MEQCIFAF6QgqX4MFBsiMbeGrY81h9lCOS7puWDdlgwa2r4plAiA/leKzZj8H3dV+okQ1JMPAeRwMtcMj/wSzpy9+8ADUkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0cCRA9TVsSAnZWagAAQu0P/Ralx+QZDFYP4DqqvCp8\npLR7CBt7O4H4/QBSGAOCGipzQyghFBXTObf5v1kInhXbtVK4r7FXcpqRUHYC\nyOi+tpEUzw2+k7oS9ZDpKps660TnCJcb3GDNHDAGM9KOFLnjsvXUnOX9goBC\nsfxqLZ9Zm6YIis60Bm/q8H0HE+bAF/dcdJupvdKX4pdPEN1tNykuINXj9yDy\nwab+yzOqbNTiDQIh82K0cfTDXTsEHedDvHO601Zt+vo+eoEOh3yC+h/gth++\n4/UlEs0ero3sW3sGwtPwxwuip0Z0WmKWONyYoYOKHPSV9B6H8bOIVWaJkBGt\nGyE+mhRQ38nVRsrOTpbEQ5Z2DNMqfdFjcOB0wbrdSHEDTpioRFIjrsaw9J/U\nXgz0TMTAkbCc5TcsbGiVgZmQV2LNcMuMWdpgnbW6YT4Y67FPUvtSqtJwo8u/\nVvNvavQ0TVpVO2CC/OrD5zkFKHOZt+Bq/Kp42IS5ZLTJKOhjTDYtkotGNT4A\n/ieUm8KugLEOM5kPcFVBbophoB+8sJOwiABRdeehmcesz+bWidKm8Hw1kRzR\nHSLhB07gVRWYysL+YOTBLnsXs+O0+vPnn9UajVrJG/mk+MNDNHkL1fTv/4nv\nUNq7eKMtnx3lciqau3WEjMhSeX/Agle6bnGPYkmnnMtBa70yx43ao8trVnYN\nXKF1\r\n=/5sw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215111823","@chakra-ui/hooks":"0.0.0-pr-202215111823","@chakra-ui/utils":"0.0.0-pr-202215111823","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202215111823","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215111823"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215111823"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215111823_1644059932627_0.39009608156076303","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215111945","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215111945","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d86c78935aa12c4016628f54c84d59392b78e4a9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215111945.tgz","fileCount":16,"integrity":"sha512-zoVFx5nbIWXGlipP6nakEwlQocBFQ5391beVPTJXVygyq8IlUlsEkQOnfHJvRdUsfF4regGFy1kMDewbAyTjkQ==","signatures":[{"sig":"MEQCIDaD8f+gnO3+QXif+jGaJgAxWPGXusR4EfYZ1DfZ/dUKAiBJAp/Gk2MwPvmRbNQIQHvyUv6qzx3qeQ7A84TNB76hgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l1yCRA9TVsSAnZWagAAackP/RIu/3YBUbXbLD7TKn9w\n8bw3IOowYJFOBNQytuRfvwqI4/tl1Nm7rwjuCzLKJue2FC4rMwVM4YsUr2dB\nrLr6RX3P0CFg+ZovYLdIZWWDP1qcGw6amZmEUgiRuFeUnnHyCSRxQ0sFjRnD\nEpLIv2mYrPRrSmmjrh0iAJrEW4fluArQvuHJkSyFHLscc7oxw1zAY5rULOOC\n26TkcY/zcczwvt92lfN6b+S1j7KIBQbtKBDKk4xq3C19uVOSzgcAxH41tzdL\nw4GLUmSDjU/LzEyBKi9IQCkoU0Qkwqjx8fWH7V0rZhb9Qb2uBZDC+J3r8wqC\nbdSjmlohxQjzTilznasP5ezPCKDfs63BjTejiTQFBuc0igrdI68MUNErwvVz\nUd4WBlrXqHokC9rokcA4OCXR2LxOOtqCXT8ZAF7B16NhNafM2U1xZUxjfzSI\nVt3pt7n/JjLD6LQsPvvXr8+g8Y1S/9O6mqbsi8+fuXIeMoOL5Y1dwlm6ehpf\nb/I585O2cOm+KN8WVTGK2C1zSjiKN/YJlc5GCfbGPTH+B0EQ9iTniBA7Ac3K\nmJ4zF8kASoIz3xJsr0r2MInMuclSmnqxTr4Ntt3aNsh7yTzljHPSCDXLEhz1\nF/eWNnBXLY3qHGKwhfjSeoHS6OdkPBJXLvw2k+ewemhGa3xAyvl3z3vMJbhy\n8ioO\r\n=L9Hi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215111945","@chakra-ui/hooks":"0.0.0-dev-202215111945","@chakra-ui/utils":"0.0.0-dev-202215111945","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215111945","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215111945"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215111945"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215111945_1644060017863_0.12607432181226752","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215112739","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215112739","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"96da1523a87788136b364b90268e67d165cfb665","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215112739.tgz","fileCount":16,"integrity":"sha512-+M5cUpqIOi38DPhM+xGAn2JHhOxGisPDdKMIY5CyaLcrrFCXRPf0iV3Zgs/PWCwiv5P2zBUbD03WdKcpl0N/fQ==","signatures":[{"sig":"MEYCIQDw10scYF/fyQ3V1944n0QY4TnEMesjhAxywAZKIxkHSAIhAILI9LKv9+0/Bh5jw/BNmER1f5edGNLs/xCgGPca5Toj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9ICRA9TVsSAnZWagAAz+oP/jLd8szvOoBC8feVfpFM\nmhoD+BqanX8DsHqbRbbBHFwNkdJ6Nu8odHnZXv6KwNe9xZperAja/y9Xdmc8\nNxTDUtB3pLE4hHoW4tRSZTosjFIO085/McfnfTZyyKSWn1XlZ0DgnmTKZV8O\nbNHGo3wgc0xYxrVHFvm4oGT8Sb0psjXm4sr9vivYy24kdZm6BFL9EF1RLz5F\n/LWXhGzN9zSNfPhfrm+zv5t8gkjPpQsnI8VcBWzLSFRCKY90oQpp3pxRSc8H\nYyNlnRh1jBHCeFcdSM0vXn+kjx25JKWt8+7J/pkP0xGb696roDR+v63r0aur\nWFwifIaO1yO7PnO0NdVZWsowZyzbJRvRfQMEGfkdoKsC4A7gOYky40Bmv+/Z\n5/iL5KDeTJHWu9QK7fB8w4crjZ/dZM3SYvsdeUGB303AJakc6SRHZVfhv+Ru\nx4DpKLSswPCX1vbcGxdhdYOd8weCAb7VEHW7m52dU5xC184lmOBTMuprOOa8\nsHMk4eT0EpOgpjnQGTabSSk4Es+T3nDbgkGd5TmbMS7PKdDbngvIbEY4q6i6\nwgWQNwV7epNPg8brbhdpXnEwO2Y2y7vualtRSNp6MuKLPZyzCVbi9CUUM0cb\nHGu1ZnUaW2w71iynLskMKPrRb3Dy5l8Mk8o9LIfCHwUUHSB8UGyQ/7jyzuXw\nl+IU\r\n=xTYZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d4d18b77576549ceccc8adf91b4f9debea1f388c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215112739","@chakra-ui/hooks":"0.0.0-dev-202215112739","@chakra-ui/utils":"0.0.0-dev-202215112739","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215112739","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215112739"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215112739"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215112739_1644060487699_0.8069604765871006","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215113521","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215113521","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"73acdcf27da36c56f488bda70ff4fd48de4cec55","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215113521.tgz","fileCount":16,"integrity":"sha512-Xxst6m3ReU/bqZz/XZdhnVcNzhQyJgHyNufxVckcvz8oFyp7HjPMJY814SiJdBDqJmq76IUvPgBbKTZPAdLZ0A==","signatures":[{"sig":"MEUCIGAGUg8Q4n0QHfPOQa0O+qqrt/hvc/jiaQygEfQvJapeAiEA/UZF3l21p9ZO0ZzL0v6ALJKoX+gpYM3KqYcrx3UbPF4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mETCRA9TVsSAnZWagAAVXkP/2Et0XoMoMlTRvQYAZvM\nITX8wj0mvLAemnpWV9EoqZnoTo6DGPu6wq1ashDH8jJf6KqpgXklEtN9+X7Y\nkBkYTy9Usz4ukyXjaznW1G9YQq+Ce0JYE+8MHIi70Cpqd9+HXfpZSoTSbldA\nKI9JYfzTBNAbPy4uWYz6J9t+WpnGayVcZN2Axtn1/nM0kPgZC/pXBN8E8IPO\n4Jxxt3zoEQEHM2Dxk/j95cFzJM0PcMUI8PDeI/I3ZaHhbO/0gBedQaOBTJIf\nS1nysJh3DvEsjiM/hl3MwIX6HJ2h/3RVX+qvyHR/s0y9oCmBjwJcwIi/g89c\n22XoK72iQ0K5WUlGoDDm7fs1mE1vAXFu+v5MhPeqmQsXqLBOThP1rky66onB\nURgSAPoOgFEDo0xNJm1e2WLjP1qC0WcKMCK1xVquLLXTrtpMj8FQWbr9gt5y\ntepCcvTio6QfXryBXexmZaORo5jfHt+jlpoJN/yoUkPPt94UDN6V4BvHj7Ub\ngDJ0bpNMwcX3v4V97dhpFZ6eYbI+hlV7X1MgjkASv3tA4fvU86Bc9hcLjbjB\nuO4lIPAW8tc15uwVA86fBga5CK4uAUR8KvR6C+naYkHXhRpK/qiy+Ly3yACs\nsIrzZsPrLKFOCHKH9CN7IddjZ91BrW5sNBrXNO4FrAD6tqFKOrky7Ay5lX+j\nSGVx\r\n=gjxe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"ee0744efa9df4d216d56af53ceb4ef6a8adb40a1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215113521","@chakra-ui/hooks":"0.0.0-pr-202215113521","@chakra-ui/utils":"0.0.0-pr-202215113521","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202215113521","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215113521"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215113521"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215113521_1644060947502_0.40759987541388254","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215113950","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215113950","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c7b875ff871db7fc5c077d88fe4ca67e7153ddb9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215113950.tgz","fileCount":16,"integrity":"sha512-Nck0KerOOjfmLNzyvBOm/JhJuVW+BFpMYIcquTlPBl1sHBMWLdcKRG8tUzxzuVoYwi0RJshY9cq3lEPPOBwHBg==","signatures":[{"sig":"MEQCIGELPLHj39AORNDMJu2MQW4C4PHW1fTx5OXGfy2NTr09AiBIHraK/Uk6hZZXHehINLnwL8A6it63K8bTI/vLvUEV8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mIkCRA9TVsSAnZWagAATB0P/34VYENVB4hGg43DhK/+\nUSY/V/lb4+yviHOgOJDRIdjgUeo4h/NP8NWVS8M/mOWMGuBjd4IAZae9fo11\n+RetR9T0QVqk0v7CO8cVzeCRpFn1G2YdYfZQIMTu5eobrq4aP5vua8iNxk2h\nV7bGvMxGtkErcklYo/nCDIV64Q+OR4Axij0Jqf0MjJ0sME4iSUauZ3qlLHxU\ni8/twVEd/T6pWQqwMOIL/EKSOf3FoUlhqPHrx8P0YtddPOTFHlCk5049QRTR\naUonFUSyQomPcQf4pE0wS45GAAeHFshxvhpyJhP6IXf2AU5ZAvCS9IrAqSyF\n8kjDAMPtzU9ITGRJ4FOX0xRaKAntBBEFtxU5a9FqPJLFysWOe4E2iaiHyHWQ\nkLczmGy9ZYNx3F1Lv+lr9t8xvFUdCrJmekTdSTHzEai27k9qA6uJE1PJm/KJ\nz7IYAUmpZC4elT7yHEB+gKNMHSldn93oYlC136PwHgSgMhLgPyxT59rHQmpL\n6bPCesQwiC8kHshrVh2BZn/RrPz5DAYr+4PwLmfn1MniY4ujgH780usY3id0\nIOTJz6goQ31Xl7mOerFC/sXaug2+K8NjxGTE8thzPZlJi4O9WrZwDQpIqd0E\nDmwvx2IrKOzaHyEX26uLKCi4ZLhrlKOnJgXh7odMTWgQ3FPFGYLpRkkYvS74\nH6h7\r\n=mE8E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"262bd66825aba680e1cfabe200ee57e8d64abd7b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215113950","@chakra-ui/hooks":"0.0.0-pr-202215113950","@chakra-ui/utils":"0.0.0-pr-202215113950","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202215113950","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215113950"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215113950"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215113950_1644061220716_0.7859075922124839","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215114149","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215114149","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3b0473e786128f373d905c0bad31933259e71d05","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215114149.tgz","fileCount":16,"integrity":"sha512-o9SOwDQZFk7pA76+kTvPNo0pb8VkOkAtYhBAbAniREmJ+AJa/spmbaWFWm4B1sXRzmy+IIjOJqHjZ9tYWd9srg==","signatures":[{"sig":"MEYCIQCcq9YwDkMSS05aPlDCMZmeWBnwMVqnFpJ+bllP7lcPHwIhALIA1+knAEs/lVJuo/r9m0BmwZzWTBkpzMn6jLOXdCCk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mKeCRA9TVsSAnZWagAAYiMP/Rn55Q1qNbHKl+YXc9Hg\n7yB+GU9TghRusf4YFNnbqca+WVswyeEPn5gZIk43NkM6efnzB+O1mAGn+Psr\n1XlCkGyuZx+vx2Ijx2P1pr4yqj9iNmob1CszPKq0NIHGof7wK0zujIyyL6ea\na78KGahbBsPeLWwKAHeamZLVb9GSfmENULBYiXbEMdXRlQFl3EjnBSfSqjSK\nEcSnJr/bLnDktXtJhkscVkwkTd7gdHqYGsYrHIHjk5hDVwCVDQ5dixx2jSCy\nYCqbqvZHkeLgfzW/HWD+XJQLOUChdWsew4cS+bKK54h5MuRGgK0lHXzh0lpV\nN8vgByNdXdl5W7VjJUa6ZsI/N+RiCfGv/5VEbyPDxAcpVQLvP++cXU/TAFxh\nl8n86uMn6g+8lvOkQxfjCqnPu28y9ww6LigQO1JjQwmzc0rzMLzN08xr8tao\nOrMpSCRt9L1N+lZkw++HClfiiAYPBUKQkp86fo0Uh3YVEAGmLJXZqaeGe2Fl\nBNGGa51DmxSB6kS4eACOGSoGyu2RXCmKt/vk+j6l6pxloiKJ9xb0Mc5FQm9o\n52GgJNBN3eDMa2PR/Djx8eseHd1inGUpDzU+Mua4DEk3lCVvgOrMh4FaZd8l\nJ7quVgFKk+FORn0tpn7V4WKrQm1Q/J+bVHEnpcQ6UXZ7mVSMraU3/BHpbBu1\nGin5\r\n=irAP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e390806b2603abb97fb5e151abd46710291025d9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215114149","@chakra-ui/hooks":"0.0.0-dev-202215114149","@chakra-ui/utils":"0.0.0-dev-202215114149","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215114149","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215114149"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215114149"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215114149_1644061342397_0.5774840848945513","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215114422","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215114422","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"04caf6c2e527e2da91ec24855fa6a9b6387122fb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215114422.tgz","fileCount":16,"integrity":"sha512-KOk0WlvtpNa+aLF97tHiojnluaovUQsrgHBI4DWaD4qLnBR4NwImVseu0T1a/abwbR2PYvuPgAF6+70hdPEBIw==","signatures":[{"sig":"MEYCIQCkxnoDpY3KktOgitKCx7S5yw6O7/zIXqpo7Eh4ovfFcQIhAIvPDw7c2mtWVT1WKrd4IsOBb/ZN47dYtzt6cfDgI8In","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mMzCRA9TVsSAnZWagAAE0sQAJW3vROLw4QahA1JT5EN\nDzX7g0gf0MkrqTCVURoDZwGYUtULgN/DoK/x222kgzFgyJudaqkjyoD5Bi5X\nQvi20Q5iTllPQ+0UskoTMpnyNZU6YOPPBPSQROpLU2mSOAq+bK3lUm9J/Opr\n9Q1HRbjf7hqtZbXGRcEgG1fct+M2c0aLR+9678IwM2g1pFB3F5hJfRK+dhNQ\nPaGwSHWm/wxBFTweMj9IV1xMvDdFf6jnbDwebvcVxV3uk+np/lHQcPlRtMMD\nYzstyvY3REz/T/6BabNEuFzEopgH78z3UGPy3jnkr/6NgXKJHC70ihZMXhlW\nqXx7GT0HMXD+lW0+L1m2twt3qlXLnfT5ZzDLZlpIf1Ild6//BBufxPR0j1bB\n7NmMFQ87CC724lMho/I52cej6ZZ75LpKzoP61ZaQtfMs6oN1etaTq+B1CS4n\nYEXpD75OFqMNMrDkszb8fuWlx3wtOB7VTiSGkUQy+YFLA1mjbZjGElU+VzZk\nbUHw/U7yjUhdDU0ahgP+aDJTUxrKv4siRBnpPPrDABHCRsIRqwxbma9IxBm3\nKm3L3LtssoRs64Pwf3/zRVLOCE5SVzGshA361D/I3yWNKGhjIn/xLRV+nJrU\ng2inKEuOru6DI9V5nCAYHCgsutrInwhRM8kbWjELZD4wj0FayBp2oh/ws+Qd\nRIjU\r\n=RVEH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e9f7f49d87feb32a355d3083a61447ed5d6e23da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215114422","@chakra-ui/hooks":"0.0.0-pr-202215114422","@chakra-ui/utils":"0.0.0-pr-202215114422","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202215114422","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215114422"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215114422"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215114422_1644061491279_0.5954704253745469","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215114442","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215114442","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e846cd08f8e9b7af6e709bca23ab9407a52f8340","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215114442.tgz","fileCount":16,"integrity":"sha512-R8MmkKjK7wdnAvKfA4GOaDJKOTNx0jRXYuX6q35dZRjsEcXDs1f1D9sbOXVJ9MQwKRnY8TTXfjyGDFquKe+oqg==","signatures":[{"sig":"MEUCIFTfOaM1J6ZBfqpGGOpLdA4U68/0up7iJsDIbpX5Lp1NAiEAvJzSZE/jFRei/I9n9T2BPTdqRdcWzC0SwHq3o3jpHSA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNLCRA9TVsSAnZWagAAvNYP/3WEZdgzbj7AgwfzPBTE\nJuexdrfJNiOCCBJLf0SMTwUHDBOBxsyeaR8S5Ne+ng/j3ArZMlJKCFcEUcOz\nIbyNrhqXNcd2KXj/oUu4SJlGwxVr8+/opx6O+Lx+/W/CNfHrfRlEwFi55sI3\nIvNzwJ9mTOPsrJxtM9fjrYvvv5FXHNrkd9aptZqr8FP5Ede1KG1IiWhTDAnX\nP1NW8eAXcUCjclnt4WHKOPvJ0PX3nccit7hfBZn7Hf7FYO2XreWrYpau9DSX\n0uEA/qNh2RvUk3NvF+AHJ2y2zmoyzhHeij4+7rzK4qem7KDZtAZxUfgpAoXy\nU9JeMU6mPRQ4YXBVo6A/Pih+//lz/iXok4hd7UvP/lQhWCRD/YqDxKKYgge0\nWNZc61ta1vQJxNTdfxBqDf5IHVUteYUOqSFeTH7pNu1FQNAXueJ4Es+pRH94\n3892wA2N5JQwdEO7ldcXxhAeEP7LvZtMjpTY1RUX3Ban+FfMxb01WS+0xt9S\nfj1LdFQ7j+6GkZYBNvr12sOSXLl2iDdEGIT9GytjCRmNsH192VJ/4KPVhX8Z\nvN/gfqm6pRyg/A4wY3XlPI+eW3biPrSzpAyyU16vMhQ1w9eb8BegOetN5Pd4\n21JUxrhQvVKINpZOsy89deJPaodwlajct8hJzRSlcqAUkDfVDqd/u3jd3j02\nlKMe\r\n=f2AH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"9d81c6de9ba2ba6b02681d5bedd8f7f5105a3e71","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215114442","@chakra-ui/hooks":"0.0.0-dev-202215114442","@chakra-ui/utils":"0.0.0-dev-202215114442","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215114442","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215114442"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215114442"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215114442_1644061515067_0.9028491263920932","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215114917","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215114917","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6698f5098d11cb11e905bbcd2b600703685fd79f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215114917.tgz","fileCount":16,"integrity":"sha512-AWg0ydkCRiAMzgDfQ3h+PZFcHq71dXwO6UFZhXnMS1VjNLCQOdYKSM+cmRAgbjrF5GC3W3Y1+w3y/tlUiyKsPQ==","signatures":[{"sig":"MEUCIFd1cPF7dLBs5fo9q7EMtOapEWTcKJq/vRQ4u3wmE1FyAiEAqVRFFFQkLeBEZMV0oYD0QjNWCagkK6GY6oXuGSiLo0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mRgCRA9TVsSAnZWagAAJMEP/2fJyLM66mhw+tzypSea\n2HX2uywZoB35Hdv98oDNsgYMjbnWhWSVWX42ebO2itTSNzxes6loEePZfXET\nfr4fx/WF4yZZdPPty2BS2QZt7ln6E36qdkbZ9/kesZLv11Wi4MPqvfgAiij8\n4jUYu4j+mx8JY0cxzI1XZNOQR5iUeCyfqFzUIemBVg28vSm7U2aTCFexyZ8d\nMUJZAbNXZuPWUf/SIN41tzze/5/+6Zw2UQpOMsdy4VDwpsYVXK7p9tU9KYwV\ntfCvV7F89Cy6V35O3TExlNirrkYxGj5ow542hbhF4uwFx54ApegvxkIt6IiH\nN2mr7F0A+uQEVP+aTjbNUccVxNfh2BYASVbOFp3gG0KszPypblec1N4wvMYJ\niZFic2gKdmOu6c8qlHPyITuOcC3/h2MyO2/iGTRUZOfsxp9R2E8wPw3Bzyn9\ntTdcL2n7n6dokaWrYvEe0bI4oKSgIVWKRIMjEtzOnqkpfcw1OHHt9ALuNdER\nepkxFk7WmXUKwSG/i5n0ryABeqr/aKPffcEWgLTwt1ZFEqMo+8w7zhRMYfL1\nWKiGQ9itLVckWDuGvEOSjuo/1XL6fu4xrEwz8b58GrGOdRq1ScBW0uXTId04\np8UVDnyare/ZXlwlrTXmtxODTe+JATwbxW06alm6KP83ADkw1TS/8qsK/ql6\nUF7r\r\n=caIR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fdfed43beaec88a99ad8963588cb988d8ce03d58","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215114917","@chakra-ui/hooks":"0.0.0-pr-202215114917","@chakra-ui/utils":"0.0.0-pr-202215114917","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202215114917","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215114917"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215114917"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215114917_1644061792817_0.07023638623037076","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221512346","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221512346","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9fdcbb8154b20395f06a1a13be1f1f52fd453f31","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221512346.tgz","fileCount":16,"integrity":"sha512-JhDGEwAqFOw6vUweHz2N7esxZzp5q//ZgFc3moFZGsxFuP5fNnA1n8cEBiRixWKT8ww77GpX7tajk4JnWJjWvw==","signatures":[{"sig":"MEUCIF+rxo+CQAnoAftLQJHpq8RS9pVawd2TPfAXAXWNvt6hAiEAq8OOpKoZlH8p1rsYc7YT9KR7NZ6K5R11X1u0vLl+ruo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/me/CRA9TVsSAnZWagAAS+oP+wY0VqBYGFLpUmESfw6v\n4xa44ZD8ps7CokMPHm+zh1mlcxor4KIruoYbJ5t6A3JIRbWbSeq1YkYrobGE\nGdH56rORrMzGLLT0I2RSbegn6TNLFFqioboIynjOe5K441KNzotttAME7lPH\nRgxSWCz3YoQrfdBUJcBdaE3fJzgC7FpbChe9M/NTMtL/zO3Y6NhpVJ80r8Pp\nYKi1rYGrwrksLnRKZisyPFEnMKvd3jAWWulUwyad9kLTGSIDnAU7WwPvDbqo\nyqxmCByCQVR8lveasH93CPFQEn2PqT8zdTanc1wW+ed3w6Sc837yojRmX3MZ\nRsYMPnw0vDXxEBFwNyaCotwWCKhweL8KEYAuKZtP1jOpE8zBnVrzk0fw0JTH\nu4gZlMiqYecg1UV+F9ws40qwEZUcTNbs99vHVFLJA4QGDt3Cwbwa9/r0mo5V\nP799PxLCix0PeSHCGjN4jTgZ/L64QLzVVsJnnpsHOqOOEHEBLQTYXEyR9lSQ\nYP7PwTM2qwL1GhnUiNOH3T4hb4XW1dNF5dQXCsv8MEc72N4jZHDEWX0GlrEz\nrm2WUSu++hcXgicoopKPgQtz55W4NW3Tzao+g/ux48z5/Ic6YMTTbAkItksg\n8nQZwt4wss6QhSzEubkMr05PGVY66uTESDiEFFFszwPtXXUkvTvcbMPxhJgH\nCx3O\r\n=osgK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221512346","@chakra-ui/hooks":"0.0.0-pr-20221512346","@chakra-ui/utils":"0.0.0-pr-20221512346","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221512346","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221512346"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221512346"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221512346_1644062655401_0.5457797112224461","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221512130","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221512130","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f45880aa57dc0d8e8e22148a5888da470631e377","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221512130.tgz","fileCount":16,"integrity":"sha512-lfWZEM5bf3+q0WAPvp/b7ooeMLyWC0MZILSyfdNFGBWw80MNrW97OdCF+UP4Wz0dc8kCJXehYcBIqpELUgMOqQ==","signatures":[{"sig":"MEUCIQCgd/mI5S+nhtm1zMSc4h7t1iuMHUF1o6OylZStdZClzAIgC8RHCZU2AABRMvVdqs656SIEjv22i0AooPJ0+3yzmq8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mnmCRA9TVsSAnZWagAAEecQAIkd6vQd6e4vvbt2L3jX\n/zRK1Y2ntKafExZ3xYhkqK5Sb/y1CtpC3j9c5j7j9wA3RkmjYJiGDzpjikRb\nlBV0tSVt5LH9H8Hf3XNGMnazdAiN7kvfP77s2koiulpJxyyTit5OeQJhhjkO\nLPGTgb4+2EL81oRCA1IVJf8h0FBZfnCSjnNkyOO3p7U8BddmEgaklJn0hRbn\njjwiWGXQRU2vPHW/Vxo0Kh0BEY6PicqDhBCEysNJ5UwQEGOCz6AenFM2pOyg\n9brp/x/U3sDQC5zGnuDKfVyQeqfDQEwceYGcbA1jFaatFPL89wrxdwPn6nvT\nMm0tOb38dtGE4VQd3dcQOMrmyj+UmGgQwDIQ89/zJEMfkFYlkMinIwjc2SzF\n5uE+lpN9v7WT6XMOIlvOYP/EOF0A2PeIA7LZHiECl7FTprexrnh6740ya/I9\nPdCDkF+xvVQc5cfQUn3awVYZNCMlpW4Fh5qpGNG7jtF8iIkQYtquyynwC64/\ngfKbUlPyDToHI+2TH6la8VNdwwr1trsuo9IiTM4hDjvrVULttQQpT1uP7JJT\nV2rGCUrHnR8hnqL4dRNJpfTOQxh7AFFtBrkJlnZ3U8PGosOWUczMSX8k+KNQ\n3JM9sA0pYVdLmC3DW6MPeEs/GuP3SYCarDizclNmsql6ZqkfQ22V2FqvQunb\nsvL9\r\n=3RPh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221512130","@chakra-ui/hooks":"0.0.0-pr-20221512130","@chakra-ui/utils":"0.0.0-pr-20221512130","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221512130","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221512130"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221512130"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221512130_1644063206288_0.43638948364914376","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215121320","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215121320","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b0a8024f3ed9e4ae215492aedc58382a90364deb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215121320.tgz","fileCount":16,"integrity":"sha512-udgReCrZwwFq78SxjFIKZ2SdOdUvRPAT8OmXcvUcFGyhPnYJzixBKhgL1SAdTIyug4nPZSlpdI6Mk8tyEmPAxA==","signatures":[{"sig":"MEUCIHH1ZrHr8zgWA8mntqkfhERFdyBk+Q9LhY5p7LvQhgDpAiEA++gInuNqFbJLQh0XWijDvEy1a8EqRklQJYRgnZW2cBo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mn6CRA9TVsSAnZWagAAOysP/0kWG1FbG4DK8cd2ZQLt\nDbuJQMeCVygx5WgBK3J5mpu4R1givQvRFp06T5LSmh5pV0gtVuXtgy0eDFMR\nfSpnMKhJe++H0go3FuQfhSb25PM+TYAn1vPKzvCihGxCxQ0zVvnMYnd/8ZIi\nGRviYnlSwjCFtlWSO2bdF5uLfEXvIHKmLNR3+YHA6zheRXzc8stvbMyt4z1d\noA6dpZGUL1aLmq5fUeCpdjmfrMk9NkZTxqP5obDKM3O9vW1JYyUeT4Doj395\nij222VaF3ydCE32LUWXT5NvdVgDF9SC/uYds0hkp9unAW2IlLp/aQwZpA56U\nEXkf86ArQ5OIU5QcmqM7cLf2B68DU1Bjje19FRfvpFm8yauSijRrjHUiQO0L\nUVjVAX+m16hibIqeKw0pYqkRbOQ7Adg1XfNJlya82LK+K6wmqwP/7qBJhbT3\n06zk1pJ3pnnIslqyXnRLZAvdNHI59zmwcbTROP5fqSiBT2b4lbRmImIP33Ia\n5Y+oVdZATOQSssXkS0qLejP9m1Nlqs99hfEiFO9TP03OI1yrQwsaa697V6dd\niEfrQZA1PkGEDNK94E7VbHM5gLtBLMBXGFG6k0vzDOkrp6Mcqwk6wx981fwZ\n9ZPczOxs6IInINf34IpLA6mX6e/ajmAPDb2gbUnPKSlBF2wJ49Qhjwoe98aO\nUZCa\r\n=0Fpq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215121320","@chakra-ui/hooks":"0.0.0-pr-202215121320","@chakra-ui/utils":"0.0.0-pr-202215121320","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-202215121320","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215121320"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215121320"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215121320_1644063226353_0.2019680408812219","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215121353","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215121353","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9df55b250e750d24f1bfb93e71eb0fb7813b1d03","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215121353.tgz","fileCount":16,"integrity":"sha512-poaU8JlHbW0mJw7D3nHvBYBbQuNUjArYNfKRw94cs0PyNRJ7mR/OEFEqM7B0c+hRU/EJ642KgpQXyc/n7K4/qg==","signatures":[{"sig":"MEUCIFWdc4Ui5ePR2qCmmhI/rnuUDUuyCa0PC0Z7rPVFX3t6AiEAnLSKCrGtInEXgquAqquU3WixHb6GdCWUGRr4oUDGyec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moaCRA9TVsSAnZWagAACWoP/jqBKZIxMOlnIHvIJwWu\n9HvDZLaXD9ueJX79dAXN8NtLkBNVvvsJXuBy1d7xDRO8PW8u/Jsmdnhms185\nWv8VInJy5aGqGOpzYmKHD2c2vXJC2keV+yHQOx7cQHis/ON8g+nuNj7mw9tT\nuIHyzS++/1HUALhNh7zM2olUoZ81mlG8yOdlLwA+EtIVxuMS5DvvlLP5M2MX\nx/7STGumhiBojaFh1EETAWz4lcKwlSkWUUExsH0w25jxO+1a0RB12tky8eNL\n+vD7IeH3sBP+5mJ0y1KmnEBKirhy+/PRuIpD4r+WGttxMkA9bd0yiZWFUxyd\nkhK+BqRANQrfERYmjfET1xL0Km2BOfLAuC9x5VPfQrI0CJNwEDfd4L0kpZk3\nQtnxSv6SlQ/3ij+Hx/uw4WkB0cwp8ar0adFdIPDF4xf+44B8ZFjD+ySncwBe\nhIcbaBBajW7fBnTMTxKkcoTtvpmV2A3FHV/7q+KeitWdLm6GBwtoFeGX9cYh\nrTmmfQ6O7hmcqYOfm4K7r5rHhNII/BhL+wbGfyN5dMzVb1yM57WI4sa4JGi7\n3ejFzcv8CcY+6SOac27CC8UPg8eDHp2XJOlJYWIG1hJje7Zpjf8CKCFas0/3\nbJ8Ju8368u7Hs3KgwffKI07nHZWkgUw5Qq3xrRnCXK5HuXJV9AgS7EUG2ITO\nc9qW\r\n=kw0i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"85aec4f7abbd7a289e7ad82c3dcfc465d84184ed","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215121353","@chakra-ui/hooks":"0.0.0-dev-202215121353","@chakra-ui/utils":"0.0.0-dev-202215121353","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215121353","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215121353"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215121353"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215121353_1644063258369_0.45949677544526857","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215121428","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215121428","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"140d781b0198c542fb0cd52118d4d16e5f5cbc1d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215121428.tgz","fileCount":16,"integrity":"sha512-OXsP6Q6H7R96kQe897zZ0ujr4R9f9uRYprs8VqOBiLZ5V7ExzcnepBaIMQCkvhj4LC6hvUtL8UUFvVckbQOTew==","signatures":[{"sig":"MEYCIQDt7tqLP316T2u9GOWSI9L/xwYi6odtnP+2dHVrwbhvmQIhAIRfwx2QgjQlctkpFscdQOLHpvrAVyw76cn+oCQErZIQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mo8CRA9TVsSAnZWagAArDoQAJuuEKAz3TM75YkUR8Mi\n/5R0hYaaohNiizGbG6WfiYgN0voJDbBG68sU9DX7o6Mqcd0Nojvu1IEo/kKM\nSoV618hsfXDjQC9I4PPTUiQq5IKL3ByaIoxNxOTifUdmZVXNXTzI+M/cmoLC\nAXwx73O0DSk2mRxS+ask0rHwTEyMzr8i3jjVbRIJmu6jqExK1+sb8zgGJ16U\nic5X/cH9JzSfsl7rhBKYc9rUFg9AWGq8hf6VQXaVix5GHISgNw5UKAdhVbSf\nx7LtBNc5KVguxHVD75VollV9TMG1GErTSzeHk5HNz0XPzl2FhqfhbOiJRwan\nh2iQI4h0XYW2PPZ02bm/JBB9Fre4xXkuQ76ryExaecFW2v1JG3Wl3o/trNE0\n5w/cMyUitWBpkXJH5rPgegBPAyzGzeWGDptSkUfxkUQ/wOUmAWGRzgQ70KG9\neyVL6k8hsjwznVnDPpf6+2J6CoBo9MR+rmO0OHnDrra1Igu+d6JBtqVoEoe0\nvIVy+/nRmrV8nVYJhGRKWk8l/mhqH8VqY6MaeN1Wq7e4otX5Go4mA7DuZrHN\nsgFoOFOZdtH1s/SKKqSFWgzZ0cCA3ys2dNwg3GBrxgiDGBSW2cRrHlDH3g/I\nB3wyVkafSaDYFqziw/4W02UEepe7VZ41/s7NXe4SkHyXEg7Yq34HDeJrkBsE\nC3ml\r\n=MGpo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5df03dae0203f8d26ef7213b66e0fb26fb6a69ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215121428","@chakra-ui/hooks":"0.0.0-dev-202215121428","@chakra-ui/utils":"0.0.0-dev-202215121428","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215121428","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215121428"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215121428"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215121428_1644063292179_0.8963076725935382","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221512173","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221512173","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"179967774a7138ba4dad43092bf7076bb60c01fa","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221512173.tgz","fileCount":16,"integrity":"sha512-KIxNMyER239N4LOjxpohGxdq9TP0XTgdryiG/u4evgXcGlP6DEsWMwhY3E2IvPh8FJAN6xecl0FPErNv8aRjEg==","signatures":[{"sig":"MEUCIQDWsLvVwdsgv7Td0iIxW6PNAF3fW8dztisVRNGkfPdUEAIgAIilOcW1T6qRdc2rgG46Xee66Zd2RisQ/jflxBojOp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrYCRA9TVsSAnZWagAAfGIP/244c+twqdOfosU819vQ\n0/x0KPSv2QmcOVTN9pz62ck7ei6bOLNQ17Sqy63PQxPSk+/5+lSwLWVoflpe\nX+vpAvouTOUOSivtfx2O5w0MXLILiiBCTLSyqjhoxCt7bmyplPd3XHcZesxB\nY8zMD+YWdUPp7jH6KX7NdGzlT+BOugUz1rMkF49+/JCjwktWe1Cie4mdEbgF\nURN60lTG2I2GB8EJSZuiwmG0HtQxe9OE30+zYaoOThJmWNe9AGSDGXGM6TOe\n1bGagT5xaaM4EQbqKSVFyWD2C57X65ukqMxAQ6+5vqYQcpwTzqWA4pun5PlW\nbqeGlnc+LK3/tHvtxlZ/y6PYL3wP68MicXUH0eUBSLYiuI5nIQe/ykeRqu8s\nieNjO20MCkQlqKjoJbPlFuDt4iC80FGKJNJJtFfS7LZ49eL/rDSU1+pubjOt\n7oiZVgFmJM9zd3lTIVy09ICKBX5H+QuaDEVxIVRANaXKCPnXkCETZOQqCOo8\nURJHTDXqnGMRCvk1gKtfYhfbjRehBD8O2llSS8laUa5LKx9D7rl/ZqYILMny\no/rNun7VkrmDu0V4TzwyCOYN8q3cKW0Fy08hiuqiA2PBVbRskRRswEcqznJG\nVVMXgbWbvoniiobgO56B8UlfHKv8/dSaQe9yy8guqPB9vihpfOax7KX1paZC\n496X\r\n=zZ4C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f6578a1b76546c9432d9bcf06acead17d68c62b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221512173","@chakra-ui/hooks":"0.0.0-dev-20221512173","@chakra-ui/utils":"0.0.0-dev-20221512173","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-20221512173","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221512173"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221512173"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221512173_1644063447906_0.5648241138984926","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202215122415","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202215122415","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2e33d35e93dae402e9d8c1558692767548b373ac","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202215122415.tgz","fileCount":16,"integrity":"sha512-qXI0j0LtmOnP3dyMFYWONCRdFh/+pBTfGwp7X1JxymcrSHZpCrHJNaGHSPd+UnrpcBgaq+dNL8K4EmtWA6mUyw==","signatures":[{"sig":"MEUCIQD23nCtRI6QKJlOPa+DIlFS8SuZEQZZkrPALvJx3iP8xwIgGut8j/+63X64p2OJ/gFmM5nYvXAnB+RYjoKqFQbUIqc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/myPCRA9TVsSAnZWagAAfSwP/iomzzQGk6FCvlBZ+sSP\n4Xcx4xaefCJWphHIkvdwxeSVzWwI5x5wFR94qJ+FpUIaiAT13u/3OrWmPG4L\nk0b3NBOz4DOu96CCI9EUrhGN6wxIXeKTVjiLcTolibJni5JuUFtG54uo5/3K\netO5kYC9bv5D2cneCXw/tL+0oywo5mPUHIblysz/OH8u/aUHeQhCC2uIbZ8X\nVzaTEjmPrikJ+EFHVIBGQnJQWBPAC6IBJ5B2mTZKyVgXS3Ty4PLEPq6yKMJi\nMaGPfsr8WKbXg4ReiG4g1RvkoSD1ZjWxOu/+wfpo78sQ7EKfLn5FRFY+itCi\nMARGaPH9icL5bHlhAH9S8bM9pF8VsLniQhwyVB4u0fnjj16xe6kfUWiPkMzp\n3imbW9hrCi0EozVA+bp6kimmuyedxn8hLZYx9wpMcwEVJmRqAB4lemCQlx1d\nMYJgsVgtQ9n34nQFz2GUp7XFA8y4ko2cP3tP0pFFJTx9fl5iWJRCOxgP7Wvm\nfaNxLFrjocVKYKW+GMAYCH0lYNs3IJx2+7p7qtNVW8IStgaoRHaW576mIQ79\nVY9BQSobaOg4+Jk5YjMRnjBglgpwrB8Ze8Tc4VIynXT2YmcKQKjQB4nUymiz\nZ9X6DMBtvUSg2hr5xFUF/GrjEsxmtc3R5aACqEB8UUYF4MsEly/1uiivTKfW\nmJBk\r\n=H+GN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"01a939464a28d20ab27b38864dbc5a44078d7314","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215122415","@chakra-ui/hooks":"0.0.0-dev-202215122415","@chakra-ui/utils":"0.0.0-dev-202215122415","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-dev-202215122415","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202215122415"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202215122415"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202215122415_1644063887478_0.38153589834709845","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-20221512359","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-20221512359","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"97d4e5d69c5e55a78a311e57f815232524e3f448","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-20221512359.tgz","fileCount":16,"integrity":"sha512-VsI3DLVCxk1wAppEp9hQ5xXTFGzrM03MOaA/5FLKHM1FplHUBh8xisDJRKFbodhTddN3UCn4+4wmhcevRMZaDQ==","signatures":[{"sig":"MEUCIHH7EqiuCbaym1iXs6elP4Z0vuaF+W10vy7RVFfEgvn/AiEA5Bai0CGEPp/HC79uQnXy+nHJCIoKZXUzloLq4co59HQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8ZCRA9TVsSAnZWagAAOOQP/jUL+c+M5JueoKTtxDFK\nBNt4A/c4A44RYuJBm0hAWqitIaO1h3Ylz+Rwz0Fe1lp4fofMkGvU+E/QUICD\ntq/UrzK8GGtamdEpp88TCuWTqdz0jtjgcGNXElsz7GPalM4gmGs1zpArOggN\nfNdmRaCIWxO91Qk/2sgDmFnZBmyILBFJTDbsAtND7z3bY56dwj5qtJeGR8IA\nC81pdLY1zWwqWpNuUBoCKBy++nA46zreyYtEW2uG0EPCDYyJ6wo8q8lHMy/R\nQfYHaLkuVkGOtJTRRwDJoobaegAlc/EOFAZUCVL5/3RMpiVQcX6PMStHvR5g\no38TlvD4TyBajwZH0Pqfn+W18xX0XRJjFmYgUBYHQCoRr9TzK7XA13yxSHx6\nPlVRHkY7p/gDvU5byB1Fy+jHS1+ZqHyvXIUKtwNJy8hgjDY7ZesOKdUDvvow\nvw/C3TOBHOHX3A7ie+NpCUBeVw3xcGzfv9FyCJR8xNh8984mj9VOx/bUQQRX\ntLO+VWsvQjke8YvkehWcfbaYA5mZ50lX1l5FKXo4ej+fC5dIvK7kGaQtMwnP\nS8PqC9FEQ7UKssz3wI7booUOyzuFiqAkdjXNasRjde3vP2VP4FDTsoO37M0R\nCpxwtPlLG2Nmtfs4hJ+/tvCyhubrLWoxUiEAMaRFjlkdCMQeHrpQyM+SbZL4\nUVR6\r\n=wg0K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"df779e921c2c95e0cdb5dedbd4283ce7f149b0ce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221512359","@chakra-ui/hooks":"0.0.0-pr-20221512359","@chakra-ui/utils":"0.0.0-pr-20221512359","@chakra-ui/descendant":"2.1.1","@chakra-ui/transition":"0.0.0-pr-20221512359","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-20221512359"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-20221512359"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-20221512359_1644064537207_0.9710804735017649","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215125733","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215125733","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a56d46daee74a01023d68014e3c8c48463d11a4c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215125733.tgz","fileCount":16,"integrity":"sha512-nrppRnRWX9Jla3598NBM9WxsqV7E2G3SqmLoWr01tjP3yt3QObuTVTQGdli969+/to20J+hXFbGKFQVnssJYTA==","signatures":[{"sig":"MEYCIQCK8uyPN8tJBzSx0rfXKxn3kBlIW/z/93NoRiCTDxBFdgIhAOANfIqEvAvVhBp71YqqHkprx6wmoQ0vodHn/4P+tydR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRaCRA9TVsSAnZWagAAs44P/ifoobGUMd4C9WaMGuWA\njIBjK+G3hMX6WCbn8CHqrQ3MZgCZKwHj1MDnQ0xukegWWZ551uSA9o05wCVG\nLiXxKOQ8yaGwWSHYKNHDULQFWgh/lkV8wmew3q5cyZTdKD2kblyS1PI3Z1Zw\nuJgaWQz5SL81PVYYBUlNDfW/oAJhW6tyyImQVpdXFb+FR2WwClTAqPzopxbD\nRmW2JM6eeKhLML9kjSzglgaX2znImLK5jPzR6zhlnTlfStfw+eBqnfkHzzVu\nTk9jNXBZd1wA+K+lV9jiaMbsi2t/+tqgs+jEn4pS4C9mx0hNlFjKtamGQSG/\nCWgUFk8agLVaTPS/YkQ7wg3SfkFdv3aOQshdm6JXOecew9rd5ndIPhGD/FnU\naBrt2xwgFvFe99GrLL2PZ5CnynB0Zlg4Cpgcs4yx6WUOIOyF2nk4CkszxRmH\nWvD0w2KC6mqDDKeZJSlU9LgE8FD/3RC8hagJkZZbVS69LwxizO5qZ9ws/qho\nSu/40Oe5ozYX5zFwXHUkk6d+VaRWBjTY3kQDH4GMqQgSHdU0djzhqsT0frfK\nGmjTSBhuEaEV4wMaWB3b2XpkwaBcNzT78C8yCJ8mcyh8eVFR9Tq01aQLnl/s\nEhmas3Ve4Y3mlJiUOdxyIPUXAW/iSAmjZabkq+LWFPBg+bp/qOCBKv62WI8g\nKhZ9\r\n=U/UO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5ec7ab0c37978861b0a67e7f31aaa4157f05cc4d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215125733","@chakra-ui/hooks":"0.0.0-pr-202215125733","@chakra-ui/utils":"0.0.0-pr-202215125733","@chakra-ui/descendant":"0.0.0-pr-202215125733","@chakra-ui/transition":"0.0.0-pr-202215125733","@chakra-ui/react-utils":"0.0.0-pr-202215125733"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215125733"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215125733"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215125733_1644065882201_0.5397056283233335","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202215132532","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202215132532","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"413f715b3f71100e1830ff07980ca3630692d8f9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202215132532.tgz","fileCount":16,"integrity":"sha512-0O+6onfEP8ntzZw/pPO5gNrLBEHHXB6uFbtyypH63/fnTmLrnlZ+9LFjRfmPnnHTcDGYuER22kql2Ex3OyV4zQ==","signatures":[{"sig":"MEUCIFR+VxwlImQMGovI0jKbA2q8puqeO2xXkXHEtUDFxN4dAiEAmzlxOV5fDg1ru/PJZHcO0g9gPAzd4xfq5UDlf8dQVJ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nrnCRA9TVsSAnZWagAAByAP/2nAQ7QuH3w/FWQ0Gdqu\n6lD1Zgwy9RIXlAmW3bVkLbHIOILzib3qohCzuSHtbNh+NO5QR1bojmaxq0G1\nL641/aF2MdM7PdW7paO8zOk+sOc2rIUMOUztv4C7t97EjxwFi075ExbGk58w\nz5L9jPob1Bg1NE+MjrtN7n6fS4b96rPWBZmGGlXt7ARF4MgR/3MI4YVfQogo\nLTBEDTmX0pD3gqb5v3Yqcdwz6/6Yx2evobk33s2v4f7WWpEtIgUxZXGBWT/F\n4Ihfr12YjU3DzE8yFLr834vmntn4cKUrGlO0jRQ88Crq8dV5umgNJstgH6te\nDFpdACr/nCVjdtUnRjJiMJkjBFZL3aPQ4kl2J13qTH+/A5hEjR7CnyA8JsHC\n6Mz/TM9IWp3pDTvz3oE2EXswbdNMYOKtwuE0XyrgPtpNW5zkqrXWSJPZXoeR\nJtOA9pu5EC7hSs1mL7YKbNwe6BJ7nH91n6KUY3mFOL1j5J7pN1aHO6/Dyb3Q\neTh/X3G76AGU87SW8EgRhFGfCL9Ly4g3WynuBPgjSDi9bnJX1RrBAYsKK65r\nmqJcaXfR4hTzyaTHGyreRYBiJGeiPGAr6z+16czNdb4ibkpOT4U4gxEcm93u\nVgsFGDz+kMgdVKFmi6mdTf/y8++fM2pASyWfA6UO6/QfhmeAZIHME4NTbjC5\nOPqB\r\n=djKJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215132532","@chakra-ui/hooks":"0.0.0-pr-202215132532","@chakra-ui/utils":"0.0.0-pr-202215132532","@chakra-ui/descendant":"0.0.0-pr-202215132532","@chakra-ui/transition":"0.0.0-pr-202215132532","@chakra-ui/react-utils":"0.0.0-pr-202215132532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202215132532"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202215132532"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202215132532_1644067559628_0.03020647496120854","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221513279","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221513279","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"87ad3135beb49f7acd42403c90339d574e09dec9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221513279.tgz","fileCount":16,"integrity":"sha512-pp7zSk912iIfVKKTG1NWlYGTwGPQpONagONYQAZvMaxwcuBYgEwWMFTb1xl0MvS2qpMjfyQM6EKoEq1YZ2EPNA==","signatures":[{"sig":"MEQCIDxO9kYCcOZu6f0dSCIhDpRF0AOtpNqEQIDBBNTk2g1XAiBBlAHPaCX6ORG6G7dkwNTDQ/uU9ISsxb4bHDM1FzkAaw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntNCRA9TVsSAnZWagAAL7UP/AlbnOUhFY1xoS2EM+Do\n1qEOQpM3e7inNPPTB4PIwQdVIhQrYDMPAs4Dqp096pMC3TunmDoc/EI8gN/w\nLuZ5YJhvFFAvL+cQyRoUv/Y0mWJaxomoHPNDmW2qCu66lJEZY6Vv0/rDGGKA\nrVCIQ1ZuGnXpXQ9gcqRe3NhPRWjmzkpZe/KW8RpwuTHWi8M+HJtcbSVUX2dr\nD3dg/mRfxRg209cng9QeOrG/hz2e9YxZD1gy1eF2nNzcFLMv+YUO3+pJfcf5\n6g8LCXsdOMyjTy3/+8mkHPqI3R3A4n1jziMNiJBWB//XH7Cvj7avnEdgA13c\nH2Jj7rZEj5hdXSWYOYeJKwIIIh45XuGcIQAKsJynXMyxVeobmKBFFD6xxOsB\nHK9DEGMglvieyZmTsnTtpWPlGsvRg/Gl8w2LUg00UsoSlMhURJI/7krbtDGc\nr4bAjrEYbKDeoaMesPrSY6RMeqkuKMhAZge2bDK/Pud7K0EVk78zDBejQvpE\nt+Lx8SxRHJ6+C9s+NRkIwRioYjwmku/uBqEV6usy+yl42SKnswVT/g/NLA91\nkvdjocwgatztpZnZZf4Sij8ZPM6SDVfcR8qHRHuhP67nvx7kqEAAKJwuS0P+\nsWN+zkuPk1Rh0pT+twDOFAQMSzZMVa7RzCLzYoSY3VkXNyp3TEYXJ+X3DHWm\njNVQ\r\n=YxvN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221513279","@chakra-ui/hooks":"0.0.0-dev-20221513279","@chakra-ui/utils":"0.0.0-dev-20221513279","@chakra-ui/descendant":"0.0.0-dev-20221513279","@chakra-ui/transition":"0.0.0-dev-20221513279","@chakra-ui/react-utils":"0.0.0-dev-20221513279"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20221513279"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20221513279"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221513279_1644067661215_0.9481867799745052","host":"s3://npm-registry-packages"}},"1.4.6":{"name":"@chakra-ui/accordion","version":"1.4.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"87137298e1a3d5505c600787d8ae1b96e3e3e207","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.6.tgz","fileCount":16,"integrity":"sha512-dmHMMDM/TAdFb8LretCzk72QtjtTFkrk1BP8NvinSPsqF90UDsFUlzp9URgJfW1kdfgpwyEo9pry9U9uYX0PLg==","signatures":[{"sig":"MEUCIQDHnJ/H8JRJwM4gU84GoTYhh7BM5iWhUj3wy8ojVLoRMwIgMz6k+7ivRNqepC8sHm0kJXLhULEhMtBDku77wuhcoc4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1QCRA9TVsSAnZWagAAyh8P/0ai7hXrmgNLh4ftuEZl\nZg6dzyqs/+ON20siON26aLABXcjMkmGnvDZx2/EbWzXrJATt8ODcEwDorZ5Q\npELkGuIEB7axb9cwU+ea9lmzf/gmsgnu3+ZmrH2m942GfJzenp0A/n3YqdJp\ny9cEdrhAqguDq6NZp2NZwOG/M73UxPjb6XRZU+iqMaNawwAPiJGU5NqoMg7u\nPBzZZ9NOlhTLsE6aJEWYJ4A1fO30fkNFDvcy+YWWR0qN1hcKUni8rk9mhcjd\nvgqoFolzpNprByi27YgoiH8PXDiAZRW7U+hjPqXQTHwo0BWNS09G6Y9ddpSI\nDtcwHWf1UWQjyJGfoLmjtXx2Me0SbukQssN6dn/OQNUGbsB4k9Bi90DqDQoG\n7GTIbDyEHSf9XducU1m0lJ1HqccKoEST+f5WCulzEdkMHPGctFou6IAeMzCc\nNsKxKfDuPqDkicFE8pM7eH1wjX6GZn4ia76APyIPFPD8BzyEXOzkXlFBJGnE\n2/qDHsQ0Q9Jsbl370jOgIXXBsOnuLbKpCxcqkjFF4rOkLjZJyBBfNH12qCOl\ndhUwRCF5+7P+5pBXgeZL9EchJNr3gvhdeJC2G7tP9GyDAtFYuGb+V+5B5CUf\nv7v66vma1K4YIU7MWAQFzZtEvlnQTZ0Jdx8XfFmIL4YyIIPjdWzIKzZKS7Qs\naAso\r\n=AX5j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"5a6537a05fd2d5600b7ec51cce47e0a46d1cd069","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.3","@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"1.4.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.6_1644068175720_0.997804506523958","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022114224724","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022114224724","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3f515fa7a12494c06bd15b4043e284b3188a5971","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022114224724.tgz","fileCount":16,"integrity":"sha512-dpJHUv87UHKplU1gwKmdkl15hxZufn0Sp5VROwdvQBRywGa5qFVHv8Z5BoBy4O+AqLs1SctEVB0dS7ynNYbqhw==","signatures":[{"sig":"MEUCIQCgv+8TzclA29LubNAeEmg2+9XmAylM7OtSV3yyImj1ygIgOY2G46n/+zU5TteDoIJMFXwCBBOGAjRugX+KRsP8aNE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtwgCRA9TVsSAnZWagAAQJYQAJn/mfMs/+dYjCxN/46W\niEQUdkLWHxhHBNRMRVhrdlPgq3xntJYMCIf8iglvaZ7qSKTShuH6pUYTYcvh\n6ZwhDxdQXSUrAJLYCBNp9Cphd3+DITYEPmqH/82egRZ7XnRaUgmCg/s8gjrD\nffxopKtu0PIyL9JszRciQkaRanMZS/KWf81kqlqDlyjMMQI1KGeD/oqQ6pkv\n7NqBmrn8YiBN20zWis3L6/YlvCNlxE1Es1HUxSbsn3e+tJ279G/JX2O9Y4QB\nZmO9EnXSmTRqGkdzEk2rnQzkzO7CRiw8Qm7NlPmgWecw4CQgzfwlawlCzCSk\nsGE3atNgVawOa8NrrbypdNHa+LXWAiK9GDfiGKdCUflzi/CryhMoy8AjQIds\nEBW4s+dkPT3fQ1unHXGiFb5JaEAZbfSJGDXWWh+ZYLGe92o4HzRgxB6ixPF7\nRNCR78Wq//bwK3jfHoXUQI/AHl50rPOYVpn0O8VbVL0iXfhJ2Bcm5MI7ahm6\n6DrEkmRFWJGnHk+Sw8jBitDLPpgB9Xw59XvtaUhbL5Mp/LdPxXriuoOI+NK9\nSUO2+tm+xbx2ZGLET7902t5Wdyi1pNg3VWNQfRmRrgKhv1L2N9bb66TxqYb3\nPgiAjsHXYteChx+UODsllF0XvmplqxpFVDu+LWla9+6sI9MBeWYJTaOgKpv0\nKiG1\r\n=BkB/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022114224724","@chakra-ui/hooks":"0.0.0-pr-2022114224724","@chakra-ui/utils":"0.0.0-pr-2022114224724","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"0.0.0-pr-2022114224724","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-2022114224724"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-2022114224724"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022114224724_1644878880114_0.2833847919115937","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202211594731","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202211594731","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6ebb5acc51c5881dbe5c4fab0969c5b96ee15f9d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202211594731.tgz","fileCount":16,"integrity":"sha512-02dq0fWlWB/dmA3BfouO6YSxMM80+OOIPpXJJARLN/hkVqKNDw74UUJyDRCGsvb+Fpaje4GipFUGcQgi2y/bbQ==","signatures":[{"sig":"MEUCIBjcq01mxk8EGoMnHff5DiZrPhZ91SmsbwffEkW8fXfgAiEA7jAlcGTMkyHrmSTW+Jafb84VdmLmxt6G7/LEdIMT78w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bMCRA9TVsSAnZWagAA/AoP/1XBRsKh2D+G7TXpU5GY\n5CfZRnhypxZvxeBqWwmRWEyJtU9zK6MKwzQinRWysnX+CIf2YYOqlFmgI9lb\nD/hRMiYzDeDVv4/SmkpzUdipXm3kHDJ5Ep4ssXmudhpyMSGZ1B9VQnzgNBBz\na4mXdSzh/aX+tjoZ8k7b2IAxp9ZC+mbRPGIEFnaJD1ZBkZ35kiKL67KGbovp\nTcH9xpTDK5pnqzdJtuuwCtOo+FhzJZiFCVpsmAgjiVAiWpgGCemyQZhPQFtX\noh7GLds8TDD3sMVw5HlnbUa4IpiL8YZJs6b6xFe3Ebq6bR2Mo3e75z5gN58h\nmMVXkMAV8u6wZEcLq6/5aGDkzCHzOVpPEbyit49XVVqcJ6iw03eDsdMp/yBJ\nYhZwT4Mc0J9n41HhhX+T2oJsQy3FK2LbOXeSUHLvtzLadcOjR/xIWw9EFszW\nc7JlNW4tcNwu0F+443FthV42d7zvJY5wXqzNAQTjCutTtsyqsBSU6Z6mjWCp\n2BvAVoZT6dtarL6Lp4VGH/jPM69/KlMz0CMUbsdlkAjbH0VEzk55sRaT1TXp\ndAlSa8vRN+5/uuKdv3qCDmmM/8wU6+ffMx12O09oJJYood7ma+lpG26EVxof\nC5rTwQegz1vcJ+hFPQbcARcAf0DHbKI/5JysnMI7LryTR5A/8H/rCw3FlMF4\nujAG\r\n=fjAG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.1.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211594731","@chakra-ui/hooks":"0.0.0-pr-202211594731","@chakra-ui/utils":"0.0.0-pr-202211594731","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"0.0.0-pr-202211594731","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211594731"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211594731"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202211594731_1644918476061_0.010389583143844527","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117101328":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022117101328","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022117101328","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e2d69c665def58ab822897636b278e6731785d93","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022117101328.tgz","fileCount":16,"integrity":"sha512-hOZydnd/gVZGutWLc+lJ7230luaiomsQo9miMm13gFrGXf8Wps4yu/s7PyGFRhs81g7HHrwpBAW3vUOZAeEOAA==","signatures":[{"sig":"MEUCIQC5/rDwi+wX/P8RE6v3V+9NHlspxDqrOLFnwYJ8wValugIgBhm7wxkx/V+mQBitcDiJMuRwbHPvfUa035mlh7NmmWU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDh/lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6eA//XpgEAy2IOaCpn8NqEYvhWeTW7yTOCaBUjgLnV1hpkEQri4np\r\niGJhcWzxp0rVsWiymDP6nw4p95Z/fBz8Yd42hKW+mXFRfl3Tm/yRnWKdyZHN\r\ne+mrcWCIDbAq0OdDcPR+Hv13AkeFtEOXnPnF0oQekq2Dd2ENdHgvtVugcQo6\r\nmU7vmfMIdP53tvOn8SNaFgAGTXri6u+rEdZnFbZG1SSA0YjKW5Fz8c+qWAnP\r\nPdaIKkMjeO3ObxGBwGae/nSg6f17qPDzdfffgpeupP1OKFduzZPPhjuwmUuL\r\nnTGKeZlVBGm1TBSkEl16agamjgPciYoP+QfBSTLyzL5xz1Ig2nZRK9BdTmk9\r\nQQwOazePAl+eaYcHYHx0Iivqr4CPn/YPdWHHCgdKhbWJwfpFpjBIkrgh0FkP\r\n2S23jZDLF0OrOMJsKAwap+soLDpRzJ8GM90U4utXb1NwT2HagqUMsWTdH4bq\r\nmDfnQ/ejPF0z3nIcppVim4eQJUyPA+NZa/q7TGc7u5xxCTcPvl0kw8LEUEE/\r\n3kkLK7FuQKyjp9FPcCCFN/zJ/dvlnRDlzKzwf/PB6NFONrMotUd6fNta4CMg\r\nGNhTxvprXaJVlB4p3LcGCI/jbgg6MFjk0mFMpgodvVAtR/LclzzBZwDCOOlY\r\nvb5/pk6oF+UcE27BDVdr14xnBYCy8bGaAAw=\r\n=gte2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c2bcba11ca60c175b35dff10a922e600c3fd065c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117101328","@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"1.4.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022117101328_1645092837011_0.610687270095539","host":"s3://npm-registry-packages"}},"1.4.7":{"name":"@chakra-ui/accordion","version":"1.4.7","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"056b3086886af5f23d22de5351351dfda47ff819","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.7.tgz","fileCount":16,"integrity":"sha512-HzB+Envyu4sEBUrbBQz/BT8n8woveiLsUXw0gVnGIwGXxkoEgfMMtaJOyUJ7BvqVDlwiaiGVcK5dh2pFXiLufw==","signatures":[{"sig":"MEUCIQCF8N37Hnd7fFo2CTaWBlWKc5TniPW4z7AA9Ot//vAqOwIgZdxbSUXi/kVvN6pY7sDfRT7FYpZTfa/Ks86pbNFI+tk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiEBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP1RAAk10Gr9tHyAfkWMxG6GG45T5Tj0Fl3V9ZL+Yl9xBE+l6+jElU\r\n9aakjS0KM5h3FfmVDbaylL3OCxpN2sCbprb9lMpylidNbUPn0XWPRVdhCE68\r\nG2zmQdv7GidfU0xDGKFuBkIiH2j1QxFrWUrpNg+J5UdVdWDGipvnfaCGyI4K\r\nbQLDRKa8nlboGqbU8Ylt82hRMdBPnc0WFjZ7NFC3IzN3WCpVjRkByCbGVZgY\r\nc39abVdLUONBR7YIiUIbj4lYOSsA3TxQJ/WMElR184kc1WFlRWWeG19UiHsJ\r\n02u3Hi7Qbh9rPSajFyjHZf3nLf11I2Y7iRwp3eR91YgNnF+LpjcfQpopbT/0\r\nSxL3Qic1Dv0k/IVWsCrdHyUWJT6IUsoryxiLcgaNCzcq4PVbLg07d1xO90jH\r\n9gqdBV/U55j0N730kQDFCeHkxaS2OexaidbW73XgH2MKNFGy7ISmPX5505ob\r\ntQAcgfJoV8xXP51gtn4nwEIz7I5kMU6XO697MR9vGiVf4gjZ2W7kjvqodAn8\r\nGnW7n2PcQtCClg50Gdes7z9Tsr7hJ5f5+eGaZ+n3oKy+x1vxnZLT3wrT4jEq\r\nFd0BwrnCO8gkgC0+Xf3hjF53n9CBTZv5xvUKVrI0FhAFip42LE+joJtW9Jkx\r\n0SZdbEKxB89CT2NKzkmuhpU759+n8IBsXJM=\r\n=jWyy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"05a2fa22ee6bc23c5eddada9c3ac79cfd637686e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"2.0.4","@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"1.4.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.7_1645093120818_0.8443370073360708","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022117102151":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-2022117102151","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-2022117102151","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"01c05e115e0610f0bdb74b6883ea5c17d032cf5b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-2022117102151.tgz","fileCount":16,"integrity":"sha512-jAsNC10nQso6O8hxzTP+B42HlVHBbprq9E2PIk4KULB9jfba25N4gSB6Dxji5JHlMZ3S4FIK7skbYUrscSWo4A==","signatures":[{"sig":"MEQCICNgkR7bSJbbDIBFnFHZkwRSYt341fnTRyGa+JIOCMNeAiAPcqQl3lGZo41xrtJJU5xi5ypku1qx1AIzW+MI038iZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiHVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNoQ/+Mtbxv2auJLzhmDpjbunkAMkjerw0v4NJ2sbp3r/W/u1BeBpk\r\nh5NYIhsN/nDF7pa6udiQyv71gttYfEX49q9E+jViEMww83js6x1HKf403snD\r\nhLP2pfSswvuxLRSDI3x32yc2bz+G/wRysvc7uq7Nsk3pf/vyrbTVCCxm9e9V\r\n/fZMoxxKAXQOdjBxhXpUWr2+hFRRqI4Bks4Wx6qJJholc23k6IDJVre5zFwt\r\niueY3JZEadh6MMjMAwZ831RCm7ldMhNWAoZxpObupBXNParQKJoq2+KlFpFQ\r\nejzFGzvWZGS8k2uuFH8HK1t/RQ0Vh3sMZMu5YyLPTp+b5yCJtCnwZ4WJHePj\r\nsOdJ/6R15+Wb+V7737yUwStW/+84GJzVpi2e1wMoHB9PcFJK+oE8gH/KJ18v\r\nr1pfeZT1StCV+bXtQQSWkntvdEaavFrELDRIQ6Vc72VapXPD+CpCRwh0WRqH\r\nl6hFo+TsQiYP1YQ2IVrmN63Ssg2PAlrPhfibDMKOiRaPs1nCBA5I48tGlIcf\r\nnETlg2Mj7nEi8DA+R61Vj91k/P3xPzq6X1kmbDpHXNuUmcR3TOpPGQOdRXAn\r\n61qd4qhuiROcW0r14smI0sI/YizXiDqHX0MK0JmzF4sg6S5Yf6jx3qFyvL/M\r\nbceMYgRan5snV1mqoV4rxiiEk4/mTbUI4Wg=\r\n=7/g6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b0ff06849bc9bffe2a0a105c2c7f5f6d16718f3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022117102151","@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"1.4.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-2022117102151_1645093333656_0.17918377335852775","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117102223":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022117102223","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022117102223","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cac5c91619d7e53bbd291b678495af8baa761fdb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022117102223.tgz","fileCount":16,"integrity":"sha512-UgILDPyCfYWTY5XEmdVclduM/O5G0KtbdRDxcjOHG82omlt7+h0Su5NY+W1ea3pnCGGFQ+3R11jWPj5E4mBpcQ==","signatures":[{"sig":"MEQCIAP/wf+fxQUQbCJnQ/j2y8ENOzLjpcNZgpHr0aDBTIYiAiAK4jB/J90FfvoIiqCL8R8oLJu3PDlimqEguF951jElOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiH7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2cg/+IfhodCj/S5TWXXURnfwpXOpGMTJTyDbj/63d9SaRwvd+AlBK\r\nhjdD/MfuWX1TrwUzzlTgtPBLWEQhaTb3oJ7DWuznNN0We+jievf1nWXdowDG\r\npUGO8sMRIt7Z4urflr/p33PtAUe9azG8/D3Egweq2eYXaAk9wPITUjRWKuC3\r\nFXkP9MAG+X+mJDsF6DOURGHEau0ZRdb1ZWLym1FtLZfvxguYXxULj3igzTD1\r\n0wgvODSbGSQuf8/7ifXEWI2GOLVPVNbejTOaRx8DKM+GqHBZSsyT8lafcj8m\r\nr8kFOKfAqTUzUwsAJg1UhUvZOfoCn+gkmo1FK1NJ8Ell+DUzJfV4UxtLWu87\r\nsvzLWFhV2UDUNKCAdZGPxTLrF9ldmBOJ+WhBffR1tIWsJs22mi0cMBT5Fl46\r\nBR4pS3soNQ/GZCY68bVa3GWCsFcYTrHzbYHHmQY0p/OSxTkLEhVhOpzRsv9I\r\nwqPv5sVf2AMUR44OX7bBPC2xAzxiDwI65AELrebuT49o/75YX8TfX3l1I5Ex\r\n504xFoFuQiWMYSq0ha6WIj9PyGbc1THi8eM1u2iOWEU0AZ4OurSWkPmMYP6Q\r\n0qKNJ7ubcJwMmYXwsnHNiVNuF6IFzMOW29u1CcLl9jsCGZ+2W79hOf4yncpd\r\ni4t5WeRwtUskmVngByxA6UVEQng14Z4c8D4=\r\n=Svjb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5d4abe4b68bd454389224ac1001084a9929f568b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117102223","@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"1.4.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022117102223_1645093371814_0.3524780336839617","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117103018":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022117103018","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022117103018","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"535d1aca15650f36523d7a5d4228ccd0f48ceb31","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022117103018.tgz","fileCount":16,"integrity":"sha512-34nRXEoH74OiGLg8MELlSAWkat2KODONgUM1NZrDRkOxQcNU2OkIwzIGfq+VhgGSJSvt5MVzAB1vT/HpcqCl0g==","signatures":[{"sig":"MEUCIBO62gE12l7bzb9IBCpZ2JK3g7nGK7wnXxDqgBO2geHOAiEA/Z0PJ6D2W2CLNJjSvD+ZXpT3jmlW9URfxNpREWc36X8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiPYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp5w//dYrPaJuLa0/z4Dw5UzyKGGk8b9j872NfjIxv3EEOCSq1mlM1\r\nCt9v/1XFE2DufGCL4HgmQ2EQ3TDAs2ejGrIo/mZ2TIi43zmGvlu3RuietZbc\r\nMnCvcc+8LRP3uyXHeC6bixPyqlD+XXJgRJyYBHOdY1EIqFtpXVSZTLO2mDe5\r\nm+Ub2zP6+7vXxW264mU+FcL/mAvOo+Wfl+hAqC+zXPlDDhLk2YWC3DFUusmq\r\nGG2eIQiFTC6b51A8FnDGvuMMJYhRaaLAoY20uv+2uPfAXcY51cr4XihJIsmY\r\nYrPaUdQRuukN1D9fXGxotrhHLTyqfTpHWpGqS99WWVVJPtWbs/IjtDOupn2E\r\nhmHy9NhUIvS8beDEp8GAUK23NxuLSsV0XRkd9ry2YxwMTwwM/CwJf70xJj8O\r\ndyb+zuCBsxCUTk7DtwxSxmecUJxzM5TbdpvAe+qCWweO082nlMO6ar0n0G4s\r\nz9/4Iu8U2HDfnOlqrutIiEBMHKPS5ySniJbY/hAyXRxUxBdPyCGTBU92SMeS\r\n+nweB6Mq6VgxsfjPIuNDaCH5gPwvBqFrHfdeDfhC5wnspyhHAxNtaIhvK7b1\r\nOJHHHB+u1bpwOe3G4wmbwj3WqKfv2PaJU3+YeQ6fVDqqPOj07bBY8+LyPz77\r\nf2aheg1RQls5lbabsmPV86AgxnXGnnar39U=\r\n=qZL7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"44c9fab5b0e34484c9afb858a553d4a2aa30209d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117103018","@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"1.4.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022117103018_1645093848065_0.7518133520491348","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022117131714","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022117131714","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"24dc8194f8687b2bf4ccc69ec72e43f0c4f9ff00","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022117131714.tgz","fileCount":16,"integrity":"sha512-RBTs0IaBf3PTbHvurrHGG2sKhI63bDbwKN7IxnncYTokpmGU3DhhFGXxsrmVmxVJefDIPa/soi5Rnn5Ca5dk7Q==","signatures":[{"sig":"MEQCIBeRBOyihPZGl/hEW6w1fJMx6xq4syaBaAENbhICL4XhAiA8LIq/6AvYKRf/8C6Z385jKBy64p1sqScGo6luXFRJKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkryACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpd2A//eMk91EiBLNsQCm+Slj00V8xf1CzusiELf+mTlud03TMcwvwj\r\nkN3FeUb4AkJIIgCuipG0tJaOFb6R+Qe6HK7NHl4o7h9bPfGKsEnL0TEJIHbj\r\n8yIYTta1kiM94xMli0cssm5Xr7cyO8ToOvSL0PGs7FF+bBCYH/bzncg3akTC\r\nE1grDc65E20GJIkBoEkfcQi4mAuoTW5651vEKTYnxPRug5xYMZ7511OjWfE8\r\nicUWvFWfBut7JEgL4P5IolgwqfCJDprVk2IUrgjQvYOl6PbRorbl1Poo6qIQ\r\na96/3tIGmW03d8ZgEBJYoeCTSnMoTlfuJ5UR9Wj8nRQkvGZXdOKAHdDi+rQD\r\nigFWCRJOCciemMfDXVPJuJ6D5yBhZHAzxGzvdDSX3peCiktyJ3iwlXWa2C+Y\r\nSEaFCMiU4JqwdxpFza+KrKNPqpqDMSvpnLE82OfyP1aPAKj9ousqefaJ0yJ6\r\noIRHGRhG/UB9P9NLQTf0q1eQonIt92t4sV0s8bC8bPQc5BQlwMX+hUbCMIR5\r\nnsVOuEdo35CVbTMbbC7fgjY7nb5pobfxXNNy7CQ1v7Ta6eCinMqebsKj0IWB\r\nviy4uMSSQB1c/uXRB4o+35aZJM/Lmephw6WTDHPdnCBqxQUHgp0iwZHBB0i4\r\n7hqmFkhgKFwAlD8MoL8IR69p12FtvmnKzfs=\r\n=3K6x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117131714","@chakra-ui/hooks":"0.0.0-dev-2022117131714","@chakra-ui/utils":"0.0.0-dev-2022117131714","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"0.0.0-dev-2022117131714","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022117131714"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022117131714"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022117131714_1645103858431_0.5545768762604999","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202211713187","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202211713187","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b2b87affecd61a0572327ac1eeaaf4cc6b7f84af","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202211713187.tgz","fileCount":16,"integrity":"sha512-cdO09k/f9bQq3fkmAuB2wl7c47ejwdQ8vAS8FovC/ATJezjMC3LiV87PK/2HlgQEoLvVc7K7oa2F/ugM6e8C9A==","signatures":[{"sig":"MEYCIQCHbux8S2JYFZrxVbNabpsORZ//efgYfNO+F7+Vx3BMVQIhAPEDaC1PpUy4Fw3SCBl7Y+ybSHbuCytdPNA/QuVX8pQl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDksvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiWg//Q6Hi90MydoEVdXZvlk/R0ok+KPeateoo44rtBr+yJ4kC/46N\r\nSNHhKu2BFkrsEZ3rp9FvvEsZsd4M/lNOXDSk71kXJnVIH1p5yCKO7RrloO2o\r\nuN/wZzVTwItC360zHRs+U9KVdoyF4APj2KdxQBvUtUFor/wFq+/Md7NGqnar\r\nrKaFXqSYouN93kcA0b53m9VAp1qYqanHNOFoJew2alKOQh8BTvS0xYldRYjX\r\nAzGEICbSiZCov20aVr8sCJraLxNuKsCjm9zqYAuFKwnwDCUswHVZpzB0nW6n\r\nsVQ6mMx5qxkUXuk986BdvMC/1DcQFvc6xTgRNpmjbqHip5Wd18VT/elOgTpk\r\n+/VlBCs/OYgqE1SRp8RXuYCvcMxeJf7hvI1wHw3zRXyxmi0H7ExdolvE6p0e\r\nwA2jOvn9k3pKPPkeNzeX9AGu3pgd5kAvDXgaCbS4wBzABXLmdNPPD9SGk/0R\r\nUJYyjnJKAYaFX9k2sc0cMwdYzbEkMKu1uKJM/F9H+M3UtPMYxHaaom0rUMk1\r\nCHjN5rhi8laB7xXgXuBAbv7wFIWh6DhrBCDRPpN7FReOr9/Xv6gV57RdeLwB\r\nNRf1p4JfTTDCzsbqWNVfUjcDSJ8hl3/9ZZnlxOmaCA+gG+LP7DZtznkLOxoD\r\nH7r4WM50svFV+Sl5WcDUuwaeneMaIaPfJl8=\r\n=aTnG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211713187","@chakra-ui/hooks":"0.0.0-pr-202211713187","@chakra-ui/utils":"0.0.0-pr-202211713187","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"0.0.0-pr-202211713187","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202211713187"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202211713187"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202211713187_1645103918669_0.19176106107639512","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202211720414","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202211720414","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b98bd61864963dadb47d6800643d6d586386206f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202211720414.tgz","fileCount":16,"integrity":"sha512-d/p3qMp34NHOXN361AOIzyPB1J6XQJzqVKUSbAfMdYX0GFYFFuLnYdPt/4ILlVIjseVRzsSvSlIcIxnv7yWMvA==","signatures":[{"sig":"MEQCIEIcLAwtXvMjKIUra13p1Eo4S/uPgXorwwZi4SpV5FEmAiBeRMSuXlikBuUzLLqMrL9WC4nGHFGBuAPJVFrpE+IBJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQMhAAmFfKE/yNAE5pZR3fgyrhenNu5oAsDNYPCQf+Lq2DiMaz0pPf\r\nxlXFCizXGrYTcnHLv5OOuJ4ZgZszQAUNqdCdxx8x3Ktoo+RXzOIh9tGv2V09\r\n7su4HSK77BZhGIm1fMK5LOubvlsTQ/KCsgeRs61ph/Isg+jVe2eoth7cRoJD\r\nCZ/ozHSClYAPW/6jzwOZVjeqWC1s3mzT3EUMnmL5pOSpCSgMVB1nu7fAFbrw\r\n6kHavmvXWqiLp6+v3JU7l+EIqjEj3Vm1nVlvL1/Av+RV/GP2mEyW5g/Dwf3p\r\nnORmYMFbkX/nnrFnoIopBpj3oMbSoDBGnECEyUXFYp5CmpXCUbJY67FSsPU5\r\nyhh1jcQnYRkIYsxFbqX54kCtAT3YvmIAYjsAxmpTpgX39TgdOTA4uIp788Kk\r\nJ+6nDyLCZ/zSdKf71Okr0vhZvMxpJ5yPwEVXfAx38VEsJoKVoh8/i9sIzxhN\r\nUEGBJujGe5+fLheuhJkp+0R1/60nmLyHCWVBtKyT9PDF9oL5B9y5wafyHudA\r\nkwp2IHterqEREh3OX+M0S/eRS+fuYWUV0ROMEKRM8hqSmkb2cZgCR2CvhyTt\r\n2Cv338U1aBKh2nojh7DnUPk2bUzqUtODaJ/1QOGlujVJlTAaBn/v1oHqTvzQ\r\nWKmHkmyv332KYtdTk/lkoxLq4Xd5Exw5Pl8=\r\n=0XpT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"20b7a19ac5608ea52e63c0ecc7e680591d7f4366","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202211720414","@chakra-ui/hooks":"0.0.0-dev-202211720414","@chakra-ui/utils":"0.0.0-dev-202211720414","@chakra-ui/descendant":"0.0.0-dev-202211720414","@chakra-ui/transition":"0.0.0-dev-202211720414","@chakra-ui/react-utils":"0.0.0-dev-202211720414"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202211720414"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202211720414"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202211720414_1645128281244_0.9240506573425973","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022117201925","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022117201925","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"97f08b941a57fddb78ecf9958a8f349b9f594c53","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022117201925.tgz","fileCount":16,"integrity":"sha512-FPItV49tg8rl9US2Je2+dtWkYoMhpTdWq3kRv/7F32UFpWP/A+6r7pTQF0+JUNFnhJ+DGMn2kJ3ohw1Q0/zEbA==","signatures":[{"sig":"MEQCIC+8ThytDYYneYnv8/K/mHmG/xfJ6aG6I5NZBC2/ab4CAiAcZdnY48IJaL2QjJGO3lWUTPIduSWHXV3CdIkcn0S9Fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq3oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs2xAAj0ZdW/IQWRNVistA6tKHrJTuJtl6hrZ2sf69e9cz1QnlFzVc\r\nJiq5eZoTEINog1PK8hG3Ao170WS7H7eM/HXRlVsOGzx/AoiyfkYIRvLwBs/r\r\nojj1Cl6sjCDbyhBtip7HynycxrOH9epDwpmqU944EKnrd3Eso0KRSfMMlqE3\r\nvas4mLSZKwRx6IGI5sebJSRAme5iJPHmyVEkPgxByzoJfJX+5kPzW22VpXA2\r\n21J5MfEyLT6UtE5J3on/EZRqWgxIMsjDHdIIcIvo2DgqHcILif1rDyOqkNzZ\r\n33kqgaAJ4/AqF0g6oss80/qk0WA7OTTUoNtLY36fxOIBV/CQQDCKIrZBwMsD\r\nP9IpjpXkUozA95H63Vhn36YQyN7LA2XOKfQmEF9jwN6UNGMQSiFFhBB66WTZ\r\ngzHGulUH5Rg7qWhLnjGXJw/ex/msPfObIvz6PVW8O56L6RViXJIX6egV/5so\r\nqo+9Fn37xnw8NsQSpc+vB8el/q5fqk3aTAMLXArLNGH/JCh926vFbn1Jid+v\r\neZ6xuCxP8RppQPvhQlfvC7THnp0JgyJY5NoQ0ZRqILNcNqb+pcx++NibUikb\r\nMsY5lCaKxV2lPrLibYntTmgA3UZsc6MBhh07tFnI02qneaY2XWCq4n1Nie6R\r\nnpgYzSc/mapU9kHfOwuz3h3vrlA3tRHJ704=\r\n=FtNF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e5e0f255c95f5e41c3b17adbda28fd09f7251642","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117201925","@chakra-ui/hooks":"0.0.0-dev-2022117201925","@chakra-ui/utils":"0.0.0-dev-2022117201925","@chakra-ui/descendant":"0.0.0-dev-2022117201925","@chakra-ui/transition":"0.0.0-dev-2022117201925","@chakra-ui/react-utils":"0.0.0-dev-2022117201925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022117201925"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022117201925"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022117201925_1645129192016_0.5438239412250334","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022117203714","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022117203714","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"965ccac5847123055aa88d91dbe8f88d68675f88","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022117203714.tgz","fileCount":16,"integrity":"sha512-41aQ42dmctECZz1fnz7rdsQNA013GvW5hEhW3Z/6jj88s1v57JUFW1WdFD12MIiE8ldpnPgpVewPNqJsn8zkUQ==","signatures":[{"sig":"MEQCIHscgDPZFXy4K5NQ8wqnjUseEqcmcKBiPZtwPFMm9rgpAiAv6+vRp8UpdRofC0ZzwNb/yPlArrn1WCmFEG6y9mtoLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2RA//cc/QVWfFdAJTzYsLsYSY8veAdHD5mp4bstsJzh9QXWrsvjzN\r\nUXlEowB/9RatvjI6+n1EOieXaTZIu7trIIajeRXYIL1iYZJomrKwZfwmx1yv\r\ndSmHdkCdU726JUd2f7w2bitqqCXZ9vAIVqzt58RqpGHdJMLJs0nx0DShQCuJ\r\nzxnFCjW3v+DacnYst14PMLWn9VGSnQQ8HNqxxQ8eR5/B21XfDPEe1/jIV6ed\r\nLz/jLNY3LvamrncPwcwdoL6l8/ucVWyOcgfIgaU7AMe0SawDHwaIEvWCNfKt\r\nqf5mNVSroHlU2lDSuwXq9exnC3h4uGbXYFTUXO4U1Zj9mP19LeAl+eT1iznQ\r\nIxUnyM3twTmPq6OX5cQyGBcYmccyKKGDP1eRY41TGUIGTXRgJwr3FgLD218d\r\ndm0/hh3LtYe2OE/aUE87h1OQSX6w4IYjjCC3aF/QLnmHvHjs52s1hM2jdEIe\r\n7M4XRY3GEEuU+XBRTCV1orJiUHXWmAkfSjbEbKLMelcQaAdFIhXAkE7nVMbl\r\nF75hStMskxqY+yUZwdnBFyCa+gLLXo7PXUFbv+WL3MfnMy/gMoGyauCQYvlq\r\nQnsqpWZzS9NgloB4jDr/XB9H8L/03T1VNy+0lZx+pv2Il5QhVzQp6JDcuB1B\r\n/uBt3ykLyV3qp0X2Bi4MXSCohvmPtZSZkMc=\r\n=0n1Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"0542b8a53425093f18fd86d2b55220d3fa20253a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117203714","@chakra-ui/hooks":"0.0.0-dev-2022117203714","@chakra-ui/utils":"0.0.0-dev-2022117203714","@chakra-ui/descendant":"0.0.0-dev-2022117203714","@chakra-ui/transition":"0.0.0-dev-2022117203714","@chakra-ui/react-utils":"0.0.0-dev-2022117203714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022117203714"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022117203714"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022117203714_1645130267007_0.28615915205389464","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202212083710","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202212083710","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd2094359124467ee14b654aa574df77d7137e27","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202212083710.tgz","fileCount":16,"integrity":"sha512-MyOqKYmEzYp4N7N5G7d3nmM2n0WPmY93lR/Ze4nLofKr0IuYRO9bEL6sGr1/SEqH1e72mAVZk93w1o9dWJBs8Q==","signatures":[{"sig":"MEQCIG+kv8iwbZJ31mUhwHYVz6xVRp7rsUyUSk1RKqtF6FFXAiBKcFMcmdIJrxeCStkkVfyLVvyzOsvw8Pq4ijj29yaslA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXKxAAg+rtL1BOumGMaRz1kMpZqKJ/NeXFR/nkw1jLLi0y4LR6i0vr\r\n4rGQtpBMiran9QbM60HvHZ/mGVjhEK9Dh7Z6bmgnhWIZp7GD6zl1r0JbrUeW\r\n1+ebJIxnBT4qv6hPLdvB5/DUxtwEg97wDD0CdkkwNIuMaq+Tc667MzkM8FP/\r\nY4HHj6Wv9M8VliwxWnx9vCjLjnTZ1DnxkVdCyNgV/wAui7ztTKvD090yYq4F\r\nbFQ6NM4hPSo55G56GiEc5Z3qZvxpM7ysE5aMttrDWGYOKu+KQlcjR5asm5Z6\r\nuahvBOnZ67b70yn+VvZ5+Ht7kIL+D9JyjygXwWUwbEsVrRyQH/mo6pD66JRz\r\nLjl53J+AY6QmmqRe10SskZwXJzRUaXOQUDgJTvTtjGl46g1cP3i2nKp+rsKe\r\nExLCIXmNlHyGmYx7Q/LBQSjmnxkbFF+VgKXTQ2EqLZcJ1gxkqJ0nqtAx4DOJ\r\niXJLI4FHLWFMdIDKZYVqd7AL8kvibKvT8s2M1fidnPAb+NxI8dweWD58PXud\r\nRtj90e1AhyJLyPHfTKpmrTBMChTXo64rrMf5FdQJTs9+kgbQ62rpQScVK+Z2\r\nlIMbPT+2+X1+tTUE1Pq1tmNkqC8xJKQmrARfMaXbaa4sAq8t05dZHrVSCSVl\r\nh5Bk47GbzYF8eqdWWGpAEbE+irHWOKpOjm8=\r\n=b6rX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"085bbccc59f9c00b57caab647fabb43939d97247","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212083710","@chakra-ui/hooks":"0.0.0-dev-202212083710","@chakra-ui/utils":"0.0.0-dev-202212083710","@chakra-ui/descendant":"0.0.0-dev-202212083710","@chakra-ui/transition":"0.0.0-dev-202212083710","@chakra-ui/react-utils":"0.0.0-dev-202212083710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212083710"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212083710"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202212083710_1645346264165_0.48002742719201397","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/accordion","version":"0.0.0-pr-202212011232","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-pr-202212011232","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c3383c8803ecbf7b578a11c163f44c4bc9d905d2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-pr-202212011232.tgz","fileCount":16,"integrity":"sha512-RH3Ne9UK+/PScvaoyA5DIkHXUgK4DnDrJB8pC8C7hulhdghmysnFear5Y5m0qPRF1TPTWpmcDk/YhCtFCj3/PQ==","signatures":[{"sig":"MEUCIGcQ/uXn/wAgkdqQ+NLqiwrpq2UQFFiz7XdraYiUUP2HAiEAk2521FJsHBO40F2RAGPzQSVQZCQashUBHj9i/vlvyaM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrasRAAl/qqBwwqLAea/jaC+AKkwx1ZMypjhduD5Zgjf1l0H2XfFUHh\r\nG+/otqSn5hF2xNp9oek+JwIdTMGWWvJU+FtV7OsYaUmgB1v4m6dEYLv/ksEi\r\niSYxxIsIgRRjLyQH6ISxaCbWUerQl0zGgYbUq+qELdeBqycfQMfnwiBwWyNR\r\nRl5dPfu0lPBnGHR2gZ41GREf74vmEpIP615zKq79BlUhVecSAhF226s3BCxJ\r\np8zqyoyv8rp2diO8/q4ssn5g5EHk9Zu69JsM7ElcOI6QcLlsyyzh8C8donJp\r\ncpxj/z7kFZ2rwQpIapzaDDkXc30Q9yUUU11evHzNPHwDLoMBIa3AeOALUtDJ\r\nX19SIkNZh2XIYZwUqxnhk60Ya8cE9ksKavbDQKBrqidxxPNJvzxWs4AABbYj\r\nGPYk3Zhpyh4tIZK8U5rmJ6giNde1Pd6axZRXhLw7FcIbwOWMelEKc0V+VLOh\r\np3+4ryf218phErXgSJLc4YRKNTpLNS7V9fCiSo55xo/wbM/edgJ3/MUGUjEa\r\n7MyoewdXpQmaF32rLefrGYllKzhaz0lZO1935qLp2N6ilWtXXZrO4gPcRIoR\r\nV1e6OD36xPDMg/tE8mAyxknzTVa34LOsCfnrxwV7532YSLpDrHoCiZo/BTyw\r\nO/CYa6W++02vjB9o/3t8GuGpH6MNAbJJYqw=\r\n=HwX7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202212011232","@chakra-ui/hooks":"0.0.0-pr-202212011232","@chakra-ui/utils":"0.0.0-pr-202212011232","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"0.0.0-pr-202212011232","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-pr-202212011232"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-pr-202212011232"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-pr-202212011232_1645354986434_0.6903109220989398","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022120113958","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022120113958","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3dc52420d0e8171f697fd9f424a72423282df9b5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022120113958.tgz","fileCount":16,"integrity":"sha512-mXJ8FKw8Sprmsd43jVoItD5lyarIgDoaZtUoC7qXXt2qC8W6kzxaVEGUvzPgYvvQY0qFGUcLzRrP1dHBmgtFIA==","signatures":[{"sig":"MEUCIQDtpOZO7uuyApnOREa2WC0V/GoFIAyEb1wQ6Lf0TJC/eAIgUl/A/g7bgsjsKIxEDQsT1lkwMdRbkBj3R7bvQgW80GM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEiisACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqNw/+O7/99ZZ32DmvwTqlSDHFePspA8FVpo5y5giTD3EbsoVijJAw\r\nl2w9YFPDupmN1t+PXAekudTswss1dpxv8A6KuobIufaH13zLoxRJ55EOM38M\r\nXuplBr6vO23PmFP9C7ZVLE6GHZ421q4wAF5xQmDBv+O30L3wAmBDvGQsx/iX\r\n2ohFiaOBnZXg1d3CResE0mSy6gdWbeDd2jApkXq67a+3WAcuZH5EuRvNtcP7\r\nn1u/ajHss5YWjJ3rchjl+SdnehA6BVLBP2AIq5hRQg2gh6cQpc2nMdMZ5dJw\r\nuTUkX1FVxwG2/vr2Y49fSSpq/2Rm3pZQiavFyA1YQZnfV4ugzq6riSvuEoaw\r\nXCVb8JqxzbNuJsFff0AtQ+n/8U5z1e7vRFvM/QxwY+4SUTrZu0pnj7XMCQLX\r\nRZuazPmFV2Qo6qL6Txh3n1lIEFNsFT12FyNEqJBYgkt2zIhczCGySJFnfT0P\r\nE5S/GJcHdzo54OhZZP2/0JZnLmyuONvhiBhb90k5NHFqD2aGwVHg7p5p2Png\r\n8kQigXSbe1cGoGMuJdBG8/yzoHGKaLXKRJ4XXS576ozcpNYciZzlamf+4E0F\r\ndvVPiBCUqyYUos7k99WpuhNJMGqBuLsdjbJ5gSjU5yyYC27Z73AcJ15lxMLW\r\n+a9yxCHcCGo7qXUBFekbskXufel64/yEO+o=\r\n=zKJ9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"99c92df9331e6a0c5667b77e5a605343efccc6b3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120113958","@chakra-ui/hooks":"0.0.0-dev-2022120113958","@chakra-ui/utils":"0.0.0-dev-2022120113958","@chakra-ui/descendant":"0.0.0-dev-2022120113958","@chakra-ui/transition":"0.0.0-dev-2022120113958","@chakra-ui/react-utils":"0.0.0-dev-2022120113958"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120113958"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120113958"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022120113958_1645357228751_0.07778832715972528","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022120114012","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022120114012","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd8eb00954c2661d9f28b5e563d339ea6a442580","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022120114012.tgz","fileCount":16,"integrity":"sha512-45uWwwp+DuGDXeOwpj9Ufz7sBxIPSWPiSUmkuwIgrpPX3fLL7TQ9OcOWFI7Ce8OgvuKCq7YsmeNfyGVeIZeohA==","signatures":[{"sig":"MEUCIQC6peRrO7rmlvJP69Dg5fTgctTbYA1t8SQXxuPVXN1xbwIgIGadO44gopKm7Bh0f5+dmqNi63NmuW8zSi82hFiyW9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoe2A/+PV+r29ywRS5NWYNPrJvC50s6UTYuPQTF8VAm7nwmRGeG5LEz\r\ngGl6XULILo1y3O9W8hrba9wAjITWmVbAACbZ4tkkAok/U0zSpy86HhBgkSXW\r\nO7YwBNyYWVmh7TOQ2EpZwO4NJKkFFoTAkgk7lxk+dcavCAKPKixpaggL+6Z6\r\ngk87L/2/Gj1P/xPQqH7V8wU48JCfzSp6YPbKvjBWHD+UuW/3d4L7365mbPie\r\neC5eaLcpMUt96mplMKysJ375LQo4Vgi5e4K/yh8K1RxmfDbRqMi0PyGSBL9b\r\nEeWR1yC2X7V+qzoovKh17hHQ2MePD4pZEtqsb3jtXHz5TI6QKPncqbT+1PI0\r\nqwmhpZztZ3MqmyiUqgZF/QL+VogK0XKPrFTvZ4CIZeoq959h+YKsDRP/MD1f\r\njKFoXp9rtRxuzQOIvh8qtiaT5JxltRzWv3Vz8b2UchUQ0sJPUsFC3RMX8ghs\r\nYpiHzfzb5dMFVPETvV42Xjyp2d5uN/kw8YyQ8poSrLQ68T5uG/wACX9FJwvy\r\n5F+8546uy3Lyr6mcd9BStxkuWCfD4xgdeSoDCt2KkQMUa2gHsMsT/n/+/9Wh\r\nvPLcyyDtfRTp0l70Ry0GAhwhwgPfxGPqcZUZAsE4hecGK1LETwHCw5v5gEyt\r\nga8Jz85GJfKKjtoL25ZbaTgxewPDM91QUpo=\r\n=H3si\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5aa79f81c71b1ac28d1ee18b4cc28c908b68cbfb","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120114012","@chakra-ui/hooks":"0.0.0-dev-2022120114012","@chakra-ui/utils":"0.0.0-dev-2022120114012","@chakra-ui/descendant":"0.0.0-dev-2022120114012","@chakra-ui/transition":"0.0.0-dev-2022120114012","@chakra-ui/react-utils":"0.0.0-dev-2022120114012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120114012"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120114012"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022120114012_1645357238869_0.4757138238227707","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022120114225","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022120114225","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9df17a777e9d18894b16260b0ffe36ad44f4094a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022120114225.tgz","fileCount":16,"integrity":"sha512-nVCkdxX5uCPBJjIOhU5bYWXfhXET/tk33/PwqMHcd9LQLiv4+nE489uHx5p74w/9bM28nSxC+2mOehPQct5+ig==","signatures":[{"sig":"MEUCIBXDsEMYCWAZkw2vEyNchkRo2u5hd1hrsKj/H4V8pN6SAiEA71C4I6UKqE9FzRHa/jb4h1jlnE+y/LSR3scAHZQeYOA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSPw//csKjsIdnl48qG1uzQYYXXX8pt29gHiG5r/p6AIXv0TQRxSxz\r\nl0zQVYbDC+HB3JFghHJYojic2iwddtp+6wvBzXNwhG9Qhgd1rzPmTDQdTRfm\r\nKY3RFHTTTfp06XkLhaW97dq69oG+0pFzXrqRwoiv3aSroIMrLWy1/uuNkVGY\r\nT1iXo8UPLnc4H9K0/J0V4WIuuzBbo6GgvF5bXsb2HoCreVer0W05HN4vLwmO\r\njilByFU0At4I1Vgs0NcRxdH19gsWrNrocesxae2GP7MNc2hCoPsDNu+rehsh\r\ndxALWs3hnklIf7JN8VX4uUjUVn9/h4MnHzHCVtqYQ1qHnaviJqwCUS2oLRmt\r\nff31d2QeK9NN25FHcRB0IGaIpT9o3X2g8xJ5q09pwbRcnUi/6qvj4xZ5aC+2\r\nlq1Si5aCFdeaP48V5vGhR3/+CE3MJtugpIJVFZ711ho6tnnFdZrtpBmW0PIr\r\nrEK5ckzWRKeKgDny8o5SX4OJKhXcdBn4J/msBEBaKfkk1lBtivA4AbQGZSzB\r\nuNfWVxYzBuJl/u0ARl6dtvFIj0V7yCOa0U76gIP4Nikfk1WUxRA4AxZvxmk8\r\n706ebcF4IcfQ7eJw1oBxa168yQtSF4iWQWj65X7c3QcOQItREyXGBll09/co\r\n8YTv12Iz2BqI8apmHWRI8Jgnu2s4Nuxp8Es=\r\n=k+Wy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b0da6e6665234c1584403f7f7251390c3a9433c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120114225","@chakra-ui/hooks":"0.0.0-dev-2022120114225","@chakra-ui/utils":"0.0.0-dev-2022120114225","@chakra-ui/descendant":"0.0.0-dev-2022120114225","@chakra-ui/transition":"0.0.0-dev-2022120114225","@chakra-ui/react-utils":"0.0.0-dev-2022120114225"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120114225"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120114225"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022120114225_1645357376904_0.8487204748168342","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202212012129","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202212012129","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e8c177e80c29faba4712e812b83110b2a86b5107","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202212012129.tgz","fileCount":16,"integrity":"sha512-hb28EsLgBXKQnOYreQTzZehojbKCm/qHzLx08nAMC/4koCyOUvV9TvwmMTl6w/uCpPELvNLknNBilboiYYmOxQ==","signatures":[{"sig":"MEUCIQDhrnHfFU5UC9WOZd8coWa3N5lZ1rKCZBynU+Db7sRQowIgF2u9mOiSmSIRaiyeZCjKvmPEKy8M1IcO7IJFAiwS7Hc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90635,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjA3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrH+g//Y3UujxxeQPjQvgc4GLjrR7uPeuncN8CkDFivGo//XmaoX+Qm\r\nMc44m0BzAZ6/RX8zdb1jjM+DdpU1lORFtL5xuPQVDGXBh3sI/AO+AyvC3en0\r\n+Hn1148Ry1KXmFwz6mcpd9maT7Zk3XyLBejkqrqoGnGP4BiI7T1/RnjXKFqL\r\n9VIWFO0Rhrkb/AapUmDfIl2VelHBSvq65L9y1p3JLaG5dY37dNfxVeyEAICs\r\nvzzh5/uwFmvD0vqkFuyQ0ETw863L55REe+FedpiIYyAm7tLygMdErNaRc66v\r\nbxSFJ8ZJrmOsJ4tGicnhBwlwxQkdA0APICwzKMbKf+pLDLzSrxViY74rOOb6\r\naLZIfgLOIQKmCWK8XOle8Tn2z8Bh8l4VJY90x99qps+u7HtySZoKUQFXdNIb\r\n/IyWBlPrlT5gfXYnMtHpH15Qvp253bAswqkLFnaz5sDKKYiaCJk4JNRxN1Gs\r\nuXOF59USJDxcnYBbZ6jTOrBmYHS8DoewDOSigOB9X+6403u+89aOw/7dzhdK\r\nZ+Jj/aIRXu/8XBvAUp51PA+U6RC5zCsK3DsuY+2ksDr0vlJuE3IWJYaH5xYP\r\nCCgTn+4Jsyg1vpB4+/5cPShbsUoHMbdT0AVzUCoRsQBA0KVSgL/7T5Ro6De4\r\nLg8BhG3/p/oG/gDAZOXDgtmKoxJN8lrUC9E=\r\n=ZBHT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"651bec5b1999ec3edbcbbee297fc5b6ecef53f34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212012129","@chakra-ui/hooks":"0.0.0-dev-202212012129","@chakra-ui/utils":"0.0.0-dev-202212012129","@chakra-ui/descendant":"2.1.2","@chakra-ui/transition":"0.0.0-dev-202212012129","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212012129"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212012129"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202212012129_1645359159783_0.37108943314613074","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022120123118","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022120123118","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d2719d93196508efacd80151801a2127532dc2c0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022120123118.tgz","fileCount":16,"integrity":"sha512-ZD/Uo8C9qPF0MDvqRBVivcWAMtoPkQ+3JkmA2R0AiYSb3XzOHtKcFStGXQwJ90qMYpY73Qdu/6mWh6wGFe9fWg==","signatures":[{"sig":"MEUCIBAidek3qeUDLSgwjPCdTAoJGqPbA13sA9fUpEeM+Tz3AiEA5BICCpPjppSZh3SM50d2L6T6X2dbp7BgP39SgkO0bMg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjS0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp62g/+K0IZf5vdHKXeD3UfKKC76ZVvZetrDFOBv7tXxxUByv0EhX3M\r\nu2d5Fcf/YUc7oJwCrTVxb7n6t6dnCqQuCjgjF100r0uKtod//eB8ZmYTfXB6\r\nY6k/3QAdGvz2XEMW8FLVYP1OAmpWCUXVqHUpEjfnxE5eDSzZf4M94g/6c/Tb\r\nscEej3IcRuQrkGNs9/09ZKnzLoHbD9Nds/zrPnsl0b4FsuWhQvVrXm03578Z\r\na4GacgCu2quMgiyOsLbrfXN8zl7+CHT6GqNi3L/rzyq8oX1gM3aP8MCGZd57\r\nnQlHUabP1FPpH3iT3TjoUx+7kbgdTXjSC4WOSQiNqUajrtEiTwPgMXkPg61g\r\nAFm34dAmleemG4XO5u4OoPtbgZXEmAN0YpIFC+5QLb3YJuzaekfNU+tuba5w\r\nu/DFCJv7u6JsiC4SOE6xC/1Vt1wRO21Yz2Vtk6vUqiWghGvATipsd0j32QmE\r\nDn/HtwV/enr9bG/m2IdwI7CoahhP9nIIaoR7HSAzlftRYeVX2XSW3q4ZLRpQ\r\n2ZdYSuCOK7xiGQDrkyhhe2fI6yDczYSKqBILKBmpHRHv2/x1bK8QI7GbmOg+\r\n1VZogqdJx3pTkiqSwpabiB0blS1gRdTktrvcJws/wf6W1KDNuDuoAL5yTR2I\r\nolMzP19/lbPyEOr8QUlEKH+ttHecMaxBc60=\r\n=QWZI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e1fe48cbe37324744cfe6184d785c093cda1125e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120123118","@chakra-ui/hooks":"0.0.0-dev-2022120123118","@chakra-ui/utils":"0.0.0-dev-2022120123118","@chakra-ui/descendant":"0.0.0-dev-2022120123118","@chakra-ui/transition":"0.0.0-dev-2022120123118","@chakra-ui/react-utils":"0.0.0-dev-2022120123118"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022120123118"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022120123118"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022120123118_1645360308356_0.829090025898453","host":"s3://npm-registry-packages"}},"1.4.8":{"name":"@chakra-ui/accordion","version":"1.4.8","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3401ba6c9d1f618439d950d02f1302cf056a1e44","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.8.tgz","fileCount":16,"integrity":"sha512-NaaMhlndKcqaNUIGIfAaZzX8Dzwpts6cWcNx6F4YRixi2PdBGSV2+2038FYFeQpxRdt8MZ1fs4tjvnhLtzsJIQ==","signatures":[{"sig":"MEQCICjHJuyTzEEBqEMgpR/Ds2BPwkNKIrhiMINITCbdAFyuAiA2b5rYm3Q7aU8thEZNJn35tJLJxf1bealrzKOvsxygRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1NxAAnsPHncY9oRpbz6MocEmqG6niMA1XUA0L2qe1vwXmFU2xmZRD\r\nP0IgHbwM9LfchOoZ/MmDlTLOTPB6wRHiCdOVRASTZegqW/XKLHBoDQ1JDNI0\r\naotv+fn5f+Jw+gTlMcanOZs/cJfG9KGQKbWlS0kHtrdXTyvoOtB8ipjeVwGs\r\nwNjIQNDUB1Arz8GqhIoljluNyG4bvykztOVgoZi1gxNVeoevb6PqPvbb3whD\r\n8bqOxzMc+XOgg52tN6XaQcWky5YPZv+Qq3WA4joOxVxoZ+rrPLIY0bb+E9ld\r\nYgjmgBe0uCClvcLPmz/fh/xMIAnOmiegcvbHg2hgkVFMUp0vQ1bbAsh4/7F5\r\n64HU9CrpcAl+vHznG0LV3T9ogdtXRnpCHlI2vxTDdkKA5sjGHrEhtUj711c3\r\nft9bi1EZ9jz5tisz0urJLFVVZ6ueGX2MMVy2vzZTdI6tS0ygEsGILEfUtP9r\r\nZvTRu2SItXP+l7BXZvxTd+N7ai4wdrqvSKOEgFtd5iCx5sxCoVWkDl3le0sK\r\n7QvjpVF1Q1yKf27DdfNSxLACZo9lhkj/sy+dikWYZzQtqqCRu56/TSfEewfS\r\nVMRdB0Fl/EwF7/9rm7XQYLeDotEutKUwevRnLH53L0YglPABNxVX6WSWjdqk\r\ng8YqqHmXzgft4IS0by0BAVvZrlkqwUkF1B8=\r\n=Nwon\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"ba2fe6c4b856ba3833226dc7b6a15dc91173719b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"2.0.5","@chakra-ui/hooks":"1.8.4","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.11.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.8_1645360856797_0.0607442106529712","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022128214753","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022128214753","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9074d573d4c868b9675d1216f35b685010f1fe2f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022128214753.tgz","fileCount":16,"integrity":"sha512-J/pTiz/eFxXqPjSKaoW0f18B11n8ea7XAzCe4aD6hT/yRfFPF3hW//TzRRM/lvpDRlJv+Ve8haXk8YfH3Ymd4w==","signatures":[{"sig":"MEUCIQDYDnJAOBY5zEUGh3EMxA+iasmDpiV1tFnn2ah+5nMUpQIgB0AaW/wUr68kMgZCHiRXI2Pbr7gLW56tlltOw7Ojf5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDZBAAldOSevif5v2CbVd+ZOPHy8cjFM8yvGaRisUqH9DEUR2rM1pb\r\nQ18He9ou6C9BGfUOA/dMHQdp4XSN8rklJ+sTvu4FU9qQUAGP0yOkNvJ+9TC/\r\nA9D+/K1IqxNZoFBIIqKQ8F8T/G9RqLNLi9kSGFixFPRuCJIv8UXGZlgWEPO5\r\n5SWKAhPdM3tjL7MzTBSuBrTw08H8fbcvehE6/re4x0oA/vQbWK++tGwsjhrG\r\n7rsLhyqIk1jvDial7SjgK29ge9HoZT0hP8DP+BvrUreyxN7RVWo0ytOh/tJE\r\nBjFah3h8C9vnkqqg5pQgefAPb+YaveSh0kpjIlGQrVJbf4B43X3zIBXGY52J\r\npLcut16PlwqC8yTFOGYbCgAssxqzQ9G21ST3TFylO5Qemr8qkY0aL2FvFwWY\r\nLQiYa6nio2zgfJB50kc4cx9+jb188VCync3/72ILdmflkB1v+vx+CCc5tf5m\r\nHdv+ss6be6AOK0TUyQrJ+PSfyTSRoBdjIXk8QVsdVMZhbCy2UXo1KgpRY0yy\r\nkKO4RQMI6drpG9j/FvmTIbRWffFaaQdGHMRc7Q9gTWPdFp6hCMftTHIn4rCP\r\nnGHmIbyZUiRQeXJYH5btqiED6EgbUWgqjlyhGxbvSB6hMsJDKZWVNshBVfbs\r\n+sBA+qm+vmAWzO8qqEgZ6i/ecFYSMoNBrXk=\r\n=f/i3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5cd5cff35e4837539d83a2157a07585d461b0aac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022128214753","@chakra-ui/hooks":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022128214753"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022128214753"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022128214753_1646084897409_0.12147661515537922","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022128215052","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022128215052","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5f88ae849a5d76f688f4cb9a7c34dc9f4844f65","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022128215052.tgz","fileCount":16,"integrity":"sha512-kQZoxCpFDwVig43SuNrAGneO2v+EHQ+4G8HdcLkMLNPDKQ/5kJdcL0dM+oMemavTYaBNJn8mpE2DB8zk38GtZg==","signatures":[{"sig":"MEUCIBtvUHirfunKxAgE5oua4V03T2JVlgKJnA09bPIj571qAiEAq0VcmkwqHp387+3ldq5VXPRCaL12mAe96wbHwwmPVfI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYaA//Q0ZkYkM5Ra98NyinyaJtCfVMwg368RQO/o26rNlE34Vvrzhb\r\nNCZIyQ8SCNlLuxEwIkSkeYfskR0+W1o+VV4ABV1uDWrve0ajI50QTikYgVC6\r\nGq+tA38wt6DbzSSDxQe9EV3KolWIvk+Oswbd7GcZtDZsK1Kvf4Lc0nSxVL9V\r\nNqS8hIWxsQdzRa4wForkhLQMu+I/6R0HiCF2ON2W9BSsJmZ4Ay75DkUqdSwU\r\njYg42lvVQ5iIYv0nyzkdmdx5fg/APQkdLsXXzgOMqj4ibEq11xne0CWdXPrK\r\nqPwQt64rmCh4LWoJjJjdk882jhcwYzU9xtgCgAYPz+v8LJyUORcF4hKvimx7\r\nruTmgsPllsgEUuRv+a38/+X6ydEQ99xC/EqObf9d2VMkupvyx/N4xOGc1SUb\r\nO31rx8o1TCHXzP/qcj8WUyiNow1Z18J9c9QpFXlTZXsadTMn1zOugAl+IWoF\r\nCdziMBWaOrNxlka9PVHb33X+HcpVyCPyJAN8A3s5Cdikq9c5slfkaZ1N7HJz\r\noHMooOY/UGrpbdzmDWUfdfo1zMjLx9GbS2BCQf83ffeqjC9fRgCQ5+e8KJdr\r\nJBxUmIePkleG4cywz8Bz9OTfVl6qsy5mT/DVD5HlDJgYoZ0vnVjawlYIBCK6\r\n+iLPjfoi3keRhXOvKv/jAJi4prudtyI6VB4=\r\n=wJRR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"001751162dd1922d8ab53820f405665f0785f196","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022128215052","@chakra-ui/hooks":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022128215052"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022128215052"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022128215052_1646085076221_0.003527547682842913","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202212821520","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202212821520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f09adf3f1d992ff79a2cec6ce0bbe0e6696623c7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202212821520.tgz","fileCount":16,"integrity":"sha512-rCal8fcKmCPegHU+KAsR2HePtpycp7gYSmofM3cOaqM4dgXMeQ/pRgK/PIF0EoGAMOUT977oX9nuWDjief1Jgw==","signatures":[{"sig":"MEUCIBa1PSU++P0IuyMFSXpOU8hYQLiO5yp4kTWKAzb6sorMAiEAjWYOhWWnKgAA95WBKpOnF2LeMHA+mHHC8VCIeQyDqP0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr16A//YZWri1q7myxL1YqHqrzfCZ5/6S2N9AhiyZTNkTo76B/YqThL\r\nP1SsNz+jLYKcUkdJzri9DphFJy0SG3WOeSU9yir9dw1e7hJIiJQ3bGzU/g6h\r\n8c1Tn842OTwfVPQLG6OrgCX10j6OofHAlj+duDnlWx/F6bUM2G+fN77eCDa+\r\nKSH68zIElcogKDtqiPFdQhnlX0yYLpWewcmhCCOPHZbpaDuYtTfQyPeOVWNH\r\nHkd9du/IaZuGXsG84iXOCqYEliHIKglExiGSdD+E91r1A3EUuss+rHTc3FTO\r\n5U4tRSyrXfR6QepYurdTCUupf5PAUIotLMSTGwlcsQ37xxRgH1TmClXxcOa+\r\nZZkmES8Wuo7KaPzjrnXwFb2Xpiu3zWDB8tGR+pwCob2HZlMmC/UGLwuusbGy\r\nv3Hyzpxog56AxbEqzcnbnsC6WI3Hg6tdvgsI1mG+uWgJ5jJFt0psD3gx9PT1\r\nvUc9vLdboteeixWy2krpKxsZWCyOISSFWla9ZVUWONOk1I0UbBZByHd4BHkU\r\nolwjMBG0K8C/mr9erLKhZWKbiWv6wdUIwsy2UIDQB0BqTaXv6cQb+Gy9ypGA\r\n3rP2VrHLJNySLkvF5xtyTzrQ4B4HcKZUEkGBCXPs12qfVIEa3OWPj38APxRY\r\nsf4HHNphRXz9um+34Eful7t2ru/A+BdeboY=\r\n=Glbd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e4da6359d0a007a4b23959b0b8feed6231a947b6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212821520","@chakra-ui/hooks":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212821520"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212821520"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202212821520_1646085144449_0.15952673982263943","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202212822477","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202212822477","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"23c36d9432a62a257cfd20da181558e4ca6356de","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202212822477.tgz","fileCount":16,"integrity":"sha512-rVijB0wNHjWBj5BxyAfPvpwHKoXkctLsRMNsMG5q0mptZh+ubgcHHhcU9aUdH6amQijywo0CXC/uqp1Oa1mOkQ==","signatures":[{"sig":"MEYCIQCewYpjXzIpE1fLxbKqR3o1EcprwnHsB65Q1QgxrcACTgIhAJseIor8me+BNTVAT6IoqLHK6j8fv8XQqdZCHZhxj2nc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCVA/+L54an5ZP5r/EgAWuCG7A2Kqw3c9HOgKOX5brIIxzUncmY2Fm\r\nKun9fKu4jHiR9LFk+YfxqrDIYE0yH+bXoo9DXrFMr7nXgSsmy4/GkV2jYdhT\r\nTPmm2L5sAxx1nzqVYDBi2x2VE287hkUCge/BwSyVGhfz0bmnT1rl2OrluqRm\r\nCjxbMDiIsmvoSk4NdPaRxwuVpOvx2bf7djV1fYHnhdqdv78BVMIFwvRpHn2n\r\nc2EdNUzdKTlyd0v1E80+h7nDjfdzv9UvF2sY1g2FHA/SasLnwpy6jh8p8jUK\r\ngekcu44Pcs4NU8r9nx57l6caqrnXg8vi8HY2JsCDm+IguAUr02HR8VQcUdQ5\r\nK0YkEie0RVcaWLYr4czQ27ZzgRjhr6/lGlb3Xf6ZlQZ75Yys2hfKU3mOC+d+\r\nGAfRrxIB01EBDgR+IB1q5b4cn5fTzqoB8UdsM4F2BaFpR8jONHPN4PpXDzPa\r\nWPhXJ78aV+zuogxKZS0HwF6IjYxzsPuvrfiOpEXDHWn3neXoa07Vsh+VojRm\r\nwfxcgIXmtZqE6WhU7O7YXgOULSXPOILd2SAnHoNzHi0Z+kUIhrrsbDlhNStl\r\nxLACADdMVoJBQ2DQf5Loj9qZSFU27EEUK2sNiA26hllmF+Uhjs8GBn3Riry6\r\nJx6utwCt/OOAlGGMQVRVsYkfa82JbTrXZ24=\r\n=bY75\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fbe94622357e22acaf8bab0eae33ceae663d7a5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212822477","@chakra-ui/hooks":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202212822477"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202212822477"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202212822477_1646088450859_0.3867977696234852","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022128224832","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022128224832","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"05e95343a445606348efa2dce478bdb296a0dc18","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022128224832.tgz","fileCount":16,"integrity":"sha512-dVyT8yTu4IsvMomORPO8j5x2Pny5mdjS+VtYz+aN3oG4HeIjk/uhJQD8CB1Pym1UNmK5XK3/Pl/pol426a9VHg==","signatures":[{"sig":"MEUCIARWufGiiIICnQSa4iN0BqK0OzEjcoxeWpFh+mf8c0d9AiEA+C4+cgvBOh3KWdH5OC1Vux2OO5O6n7xxGQ65OLyMQps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1FxAAknr5rhXuXpC/htoMKT6P9SH3P+kr58LAU2UPl0RuYeaatJEy\r\nkCqXD4PoBE2CDrFSBOtjBM+HDrTvVTi/juIuo8ahlxMxcMXqdQzo5nn9VDpT\r\nx0SxGrrx29gtNznjzmUlDfpvXlYyj7tsKKCmJJwIfJnL4c3jubZ1p/7uimD5\r\ns/mPMVJum+MLOlXAfUEi4238OcM9sRwKvLHTkc1L3NvdiU9lBO1UV/fQmi8c\r\nQvgGrLIrN92U7kf9SaVNOIwNWAPD9rMH8nXholVaosGW4n1FXapThHp2jcZu\r\nfeZCYdLlSUU47t+e/aUDjpEJKE3SneUp70nJI239llIqysEqIh2YCfSdJWIj\r\nRCSQt4q1rkcku3tpAJOrUfulBQNegpNUTFFzGS6O0lWvfxl+eEZYqPM9OIZB\r\nEHhqCpWCFBeTTVL3s+R11bOtmpkLGh2od/txniQfjUp3WRJubFK8yLHgAz/J\r\ni262zYIf1er0xFNtj1mkjOP2EtR/mX2NdIZ7maX2IMv/Yzb8kgzAbBldxauv\r\njaiyuLkHYR/ZSJVQug+totenlbfRhF0jvpDbWH2SDfEoSr+7z+/tD9BzB70S\r\nLGKybnJibja58+oC59Rc4Dg5IGemPygbnpMK1lrXvkmXfhgphgpikXppnjqc\r\nWLsRJ42r6b0ee1phTCErCBXODfVofQdxmx4=\r\n=4LnB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a1e4d7951090c9622003e9176005ad3c038fdccc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022128224832","@chakra-ui/hooks":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022128224832"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022128224832"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022128224832_1646088535740_0.04440553906756639","host":"s3://npm-registry-packages"}},"1.4.9":{"name":"@chakra-ui/accordion","version":"1.4.9","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0c5dd7d55c94f583b135583697f212506085e572","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.9.tgz","fileCount":16,"integrity":"sha512-ZrfrLwAu6p9B41sZ+iEWjfPW/mn2TdUDXv165qr1O355619e2Btjb01x3IYoN4GlE2iF7GOVjC5uYGNyLpBlZg==","signatures":[{"sig":"MEYCIQDmrJXfFc3+DnM7iqlhay+qA7aG8wyYJa9F82yKjoL3bQIhAORtfylvQYVv87oY981itebJQtxCdwDWzyfH0oBoauRG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqT9A//S4HiSErFTWeTb9tWPUgqiz4lHpNHYnzD/mMXc2D+d28Pq5bM\r\nx2ql7VXHB79ZMTun1qd+U/IQ19a7rtCFl03R/WFwL5DFAWjN+F8C84GJGoNw\r\nbvSHUOesGBYfqDX4izsefTS9IfKG+kgfycS2+B/lKOlOaHa/af7hMabhmByh\r\nuWzSFX3HEb8AWQyJ4+NOf8ZhlB1OaKl92P2dg8CphoYpXuINpQXKA6F+vwXR\r\nfHpyxaJfdvpvjMzA7TViCKYQSTtempFAC9bxs98gITshbMMfxrijeSNNjM0V\r\nHsGn/tmCEWGEKkzyK4tRphuE7RtIXd2KMC/wIlPKEoaPBuV2HCb1dNvHthCU\r\nMOKeUK53lfVMax3WrG5TC3PlB5Nzqbphk/OHp/Cwmc9s3jvjJHPo3Cw/mA0o\r\nt2Ae2C5CwTYmkSUdGb8VpdNVtYVpwAkpM4Be+ITcuE18qXd3tKIQsvPRWrc/\r\n3Qfz7b8lPcDW31ZuQKw4qgFhoJEtlEBFC+gV5hNpx7BomZVBEChrUgR+A9IY\r\ntD2fPN39XPByLVvunLWkekUI5Y0eR+OMZPRqUWDDRGYGMDHamkV75i23udPa\r\nKP9vQsi6Ctd+uGng79Cli/QVAB75Ee6IkDzZhKC6cY8CSENdlrCXcIPcOXOt\r\nr9XVZfunzXBxopJmxywgoelMaqCUXNLlIi8=\r\n=9c6N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"092b20f3e93064c1db312062b76b420a7ed1703b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"2.0.5","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.11.2"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.9_1646089630168_0.8492020383384404","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202221417325","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202221417325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a3408ab655e6dedbd82cba5068de287e10b47adf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202221417325.tgz","fileCount":16,"integrity":"sha512-fvJyksUSuqDPNNWOxdQQvAad6Tf+D3a6jJd8WemSDtr+xfqOBXAvTn4SwVxnxfcX7tDXStO222316v4U8oUNuQ==","signatures":[{"sig":"MEYCIQD73To5S2RaSkbX3h39SHy9ZsD8Y6RHVXkSeOH/hsW1CQIhAK/pEA8IFJBpMZB4ybRaSM9WNEdccyT3FgCGXcAgtCCB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqF1w/6AgSiF3JxerxLi4NXqWLx427Ttpy6BobkASTH5klzFhfK6Av0\r\nfr6xwTLNyBWiPJoje7HpCWwsXU+ryG/cHE520mnq57XVGhrOlbIL5VOKR3yV\r\n9zyAtgv8lggtuNkUwQ2PU7YDgwmvhnu6vmrR4VryLx6ztJMFdbwYplX9JtbV\r\nleMXB2mMTvpNThT1Dq5ixCa2mJ5bYNhHWTD9/RMKzp79Qh5wCqt+qagHRnB5\r\nRcAsPXvyK0B6uTMnyi8pF9dpE4whPbJ0/PphBwuXl/ZPcUif40x+MBAqrrRC\r\nCvnMS6oqspSZskK1Y8htbXXMyUkjoXLzU8iyqOZLQzS7MrROB8Y2BmNM7CXQ\r\nnnUut4C0xmM2MGLt42VB7TfGkQiZ1TsZ7RxsvUBqNbXkWw+I0OrKgmJhByPS\r\nuzwpfQ2XqU/oWc9UlTUroTfROuDFzMzmJR/oqReavF6dDUH5oP+024TlzfnA\r\n/4/v/7iGFw5f3AULU5F0MvoZ7P+Te6izJeOzgCuQVIzNXPjyZUjtRPa+4ty0\r\nbZBS6bbZ4VJ5ga6GASH38UmtnJiAWKwcqfzPLiR8TKuyuhDXQ/XRVRkhRRcO\r\nox8NtDRAUkvR9HHpIaNIoaluuhf3fJhSgvd/q5fI8rby3cGV7n15Mcf40vDo\r\nw7HGUl7ZLhpJcLbmHpjz+OT6t4lBJ/nQcC4=\r\n=ZrOr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4d93d5f9e46738c84958017bf70ceb6524f1ab92","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202221417325","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202221417325"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202221417325"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202221417325_1647277448659_0.1961117487937425","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202221417436","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202221417436","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"308d1b4a7449a6b6bb1508d7654d51b459b28621","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202221417436.tgz","fileCount":16,"integrity":"sha512-3JMF8Bw3x/783+TPugvXakc8ldt1f4BzLE23AmTY7qS1zUNzsS2l8dT6999/9EJ1VINc9tBmJ+oZcNdatLZHeA==","signatures":[{"sig":"MEQCIBIg4aWs3LqnRR1YUcE5suCfXqQu3amVb9VLMsQkLNTTAiA5weOx3wGNEOsgy7430VPecCnCzFLL4zl9JUhPLvbaiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3W9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVmBAAo2AIXIeoaw3rBN18Und88+HVe7FlhuOqibzTRs+RtryltVmC\r\nL4Y2rP3xYguBzPGXv3NLTzIBFRnt4CkaV16X3pnwoGEKCveMg4rTSWg+Opfq\r\nIL52ABKwVhl6pmEgKJp08s/AOGd5o2NywBA3fhv1prXXLmM0mmbqsvED/PB2\r\nAZjGLfwfibKS9XlOnCGRVlTYq1y5T7tAqy9Vst6x2SU3TMYla4MAaA0bBC9q\r\njx23SH3r7yIcWwf8C9s7F/r9Id2wzOH2uhof2JeEbNMtJfim3Y0j1nwIjGVO\r\n5ICkHFKj44/oedE4yykmZs8dBR545qArv+b7bTvRHVSFKm8R3K/VWl5L9ywH\r\nnfJH7RdX1U0N2XnFtB2Vd+zIXDe1odm5y5enSRmbazLgLVbuEB/4Jwj3/Ie/\r\nW0KN+fa/Dqy/557B5AvLWve/qs0i6WTL4VC4gMVB/fv5fTzSW69QJceNjKTq\r\nL6tnIOElJgftOym/65O/zc9p6b0Xrj+yynP0klwszTrQBP41XAbqrIJGbrIr\r\n+ZVeO5REx6wjnDqijJi3KS6U12g3AZIC5y4NHIZ/r4bQ0GZ0dFYZGw61EInW\r\nquQpDi+92ffCZrUymO2/o7xST1FEGJFVT8Ux8LfXXYVg1lS+ozpjy6i3wnVh\r\nc5iwiFHU/1cz9coLpp7mR2Qs/Dm+LT/kBbU=\r\n=nSx9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7d76107a2543c38e9a3c3ab516f581bc92174e4b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202221417436","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202221417436"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202221417436"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202221417436_1647277501172_0.9389116537641173","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022214171014","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022214171014","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"330d3292bd05c2b13b92196ee148d69e64518939","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022214171014.tgz","fileCount":16,"integrity":"sha512-RYOFxdzx3e5hS3U63zN+Xo8PchALoc9Q8iKGUcB9iVwA1fm+gTNsDhSsfbVy0c2hpIMEVg8X8qqe+EyXbfAvhA==","signatures":[{"sig":"MEUCIQDPy1Oes72FiXCu0bN5vB8QpFXpeYUElYY7YZE8HzU3sAIgQStSs9p9vGt7kjh0uRXSIH48/JiOBhXaJIjFgcPpw04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90589,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3c+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOsQ/+MJ/dwxW7vy+oAUBR5DCISk07qMVC6kL/JBp7UHXYV2ncd/li\r\nVMCPYkJ2gv/I+fHERxjHT2A8DMM4sI+rjYfB6QYEc10VQl20AYgC0r0X4o/6\r\nAkelkvdmViiWRqVa8ZZt7gLDF5QQVI0DT5DNO7HASonDiVLms+8fAgk1J3tV\r\nRDdykg1F2Zc+TfgtQNc8wuaBrPA0Tu7pz/gDNYIVMpJK/mYjZkAK17Q45o8x\r\nUj94xjEwAc/mEIt48fO9C8fUbFB/0TAy6FvFbs5feo5gAPadfdSOQufPEO2N\r\nsGvj2qUVJFPWiW6oGePPWVFKWcmqGpRd4R/4ve2rT1jTqpuhmJneTYYNZU/Q\r\nG8ee4cNrr4bcBppEsfucWyNv2KV0+nQBk83kqj0/cDYwQFj072qoN/uYHeEN\r\nablJLe1L9swFm4nAEV+6shMLgf/0Mhi6S/Bs0g7V3m2NFnOyeB12dYREMapi\r\nHTf4AKsfNIainXrzKw9ZP669lVbrDqg/Lhb6IXro8qzdGnNoDnWObabUt0fw\r\nrAvFdcSOhbT6R7A9KfoleY6f/VjddPx2+W4rv/KOmgEcA/pPc/1c0GWsXkm2\r\nBP/tmgI0OxqXmhzud13/jXjXlCYDNMQ29NlxIvVHK1sPhkxQJV01Nk9TpGGJ\r\niAzIKUostjsWTgw/lG3JWWaWyUrRpYYVwDI=\r\n=GHiv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"08e1db569f44dfa9f95dd149c5923594b49d0fdd","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022214171014","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022214171014"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022214171014"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022214171014_1647277886213_0.7532074684367407","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022214195434","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022214195434","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4d0da363b6ab20ada710e37547faa2a03976edda","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022214195434.tgz","fileCount":16,"integrity":"sha512-lGqTMgwqJn0octpFJTxFENLT6KTl7GLzY9ljX7KyT9jUr6lvoPZ7sb4qYsgqqW5EAGhZvQYYrQAyErJFWqbVEQ==","signatures":[{"sig":"MEYCIQDnFOK3FxNRXdb7GrZ7uaNQAdgmbm4xajGHkTIiaMOBvwIhAJSI96XPjWRjp741bHMnZJW0bd0PY0Pzvn5m0e22CIYY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90589,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXeQ/+J5eivLe+nMh/bSyY2DdcwMKbaTHzfBFHx2R9Np6qd9bxJlgp\r\nrcCcCu963px4XdDbOUp+dLYwR126z+sHyLpdtKGWIiOqE19DLJn0ryPYVod6\r\n3XfTF4sj3ZPyWXEadu+Iz2aYGHwMFehzgGX3o+gYF5bEhdQMG8jN2pbsh4AR\r\nmuntHIcyCkj8XemeKNKsY67gP52x1QgV5KPxQ0jmdOY0DTmmRZTpbtE8LBpC\r\nIp+Bxa44+n1aeENFxy5olPRpsWX5hJ8DeyAh8nRqS/iapz6r/d2XhIl4IT8L\r\n2DIgANvdE3Hbx9q+lCSqmZCwP7NYDbRfw9YTx7xposZQi9Ya5zwAPd03USFY\r\n5TL7Zhuc7GhM1OoofdyyQT0Um1Q3shMz4pwSaTgVcIQKhTGEd12ajiDON/Ym\r\nDSWa7n5BDvWOzhrljzU4ZQha3gem6mFUUoqdyYuI22qXqUuEwRcPO8+Nujjn\r\nvTVXWaBjpGeiD8lTRmTAiOSoySaXZSU5xkb6KEzGjKS7Rbg2q7B3Oq1M7TH4\r\nHw4KF6Yr0WF45YmYgwysSwHUTyjaAHOKO1SJaTDudJSZvQxLMzSctvsLXQov\r\nE50iPEiZ63K1UpkHzZrJFsf2ohOoQVuMjBDyOkDCKyJITE+QlbwKL0+NLE7h\r\nZPplEgm6sekK6WhpD97VOQwgKHJdaY/l9gQ=\r\n=/Cy2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1976d6516539f9b15b4c9a4a1cc0dbfdaa3a3f5e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022214195434","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022214195434"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022214195434"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022214195434_1647287698690_0.7443880653347454","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022214195653","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022214195653","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd424ef476335862abfaf7306814091806e0532e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022214195653.tgz","fileCount":16,"integrity":"sha512-nLG0Z92kEqxmpinJbuck+8JbIPLhWoGSQAvkdO+/X49XauSBo5FdZXdXhbzL33DxVJlw2midPECS5o8xj3F/sQ==","signatures":[{"sig":"MEQCIDDVImbWphkg4dXfOM1jxik5SfvHxkNuAnoTOC+SGcvpAiAh7qZ0UXpetPmYoj1eWERDBbPN42aLiwbUQDb0VlwSGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90589,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaSRAAgTM95OEvujYPW7xAHADVFK4gNES2Js4kZVguUtkhoQFrftSo\r\nAZ+/TkbJGdsGhnG7VArQMbejhE0oNZxc02D7ZkDslhxAknlBziQ+o5frBRfY\r\n1HDjE8AefntwbIs1ZErW5u9k+Pdel6mdQQlCkEb9ehNtFzAoJKgDyL2iUMO3\r\nhOAZZTHLiIeLhkQbr9k3exI9+RnVzDmvvFc3tuJOQ+0VBMgQTFshS9xHm/W/\r\nUbg1EJncjRSj1SQ0GQ+n+e8t8322grBpwr86Mk5hZ6Uy1Sej2ZI+PJCNc9ZG\r\nk/gyCYUoTWypZ3EDXWgV5Ar3Q1q8gwpMVgTb/QWffFJ+xFGe6wI2pLjhC0M9\r\nH0yc8p4E78se+ffsPlI9azTaoNiPCsUtX0I/0N50sQatzC1HesgIJtwZLAkK\r\nDcol8U2GLd2DIGgc+KKqdxhrPA2FB00IQH2oDO9nf2v9VGf8NQOvZQbw7Ir5\r\nVBfDv/xkxUErh123RkC605admuOeeKVf2TQwI3sl8sAAQAnEOaU8j+QnZ70N\r\nokr5Eb/y4c55YA/LDX2/zrQMMQGBgPmU6TTgJb8k34ANdMM03PlbhWmemLHA\r\nEH4dT5oxsarAntfmYL345CxzI9G9k+Stf3BuP9EvRBoNemPjh01qbIGdAQD1\r\nanHdoUux6njOItWpvM0vNJEJ9AptFY/Hb4I=\r\n=NGT0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8c72cbe512448f11f63208a155bc665acbc79d5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022214195653","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022214195653"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022214195653"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022214195653_1647287834137_0.6851849415687585","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202221419595","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202221419595","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c8e1d5a8cc842a710ea1b49678548ef89d9f493","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202221419595.tgz","fileCount":16,"integrity":"sha512-sausrSgBzyQC2pOwRl+WPpEa2Z9RkeWPN31k8KkIRdHN/L5jOnBSLLRCA6BZxjMkJsSfIKLfslxOnbS06Ra4rA==","signatures":[{"sig":"MEYCIQDadO12AMG1bFuWfezjuXDgcCo1Mt96PXuFu1KanH4WZQIhAOpTevfch9D4sA5X6ECVvsIEOQxNipz10FIN5/J09DyP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYFg//XGp8V4IHvAesGa+o4yFtZMXMNi5wx6Mz2GVloIeZTcaTHVfV\r\ne6d5G0dRHTD5ocYnYWi69F2KW38IdPheN4w3VPjEbG+Mn6wFxT0YGxpv3KKV\r\nVd2NRs20/TbNSQH4mxeWLKyGdfFvKqAflZounbQi5M7BMPrA0ygePOgTctnM\r\n2AA54MmkrE56aFKH4PzaYLmeCNPR1Pi8GwJYVTTIfVxNXtmr9st7zd+YwAIj\r\nxgYPU0n0MBaJHQ0JlNHRZeMwOSENwR21HmlDGiMeT934dzapyQJCm5GKoJRC\r\nqBh8ieDDjgkO+XeAFLdKWzLN8PiODZSSs4V7Thfz40B+sDKQZUnxrjYPKBKU\r\nX9xl0zmRcthya/jL2iOn2uUL41qJuou0ishY4+UXETTUvb44n+MeM+IiEPrv\r\nf/qbROVYwz/I9xR+LAKigDLFbEAYZxKWvRiLx69hdELsx3V2vKjOlMbuCD9j\r\nIAhRb9B1f4vGBCFdc9md5Nnt53qAI8VIU/9MpPmkvTLGd5/fzKnCloEsaYoa\r\ncT9QI5ruLba9uLXJcUdsw+xhJiSAhozsah/9dWaRTZeS/HKyI9vpNFSsriFv\r\nIRK2vVWN5aNI+lL7PsNFkXZfv+34ecgDbb3KMcEzQlfO0iC8NokS2BmQ/d+/\r\nyZ4hCxLohm2tURouP+xUDXCGB55sOw6GRnI=\r\n=Z5+a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"613baceb40ce59080488abc50f7e6e1a8df9de0e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202221419595","@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202221419595"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202221419595"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202221419595_1647287974190_0.3723386467495562","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022215181125","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022215181125","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"496c5bf21e26019b98ea141cf5e84238c05abed7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022215181125.tgz","fileCount":16,"integrity":"sha512-C/tkaEkyydY47tkvlWHxZMZ0cHwbO1UHp2qQj9RlHP+0BvdtlRDEDgNjqPc7tCenGDRU5dG8Ds781b7PUPrJeQ==","signatures":[{"sig":"MEYCIQDzPiHbomA8c1LHjBpd8VA3HJ0t7r2sw9+QTECtd5X3/gIhANPzKMec0ZHvWAYSnvfsj3rMMT6Cts0dzzIGeEsV5i/1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzYxAAgylrEKU3y9UAlHsIad8qY7McTucfERKJBC2KedaFhc6tEJpp\r\n4BaXtQomzWcYOMiXV+GS5YAM89AJ23vQKEAsbSnV0xGpP7ed1SYRqYSE23l2\r\nGzgQtn8OaSjec34xMBcw9BCnJrk4Jab0HkpCiZ/PINsmuL80rr+dqmQc92oy\r\nimd/+r6Jhg7mKde4ZEqGYZWpLE5HWukOcWaZKOHEUdix8PL4+KHk0+sHgSp7\r\nOEIINM3zw3nxtg+eN3vZFHOJ+Xb/wSKTaTDqRRsqCRdmNesb0/tfB83oB/0L\r\nNYvLLVGEOJ/b9Kg2CZiHuv8Efz9QP5ocrdiXTFTCYr8YvHYGeZ+be1W1oEeX\r\nqUCVPYRXljFY02BWg8sYJP6zz++ZPSq8sj/JEHItZ8CSdOruHN92hAfEeNIy\r\negUl1eAlbN8U+7P2ecrXCXme249MwJsccAzp3iFE56BjhCdV2mgRtFpCF6ID\r\nuPrF6LXlZxA5KH+EQw8/wO7ttKwsmVqYe4GhVwa0Cz/JaL9T/JNbyaB7PYb7\r\nFs1WwiXBXcKM9zgKjRpEkMLk/s96xR05Pn3tE3UHi51wMCcpD8h+cCpXUR/T\r\n6K1w6kDPHMQ6YSPrX8fF5GJ7miT3GsfmWlv6q8We4C9Qn9eQSzfXO9BqQc5p\r\n84wmPuxuND9v8k6zHGW5x/0w4ariHCXokSU=\r\n=R5fb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"73a06ae8ce1bee644e10f245edcf2f9f2b773964","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215181125","@chakra-ui/hooks":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215181125"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215181125"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022215181125_1647367911271_0.315664813766412","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022215182043","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022215182043","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cbc953b5f7eedb15e2920e963c1141dde6a94f6b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022215182043.tgz","fileCount":16,"integrity":"sha512-N2rhCi4rE49xfJW3YBA9/EngW+QhI519AJa9g5gxKxZoMNqH2jA/kFAzhNtC0XIYUdvhjLbSWbZuL64e/YR65Q==","signatures":[{"sig":"MEUCIQDdSMh7gz/cCEVkulSLS1T8ez+UpLnqghVQFpliXk+i2AIgGCRcL+t6m2k7qb5p2/0o8C7KxdefgKKL4oZSdFGvsik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjXA/+LoPazpOsa+iQIxmaFM76HrRVzp/NN3KS7qxBo/mstrZepLsu\r\nAtVY68a4AkeTdoAsY0Zuw+hXeHZkGjOHpFE2tCE6mP8U19sWPAxNxfoLGxBZ\r\n1VgJwehpf6QCB2f0G5Cv0vn968me/EWe8WLsCGhB7rntUwFB0A/rnwumWpHR\r\nQtGVChn5cpqAhoaGp5V3XK8epMAMvE3S200wsQ1tVBgjTZzO1Oms6fz3/xJk\r\n5Tacu/sCx7w90kOemZ8yY13fcK6wMDSoodDLoRFWPT7IXeqwxZfSJoTR8Yue\r\ny2B5+3YNcNKuOfYYWtE+iGFDM+yy/ZcbFIahAnGQQhGiUEoEXD+jWm1b6S5v\r\nipQ/a8pMp08B69/OgDieDjLLDI6zvKshaCay35oa0IuAsfN0fRVcAp2gwrkQ\r\nqsd8paYbfYrENUKTshJ8UDRrMOoRN4sit2LP24WSC5pG54T7ztUNSUApKr44\r\nXHl4XpyNCxYCk5SL0TXZgbVErn14+pUfvK7H8/hsUd7EBFDKbFtRVr/j/HPQ\r\nTUl7NtSXEoEuxRtCbeGX3ltGM2yGlvLtRGmck8cGjL7vacP9jJlD6D2rRZzT\r\nDJp56PDOAfJKahfo0wur4X8p/5pUzL1hyqYrMFRkpmit+xUvthls+0dY2xZC\r\nQKRk4SdBRnpYzSvy47BtJwwWXnon4xoyMpg=\r\n=Rzln\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"232853068ab9ec95cd123ccf378b044ad7861ba1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215182043","@chakra-ui/hooks":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215182043"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215182043"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022215182043_1647368477285_0.24242697570034122","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022215183938","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022215183938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ac0ea053bacc634936c9d94c2262310c18be3b18","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022215183938.tgz","fileCount":16,"integrity":"sha512-5fQMsibOoCL05GLyDuAoyLEpsr1xjTu1X2py2/O3ouGuH05/8srKCyJJIqbWpX82C31TG4LlacmZ4yorcxt0SA==","signatures":[{"sig":"MEQCIGLwux18wZp/dmDAqhhNYEyd2tzC8uUusttsQ04RTmqLAiBNNs3e1sJFkWDIWg/Si573jxrXfSMPijnN/Z6xIzKCsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4Gg/7BBr7rm+wAWxZ8QFzc5XH8POGEZyaAhVSPmzlMe12DxlWHo7j\r\nwdmywMCmwsFVoqdq21H9LmSmEsp3tJT1831GMSJCveqTZ9Zmw5E3fb0+NvpC\r\nkzQUS6raEAGGxJ9v2HhwCxlzD6Tf/KDuiwmRW5CZCRa5yB79lO0w3A7r3Uj1\r\ntooWtGMZvFdbcsztAkQFJWV8um1HB+Gfaiu0t/DUjPt+Qw8Plh7GJuKakZ30\r\nEiGYcLl7ybLQ8BfzMylZDDDrMEtChQb91sVlLzgjaQwdNq4iSBpkgi4KI7tC\r\nCshTIYGGp50a+/djtGFQsr5TmGaJlYawtCc+jAY/Tx/dAYSXKHyn6keGvIIe\r\nvSKn5Y8294cFRgPESrxXSX7pKmlBGvrMbjL+KrHS3u6s/Nl5Vaoj8c+6c5FU\r\nx2DZsWtKRaxheHNpApBjoykM0GaYxmerd0GPgAEj2QEpnxhuqZMNq9ZRUmlQ\r\nPLsamH2OhD4TLbwVvH3sclIuXYTGHBVkFydivNOMBG2O9xKm6KSp6DT9B0Gp\r\nJTeTZNtouK8gHi1pevCaI0PKlGW5e20oC2+HFfUzhiZE2+PhJSuA1iHn2HrL\r\nX8aSDa1EINDw7lW+tFIG3Qo+qS/QefRXd1RhU+tkF9Ko90Yxua4fg5ToBlot\r\nlCX6EZ+rwFN5ghKptnJB4LbB+DldMxfEGX8=\r\n=K9K+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6ec09741acd40eb1835cbf6d02bfae642413b6ef","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215183938","@chakra-ui/hooks":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215183938"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215183938"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022215183938_1647369607700_0.4973183346142631","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022215184036","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022215184036","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"57be194ff84810500c839bf80da1a3239d97eaa5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022215184036.tgz","fileCount":16,"integrity":"sha512-s3oU3IhWRKg9Dn7mMd1DcnTwbDxkxslP0TZ5ry+fOGJARX3bP3a4pn6wyG7DFy1IvLuHm4vSnXD4m4wEfNGrQQ==","signatures":[{"sig":"MEUCIDZu/nncUjW6o5262F0Ln01cxkcQaKk+IprA8jP7MUCcAiEAgNeBs6xZMFiAlozkmdluB8/ONEgjnEirIoHOAaMK3bM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8GA/+MoCidff6rMKjU8/3XLwzTqdsW9lSd5V3oLkZd1REaItsou4t\r\nGxw4TQvfe+3xEN/yLTvJ38W+voy7mJp4452d2hMMwxALfFSbEYes8gzgi7bu\r\nGI7pXZuWSMnxy9Tg3LUQeAuRz4/QK3/tRboD3B+WBwxAOucq/UKoUqkauXHK\r\nYUEgB62LPLIxD7OLKHQOtpHm9uALdcYvcTnJDhmrAigOgik45ZockQZLUDP0\r\nim9hh1jPwH19JxdgOZ743JOd84xy5b57jA3M0PAEoyKvckZsmIP8nfwxvJcr\r\nhTW7Mn36MJlBohjk3cMfzKzCw2riQKU2yrU55mCi9eww5UXqxQD/TH05fz5D\r\nAnv/hDiBMBF6VKlAfaqhcSDRmjkJsiWKi/7EfTiCWs3nb1JioR7gZWbHDUlr\r\nBJnTwgp3e0rRJG7Sy36ByE7GBAQHgWTbm2awfqKnI35wXhwmnoEHMzo+5vN/\r\na1wvPaaWRsjWK/+8cTmoeEQJHI6wKaTOGVLtkHGcF+cLhpAGZK+Ch5bAL11X\r\nzF4gEJT946msC4Mj7SXEBvXP9yD87GutzpN2jyseJM4StnxceXSjOVN1WkaC\r\nUBK1eu3jW98y5pJNGr6z9NaShVjeBCMhgTBpL0HGr5H1hF0Vp/6DEW5Ais5v\r\naaTndltaMVfagMKxs2t48sUlTeWTUgDJMhs=\r\n=DFXf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8e201b9f84a914e58cdc9ee90b3e03269fabf4d7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215184036","@chakra-ui/hooks":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022215184036"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022215184036"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022215184036_1647369664055_0.20179090590057003","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022225182931","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022225182931","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9fb2f5bdd3fc8894afa584644932ed848dccdf26","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022225182931.tgz","fileCount":16,"integrity":"sha512-NGOl8sx32NalrG/p7m15wbaVu7bpDJ4Zu3kMx/P5+fWIU47eNsEOpKQK82OzJKTiAOrZmnu8fSPJQXsHUZzG3Q==","signatures":[{"sig":"MEUCIQCBznpuNloO+rIvyLYr/k4VJBRRJxUsx4OlhxvxpqMHNwIgD1ycYUks/Ja78IDno1yG3cAU115Rr+g9+KVDRXd8Vis=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgojACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSDw//VuFGaByho/s8ln0a/bR+LSsm1yMHl5CthawocgE4ZsEmwAVl\r\npFLIfuoPQQYNuJwfCuY8pwp+SBr2l1rFpMnqvzaAjnCHIG3lSeBJW1ddMg7z\r\nw4Je9TwMGRAuJ27CWTjyLiBqDp0mREwwy5WRRHskAYeNFKIFARm1rDEm9ogd\r\nVQ2e/nosDhRC94dy8OIJD/BVBPbyolqemrAY6Lwta+lCSQpGG/luWL7vtj2C\r\nCVAElwXnrw6vYNj6g+JcmOIEQvs4C1TTFIdt23TpsTtAbLUgUA+zjESuFzR7\r\nouE2i+wG+2enT/gEEDATRoad7Fm/0/kdBdzeZKe4nyg0tnS0zN8GEjbkAJ3r\r\n+WgjPW9GjlzO/UAtbXoYBBZ+Tpd53FshN/5W5Uwt+1LXEYOdQrDCRAmhjO2T\r\n5dKKW50ZOu5bPShhexns9QqB1XNkhQwdNrehjBObD2Dq6LQ12rb7HY3jHdNb\r\nbt66dRx60FlERB8DARWdG6gUka6mgAt84MsFqaDrsTZGfPfGhKOhRwS/xV1Q\r\n2AcbIdl4MtAHRjYzD5Z1DELMQlmbjme/rBvLpfzETY48vYY7sEriW7sW7fdF\r\n685ewgkdanqX/nah59DtTrrh4e6IWI11xcepuUCQ7eDp1Tb2wqVxUeKtbEib\r\noRF1MsHK/x+XErZ68QxeM+JPlvk/D81BQBw=\r\n=KCvj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e6fcf17304e1f6959407053b3037c9f2168c6ca4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022225182931","@chakra-ui/hooks":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022225182931"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022225182931"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022225182931_1648232995224_0.7706641364680054","host":"s3://npm-registry-packages"}},"1.4.10":{"name":"@chakra-ui/accordion","version":"1.4.10","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.10","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1754b26ffe4450e39306ba7b94e75e89598cb510","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.10.tgz","fileCount":16,"integrity":"sha512-TehP/24201HHmsq0aTa6efp/TkzULbQPFs1WvUkG46CBaWBz2/PfwhZ61ETrFDJST1NKVljpm+WrWPtx9jWF4w==","signatures":[{"sig":"MEQCIGN9Nk3lFJIMqktdiaTDERIxzPSXSp3j3qB/JkvTDj22AiArJzx0RU2go/V7j1lWoYiZP8zFDB/JQSRReBktjsUwwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2eBAAiWWTTTFC+XQN05UoJPE0p9oVnUEHQb3dW9uXzC3Hf1drGsQN\r\n+ndst2+Dq5BTXz7d7yhnV7AsrfJH2e0wQ3p9IuYGz/7pNmcLpumgGQtN1xW3\r\nSzeAyz/acosypZdnco7vKib9cPRiWIgwn6k7m+pay7w2XH5sBZdUeVSy1qH7\r\nMNNcyjJbS03jhwkuJP/rBzj4DvZ9c9s1Ar4ztGVvI7kVzxy7IwiBlCI0eCEF\r\n9MdeloxuqtJUJhV/LDvQGRY+JcP5JN5GZM1hUxl0r8xrimSTjYbFUazfjbNk\r\n0+vctv6vCHk4RdWFiOwhFYLbzkDqV364CctLTFla7ONgqyfBwO35IXzPQ4fO\r\nvN9bjfoCWeYfw3lI/XYaGppt7MAmsFQiDwWtRRcq+nAkmlTq8ON6IqYn1a8D\r\nAe/A8DsujdocvORMzTPpoaZK/3z7OLgYbM+BDINuJIDsf1Bom9EFdhH+LVKL\r\n7TLja6UHaXexpTUMaSzJSIqvO9aFuFlqLCI+8/TTv2HcbSfJO6gXNB7rG0wP\r\n6j+l50MYOYOKd+o+tZWx9upmJ+kaYbznecyUcgaO08s/V/IhZcxy36Cb6Ht7\r\nU7HPooVjbOUOdvQ/zUU/6DpZJcbV0KhSz6bwh0GS9QWfnZF2HkBWVl7AKkAU\r\nPGNHiK4iAatEcZlK1iLgHRcgxx+n/+/QxlI=\r\n=7eC9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"bab4f2f2cddc5d4ff073b71ef72537fb754d3643","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"2.0.5","@chakra-ui/hooks":"1.9.0","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.12.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.10_1648380916915_0.036611526234583636","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022228155140","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022228155140","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d9e5bcc5972a3e29a094c178cb1724d46fcf3d08","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022228155140.tgz","fileCount":16,"integrity":"sha512-mr8Hw368GpWbi8MM918dfOu7zy9H8cxlwJ98ZT/+8OYIN08YWCyvRTkz3ivrWOBEjkJLuDGICKc4Pm5Fdl8liQ==","signatures":[{"sig":"MEUCICuocTTcUnKZPkbKBazVIkaWVE+p5ELrRLeG5fG+gh7OAiEA6DpU9jhLBTsWTCDWhP9dGJl2McRXh2LQjGvlNL829ic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdmqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvqA//WAK4D1oeQnJtWlBFTrqVzfewvp59S6ZX5y7UNqy/Tt17sPJt\r\n5d/z/hvsHPLhPeqH57MD6npahAb51VXE5iSWAS0SuP97Ha9LOW7WjGsif0rf\r\nkpw/0l+dEEmzntfuoeRuOLS+GCPhgop2rSJR0s3fAQ4gxesw7AAbUtUE0lrj\r\n35dCPnlsjnWmyDXY1NGnIGfmhiDfWhn+pLnhrcbt3M09t1UFLhsqGopk8XLQ\r\nVUurW8mcUYytuxqCcMePHYjG/is8YhqHuQGVvsoFw2jqJAvHiua+B7ZwrGsn\r\nmfVpCI1TO8vsxVUar5g3l+Yw6DX5FUAzW0LK1fPkhsiPg6AXOp9u4pDpQWrn\r\n6ukTG48KMo/vqbyNCLxG2CYJRfSesMLeIFL0TrJTj4IiDviM/Ns7VN2pDKxi\r\naATh92YEM8OnMzR7Gds54I0Zf+zLPQ+s4PoYfA6h4i8Nfoc055mZG43E2v+n\r\nw6bYCx6g57//po7AYGrjZbBj8M38R0GhU5Pfjn4K/6wTLTpBx1tiL2mxTOlO\r\n79w84oUHxuQ38ZATzYj+EOtrsYE68l/8cCFP0Celv/exIny+rtEdmg9Wf102\r\nWykRTfhn5ob20zZffNLUEiQ5/iupYSEGAn93E0Q2q/mLx1cuAJYiWuEpHMXO\r\naHBCAKeby+QnNjXLyxmKzH6uWRY+ygPDyR0=\r\n=dr3v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7fc8742394fcd2de80d5b17e8325b148b1ed37b7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022228155140","@chakra-ui/hooks":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022228155140"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022228155140"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022228155140_1648482730378_0.24784283410777364","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20223215463","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20223215463","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0f1832f5d73d713d9f7a8468711258bf4d93bdbe","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20223215463.tgz","fileCount":16,"integrity":"sha512-T8x01J3Hb/FIznp7actKyx8Wn7OGWM5ipw1ytIN/gxpo/QmBjdhR07MubFaj3OMxUFvj2irv0HbScmIUis0LlQ==","signatures":[{"sig":"MEYCIQC3SSiqFdpoGjxE6OOaxWyaryg1F7eEHwjoJW3Bz1KrVQIhAIpATnh9/C1NxfF1w9EX9X6YoPqErF8jSI7hf7SJHzim","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKLA//S8cZN83Oa9IFiFtyUY2wDtyc1qYDC9iCQjgVeGgfcXKxKYUW\r\nWvL5jgrtxIeEmQa8rNrCcNvVrCu37Yjxkc6FyfEwFqOIbrHPyMVdkn1xnS2d\r\nV3xpoGSK+sLMVDePEGwmd3HlVbWa6gqNOzFSWc+XC6VHoFyligrf93rLGt7I\r\nDt1bNMPCl5jd38L1zMcR8+TKzlboDqdyvAKSLLwfReyMdHSai0/9BEGUrU17\r\nrJlAYPxIMah5I4j+SZ8sOp7ABfZrquYFD6MlWV+OyhDRKIGaBvSoBqKRpCjP\r\nzpUSbibRPsc5PfOvJ2OB6qc3CYQ0u8n+qaogpNPG4qDpeZ+5lu424p6M5YUq\r\nYwohdq4hslm56q0kYNcmzruFP7h1yfX8/BJQKUMdr1pMIvEdhJtR+KXdTCUW\r\n7I8w2h5ogQU8GVaoql3YNDiQNZQKS+EFHwMuRB3D7yOxodF8WdqcG2w/b5Sq\r\nMLTT/DW8u0sUoekat1sg5L1RRwOVScfFFi9igee1nJfj+JOmx/azgriQGARZ\r\nQGrApwXTVbgAMOOPOG8ABQyUHvIYzKI8dQQ6KWlGRX8J2rcHh47XgMJBupK2\r\nQiTUiSrTcaB304wgEAlXtAdwBstMmioyyaG0ZrTYSYgZmDWaJYY/Q2wcECtk\r\nwpVwKuK8qFAPtEIrQtk4R8t6Mt+K4fKwHaE=\r\n=uUep\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"82a98db6e9dde5cdfb1abbcc6e7f4c5a09ef4f9d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.3.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223215463","@chakra-ui/hooks":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223215463"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223215463"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20223215463_1648914387465_0.8650379336408562","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022349032","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022349032","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8df858e546fa53c4b48eebff8df5db09f7e107dd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022349032.tgz","fileCount":16,"integrity":"sha512-Y6Bo4uXlbI5lD/uRNvcB+Df3ZrhVN8Awn1RLmM0l6G1ozvHIqf05Ex7WLW5aaUZWCGOH1Nn711JdFSEZH2Epmw==","signatures":[{"sig":"MEQCIHDY94bWgEcoEuSN/NR/tHN+yyKMzwKaD8lM6+fzNlDlAiAg5oDFFtcfRp6IfYMM+SSy2OsqtSqhh6xSTPnL0isDqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7BA//etlNJ8BzYuiBce+fZgjt0pDxv+Pn4KjCEzrJuk6cjtVFIFCl\r\nuhRsdcZu1pBUZ+EAVMVa6kgZErAP4C2fVL3DQPPjnzrXohBrGxT4HAwFlumG\r\nONqilzdm0vF+KgrBzebI/cfS7zur05REGeOhAgs2LLi+43/wBYjixUK1sPzt\r\nQswyrhC+fSvO1DwKkC9f7ZNC53PdpXKFcZFREjJBWxJOJ3nfJE8LYyfOPpYm\r\nt4xHkzUyHyvVQLkW1Vgx8edIXSb1LSa6eccMxFXjgOEl5r7rpo/xBvExnVIB\r\nAETgBOFl6/BvGiodYckC2vqZMxppdHS/HblRB05zDsUPo+Dz+8m5MThrRSzr\r\n99obRtjxBm8zZybty34MxemEDc4P0ZV48CnoMbQ2pQLSSbMNAf0m/vRpJjCw\r\nSuz9sIfajdATaKn4VTaYYkhGKHACOX0eZiIXnRQc18G/b99ULsvq0uzTwyxO\r\nyT23iocbzMRz0ySRzeHrUnu+EkzSCVJNN1Xds080P2TMMg5v+IK2cPRt7VtG\r\nFTELdK9gTXPPCLYwl8lbnHYBtvLYp9wDXZ/lynBDGVYgTUsvWcRpVMpIh5M8\r\nUsM4soIoevMSYAGGrd1Qn2xsh8F567aEffkWqhcnQWtGAU47GJFgFBaPbyBa\r\n4XLhcaFlfeUYCIF7X+Aqd39MWMNgA+iQy1U=\r\n=TPCQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"59e5b1b6f0b3e7f412c890485615af9a57765cba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022349032","@chakra-ui/hooks":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022349032"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022349032"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022349032_1649062863520_0.9949921433505795","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022349233","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022349233","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3fc0becad0eca212e0e8aae1a44f85ddfcf9d57c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022349233.tgz","fileCount":16,"integrity":"sha512-RWwoxd0u0PxYa4WTt8UXNAqJzxQcEEvQdBhnJhnGK0dMpgiaSVxAtSzjQHJ3KaQJOMbwW77Vx+9ya1bC0C2Fdg==","signatures":[{"sig":"MEQCIFcsuJKzP1vWUNZ9tyhTeAaL3GNm6eHewESBQBxSOtz0AiBIrJ5NjMqS1JXQuvPewTq8Jma5y9yQalMoUDDecTE/Ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGiA/+JoWBWqrgFhKkNT0rK9DAhxlVgn2cqWTWOr8wRTb6hpksRx/F\r\nN77tiNxzrzAsWGH3w6TM013M7ZIYhEU6focY7YYmJvvKiQ7GLDv3k7jxyIdm\r\nTN/rYQPucS1yEg/i4PfBAZHWcOO8f5sppW+wCpDBYqW6HLjFDDd5oBkmimmc\r\n2ejXzEixkQz3sg65F9219lk2EvTQ3TYw736vu3kOSk2kwPSbp/ij2/y2eBqC\r\nxqzKdR3Owjtu3KJfZIm93+vDtNirx4wfB2KYnR1RUmpt53qn3TTJ/pVlG5qi\r\nJxPwW20zdUlZizCG2Nzu2Op4zjMOu7vYarK3qWePCbrOFo3BUz709HqDnZu9\r\ncyZPldkPGDY9HOUl4ynGTg0VfTJp9U7AoJLuzosjuWHvjAij1SprXUm43Uti\r\ncKOlZJ4Fa9Yia6EGdE596u3Iz8DgpwLwppKc/iUNWEWyzSQ92SxJlIjNFxHd\r\nhpEmVwSVqlK0B/WJqEYNObtoZY2MSEkJsWK6b9Fm/dSPwhYxGC2qEV2LEFXw\r\nKNEmzOzHJCSolVjaD6Y8et6z1083q5gw8otHYPbhZ//E1K38IBFkeSHe+Kyx\r\ntkV/fLP+jLg+JCqdh4xNgcB7ZugxAei0Tqpp49F/+6J8gZAXHq2HbWoXmc3M\r\naH35AHfBxsr5+DYHg+sDNvpCw//ufDQO0mw=\r\n=EMsD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"bb5de826e868abd7602b761d42d9d4842072ebc8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022349233","@chakra-ui/hooks":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022349233"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022349233"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022349233_1649062983664_0.20447572511046985","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022349957","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022349957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d80b9488b8cd1bcacf4902af400d782cdb58a1b8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022349957.tgz","fileCount":16,"integrity":"sha512-EDt2hFo1bI8bjAUPZ0XeyeK8fRVs7X86l5KurO/FyJBqatVLJOt/FgvS27ywyHFCsEYuMh8Tce1C6iQrrAGG4Q==","signatures":[{"sig":"MEUCIHVgK02+Xl/qmptWSGbMJ6L41DXpvDotT/4HknuASJWtAiEAjN/+qXyIkhtRxBaDE7OuWhM4AbxFKwOU5ZF0zv684jk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrX8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpe7RAAk7HTZnrC7L5NBLVYa5/W3x00QXPR4F3wPXvKAeiW6hduTerW\r\neaULY82vglvFvEDvrZeMG9uKxPpR5aFczNpwx7G5LHMAsb3RZpLqgK65XM0p\r\nkpxHEL73PPnU8ZcRWI6yMkInDGKqS4MixVMrRxj4CrJUeVVtyxgzvU4gKsS9\r\nnA2Hadyj9J0GNsk5Jm1VyZ6RuwGUK3ycFMXdk3M9+ye8KXl6p+a2CIC/UoS4\r\nfks6IXasR5VB1ykqfke2Wo8lAmPBib6VgvNQtqMO2TyJjBO5BVV6l3rDhEqC\r\nY2hW62yBexDYdrgtuUfqFjnAMXokhnO/F0qHNQXAF8SeXf7BaRQae8aNX4L+\r\n+FNTVcvheVB1crQaN/YnjeiYjEhcF0cC/FcYluLNy3/C8P82Y8KwUa7aq2xY\r\nk21BQ0azRfR2uhFToj+PRAaKL0Ty6ifsORxrsM3MvUvPF+j/davYuj0RynmJ\r\n0ICMixqzEeSuqLgsk6aIDpoAW3PSfTSi3FiTbyQiMfDPd+KaFxmPz4KmN8iA\r\ndgtWNTM8de/P1wSG+Na312afVAOz0E3GATC78Y+T7/Yt26KUZIhNgxujDcQD\r\neRS282AhsQxvx2wvO8ECRz9y5QosNjjE+phtnrs3xduOQjTET88DeB26cQuB\r\nvf94asmnHVoGN62pajdNhvFhCWdfPQTOVKU=\r\n=aGwR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b675d1794da212e0b7b9c98cd275436c299fea56","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022349957","@chakra-ui/hooks":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-2022349957"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-2022349957"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022349957_1649063420297_0.26175912129123335","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20223491859","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20223491859","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5ef6e84c65e143951deefedb712daebfd0204daf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20223491859.tgz","fileCount":16,"integrity":"sha512-ihfBEqrftYJfEeTIyyVhFvbLXjPLjNXT5lL6JLRdxpnh7ktwRuVZpvlhnwlm4/xRoZFicynva5gu9QvrhoTg3Q==","signatures":[{"sig":"MEUCIC4i5zgZFvxEHT7keVu3JgLlLJOwQ9VSNncU8jYvEPurAiEArIAzSswZWahF5Tj+kJGjPA8sNeHzuJoIjoWSJ5zoudw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrghACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqf6g//eqSURzczbkUCX7PyYBExkBilb3dgKGjfZ1EKk3c0O2Hu2AHf\r\nNGfZLv/2oCt6ScgFfQyXNujXTFeIJLnNHiVzxpkL0TFrlrzD7NVjFJI8KYla\r\nK0Of21KGhcK6c2KVxk7S43EElxU/v0P1auXZ6I26mLel1UYak/gs8xl1LaSG\r\nAM1zSyYAU1K7ivc+xkFwFbJn4Io5NXZJkNnGCAC3KAXHPHIUgO5mdI+8Igdf\r\nlXR08zE9voWFtbQYx/jYEDdQ2hRPseTzJC1d8VIXFL04enDRLgJlusOS068T\r\npyZa+iHJFHsqC7S9m89WNhR4zXyaXz4DHHil21zh3XBCDNPCizRxRiouBN5t\r\nxjOOa7OyAQnqEba4pjkQQ4AYGwln4r0WJ581DXjfM0G5Y9w+lOlUhBbIfiZy\r\n+BQqLvddEgQDmoi4HshYaxm8vNyUiGnLdtwKh5X9zVnzxmHJKnDvdtSf8Rj7\r\ntMhwBX9i4cJORLVi0wVSDl5VUSG1dL+CVjq89w5VAdBzSEICa2TCamGfW0Nh\r\noWxWKTFeLzQnSxesqugr8nEMYjDpIlwOe09WUko9kgZh/vTaon8BCmu73nH3\r\n+OydRJmYjvOSwmUqJhoLdkEECRp0ilBtgB6er6ZPLZeDmNtKIVtp4wm7DcEv\r\nSzNDGHmaK6d2qu3pjnrClWSZk2nl4xnfNCM=\r\n=rZHg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in an heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3c59f6d762384c91681999ad247ec202255afdaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223491859","@chakra-ui/hooks":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223491859"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223491859"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20223491859_1649063969036_0.5900964317028625","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20223655213","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20223655213","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"23d1e5b3e4e29c0f9688c24ac25c49b9bff95b2d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20223655213.tgz","fileCount":16,"integrity":"sha512-s74qYVuLvDgFUM3xz+kS9XL/N6+JNOXhoL5siruzcx9fnAlXJbmQmQa2lD9Pi0T5334a9xn0UIbo/Js1AwP8qQ==","signatures":[{"sig":"MEUCIQDOpBSYgk07oMHUgyCMJHwjgPwCrBrhVttQeg1EDdzoLwIgTp2lmfxk9mgLrmN6fbhxhF/Cgc6FbprToUgODcmBr9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqm9BAAoBMtRUEj+5Y+IZZL3qI7FUtpIlGMcqbKU87Wl8uNy0/Zgj63\r\ncK2skKnLkMeSZwUNZhf2qUdYQ9hsTVaFDgdrwLUSL2U7winfwEhj7DCfvmrf\r\nSLHFCuWeYAG1PxWYrFQnp//t6cRH4Jwy40LLsPgOmokisfCydBqDvAzoxh+z\r\nCu3QqyHM6ND4dxm6Un+lhbwBG0IF8NsrOR8trSxQwFCtM+WGgz+fpC6jMcpT\r\nhAjoFDHqz3Mt+/qJy755ropn1MphPnXPGfqxZJ+2mbHmdFcuhGf2GDs7dS9L\r\nZ3eIg7RMr+GmqeQDY8Dkj5HXM8s0DKgkY+UUaDIuJ5PRTLmaBTtbTYgp6ssu\r\nOgUR6ykCkWF0LbAEovpZiA2sCQaxlsk8K3pdmlH0RYUIG/03RURe8dbQiYlS\r\nEUpA2j2NxfaQlcQPDeS5eJl7Z05ovGvSw/g0BQe06ljVfcmtdnTYc4I2kE5g\r\n5pJKXhKY1FAQC4fQylmkSnE0E6kTZKI0ezc5hQHnixVcZPX5MLJeZ2jRNhQV\r\nDeuPllK+wbDTckxtn/alZUv9rA8lx1kwYu9xSDFUic1ViLhx1sEBlq5MNPO7\r\ntI64t7oypOdXzN7ZBriZa9N1ctz+9s+ad5Qw4vK4N9aBawvCdQjl3rGKAdiv\r\neOUJmIiV2CMWEM0pANG1PoyAs+qe8BkQvU8=\r\n=s7tH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fda65880e6bc8182622e73048e9ab5b3722aad11","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223655213","@chakra-ui/hooks":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223655213"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223655213"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20223655213_1649224358694_0.5152922657130938","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202236131344","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202236131344","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"afe695ed77068ebe29f3c25970eab31a3c571a34","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202236131344.tgz","fileCount":16,"integrity":"sha512-4ranYlOFi/n5ZjTfTN45Fm4DOcZxbs7fy/a8Ho0fq/s4924Oe93Q8yXqisWVL5HqTvX+LwPpidybUq0o19n7MQ==","signatures":[{"sig":"MEUCIDrWJOLNREeDw2zQlM0qDRnxpTkj8gntelL5SSHqXs9hAiEA7zgg4yUHBIIgqvE9L3YRryee4/z/OVSxTRH1iYQ53cc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvcBAAgWVdncyOx0FgeVK1YT6fHuhLXlxRvYGpMhZbkEtU33PNJb1k\r\npMtn7YtD4kiKvTbqqy9ySfK6e5II/c7M4KUqcS993ZAdPWjihZjclDqukhDG\r\nWYZ52Ykzrlx4jY6XL0VrPD1gBXCrcLUARsckumrPSMf/0z7l89rbsungsPCB\r\nSro+a+//bPOSqMJ5e8Sj0a4c4HuIQHW/Vh89g4eKKtcpQSeVr3w5ovRSI9bp\r\n+WfP79AgaFcYiustePPFqpE0mPdgR0bQmgAljRFc6BSFU0cX/dNvbnspSohE\r\nrvTnysQPTP5SP18JM/0Z+UpdcfKtHoXvBCA5EApCpRLzrqiGZig76/aF9ujp\r\n3kPFOKs6a5PiM533SO/9yA1ZgNGtqwtGCnDXmbEzFLp8azctjQJ6+vqzc/ws\r\nuVdyEIuIqq1VKZ/V1VvRduGxRKqfOiU3VZ+wWONDfSsTx5HvPgFUaWe3cUi7\r\njKFgLTtCIwlzPwrLmphivoBqLSX+6Ko5Jp55FpC/0I5BtGbnT/Hx7wdhuYUY\r\nnI1Fxn3AYFkECflKfX3mdLKgQO0+WErj6GAKmUxUHglOGxoiIenW3+x0OcJG\r\nijAlo3fu9bymNQd0Wf1+erUiIgt1twPmGQyg1008Vcg3fyZ2U1LJM2QbIwe5\r\nf6lR6QjTUK1FpFUEChOK/u7l9qAf9QZ7mxk=\r\n=Pfcj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"5c3f6cc51ee18b653832d0401687f4bf6d180d3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202236131344","@chakra-ui/hooks":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.7","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202236131344"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202236131344"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202236131344_1649250853304_0.6315163908074779","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202236132312","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202236132312","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6129dd4b316beb68d236f3f1b80306387ce1b61e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202236132312.tgz","fileCount":16,"integrity":"sha512-h98sHoy5NOyGpDPkfH3FMs+kB7BTCcwD3Zrf4qcpM+tzLp2KHDHdsCegvNppSL0MzUjme6EOoNOnjfAvMy7c0A==","signatures":[{"sig":"MEYCIQDsg11xIDMDvZE2ikHerbSGP70gLLIJPmID1WhqUGlThAIhAPcYyjD6yL5rQCDj5yg/roFKO0s78cC50rdQAfZMMzTW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNdQ/9FwBb8dad8K/UXqsoqkzg1Uk+PZtpeubaI6rvwFOlLzf1tMP5\r\nUhJziz0pnZb+NDumsEmg6JYo48ujdeuXqd5MJd3X1sceoO7O3kptLpQ9b6cr\r\nq0hTDMlwcH2neP21DMDO1XbE3wYhL8ycoLRFcSe6iFwqKHPEwOZLiA/kd52f\r\npX1SCtN6vKdVEvOEHmPFQIs1ae1UKRWCl2WoTu4Lpy2Ciy7vNNnTbAXQR1ma\r\nxXgji/PEluyrPib18DLmyT3C93y6KwyjdPZjqF9s+mO3HUG45DefNskkG6gM\r\n+0cXUfW90sWtAq5+qUd7u0LA1YXYefriwmTlm0CMfwohlM00w3N5lo/P9aut\r\n8Lc0zc/w5wUCzm27HzfGvFX2UZmRzdw1vf+RcGOBur0AbjHbMc+uwIL7uOJb\r\njrSN7nSaSnzyhnQqstrKbM3sZENfTqbrJ5f651FL3MlxvptVFGPP1zQgVtK0\r\nGQqNlg2tLMBmjAca5ymtj3VMSsmZc84EGNNzDLD2g2Ex2Rj7S/3v3coDgp9J\r\nnEgAhKb8puFfHPcbPC7N9R2d+g+hQeEhiO+Ff3gGvWCP+qcFywZiHKem5Rg4\r\nst90U8sFj/vjx2f6HBFPNZRbrRcH2zQgek/L2RB4SpM3PyaRgXFtV1jUs6Aq\r\nfrnPh3GkMta8t1METsk9wA1eR2ZnYRNeJfo=\r\n=kxVa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"2d169b1afa4a5d0be13f975518ee5e286b485d1b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202236132312","@chakra-ui/hooks":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"0.0.0-dev-202236132312","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202236132312"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202236132312"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202236132312_1649251416599_0.24734338399064004","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20223614103","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20223614103","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c5bec9a75fb47cda249697a561f682cff80b0591","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20223614103.tgz","fileCount":16,"integrity":"sha512-pGxIibZYZRPaOl6welddxRFHEWpX9Z8zmKvuEV5fL1P36aA4r9o+s8JdbLB73a801z0iRIZ4Lud38z37qpmVfA==","signatures":[{"sig":"MEYCIQD1F5YO1NxhSyYN4jSi0AyUL6FExfSQL+RL6MmsWVUF/gIhAMidSmgZjJWi9kcx8ZIkQhGuF/pZ8tUncuY4smniCPpw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8kA/+M/3pFwfXEPbdp8yn3ONMZuKb6voj2Hu7HQPHB7W3cqdNlqhD\r\nHyuNjw2jaNo9nMAdtNIdc5ZgDCYFgVGHKLURRXK+ndufXQF4yZ+DUgwCKbcS\r\nXTNXExQmytghdPjSBN8JWnjKdeDKSGNY8eMFDbHHEHN2qhco5ANPMi1tayuG\r\nBU1SKn8soG+ONIYLdVnqhE7EOYHpsNZKpxAjzeOmQOzM1+3cQ3Dnw15aqkua\r\nsdgUDpXcMwfS6fb7tg9Y/h295Ml1/EZyXhYwEXF4iR3PmeiBeFUTi2GToOuE\r\nZ+fnU+Atf2t2V80WkPlHYWd5wjAUvi6UdQ3XjjvKiJurRb8YL4nFsizc3wiG\r\nylzTtQVv40FMcN/B/RRdUfTI0kRThX1vCfJmAnt+4E0n7x7r9ZOTHS+mP5jt\r\nKGQW5HO9t3b8GJd5SlHiekg+vY+bwqcdv5hRM4MS24yba6EIZQ5nC8OUCEcU\r\nlt9nYBXcB+yzbgmmwNeCz78SZzHqLvlm1lZ7grCqD8cmEfGvFoTsw96l24u2\r\neg6ay/OMFu9w5n8A0vSVOfgWGASTh5kl0CciXm9FVRSgA4IffB5wTZLSrGp9\r\nRqPtbOOi4b7A2yfkPmxTzUtmseKEIR66M7+47cBTOZbNq4qpki5WRccuEAdy\r\nGxPCs7htl3pwSVsyxhZ/u9ni1xuxhuBX4L4=\r\n=+Xkn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"733fdb4b1af9722336a17cfbdfd906763eee823e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223614103","@chakra-ui/hooks":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"0.0.0-dev-20223614103","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-20223614103"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-20223614103"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20223614103_1649254229464_0.006507287124578154","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202236141416","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202236141416","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"75aecba8bf863413365464e005e5278e306b88a5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202236141416.tgz","fileCount":16,"integrity":"sha512-MxsJXjjc1dc/F9kBbMTdoNvT0ndktRkopfA8L2Immafxu9uWyumtiD9EM5xf1kiKtvjXavcDt+kAJYzJUOpo2g==","signatures":[{"sig":"MEQCIDlwv4lGFpfr51Z4OypUoBoKT8v+0JxdNEmIV0gaS9W6AiAREXJHrR2/hxIkeDChSO9sq1Z7TvQz+HxcSHRGHA8Sag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqaQ//bGYcP+4HeJs5VqUKBmS5JpkgaInFd/eWfAY4Ltu9czs754C2\r\nEwKbkxmG8HHN6roMmwVgd0JKMB+gdMIYjxPwa2d4Gg+QC414w3btY2LAaQXg\r\nXR2jGCCNnghAO8W/XiX4ZJ/APhWhqfTRxmTkQQxs5QV0jBZPL6hEa9BbAmwf\r\nWCNaYht+CJCx230LiL8d7To7W/n9Ov96covY/WxwGfGD2XKKE8uazzibrX11\r\nxkIbAsBcBfQ90jzsrCrgYdIVXTcTr1ys2Pv4YTtWmDpRvZ18jEfIWWGoJH74\r\nSF1cFGzU6BpeLXURYa2zaqf1XdWJ3dmeyZqidmni2fQ89E2/WvPjWn0dZgoT\r\nqlaNCi/tu4WxbgaSM3YOgF3FX/b2jRSGFEyixLkts2Y8lcZE6ErKxqc1LU+2\r\nL3VcBrlpH87GpjJ26CCgFrV04FQAicC/EbMda9RXkIjfDJS4F6iaqE6K21Zw\r\nJsk33mqxjvQSeZ1shlSV68jOys5YHzc1Wpd80G2rPlC0QZNVvZ1PGvK8+bp8\r\ndEMC/fJP8nlmtBmbSlSkRgOyUM9LkT0550Xeb89p1Cvsn3FmLScmfJPGi33z\r\nt/Ii6nShnP1RRDe5T9BLq/lCiEQX3F9t3uZyzJPrdSefav93oKDgeNqtVPOP\r\nxR/+NfWCHwb54/FIwLjRPtiuKs4lQuCq6sI=\r\n=z22Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d7a0761a4d3f34896b32985aa1caceb55473e992","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202236141416","@chakra-ui/hooks":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"0.0.0-dev-202236141416","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"0.0.0-dev-202236141416"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=0.0.0-dev-202236141416"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202236141416_1649254480960_0.5220170736999095","host":"s3://npm-registry-packages"}},"1.4.11":{"name":"@chakra-ui/accordion","version":"1.4.11","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.11","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"31c0f17cd7b7c92f784307b87de73d8a8c4cf9f7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.11.tgz","fileCount":16,"integrity":"sha512-d/gvSgGwcZaJXxXqGmecpAgko/tUYb5vR0E0B2/V/z9AVbS8ei//fbiO9+8Ouyl/K46oWHWYj5vt8iTadlZleg==","signatures":[{"sig":"MEQCIBBdB1QQsQsScf7NE1CoyC3NDnFT2jd3+H+GhmTYv+eRAiAxbmIjQ25eJ+kr0zZKAPILX2xpcfBTTiUnYwoiFqlMXA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8EQ/8CL7pZsSlBcHjqSY+Egqxv8W2G5K1/nyaw9+GYTLoBs7umse0\r\ns4bXEVgA+7WZ6zlTL5+G1Zk8LyvxiVRYroy4RMnD/X+sbDlRnwxIbfTkEmuZ\r\n4hVfiOaFUROmm4LCg0eNtMRxbvhjfXDXzJPGayrzeui6Qo4WV+R4YCRjFmNX\r\nYqaffTqWFXKp5wVzviXBb1E85xpnZPStp43WG7gYLslAgXewTrmqYNtmZIQ5\r\nC1rqEDLcyUpUTGLy8qHu6JcjsqFWI53jqJch02KNEO4M0jq8pmuSwqCzAPKI\r\nU9cG8ae0gYefnb+3erWuFtqTg9VnPmKJgiSJ1MUtnCZOQdcq1U50T3Un9E/o\r\ns/KSgS1tzfzgz5K6zpz/2JRYivzjhmOgp5+6PDUd8nGoyw1TimhdhQY4PvqM\r\nBFfU5lCsuKmYV69z5RC/LRhmx00rqAJgh5V0KsSxwiwd2nF12WXO2T5mydvB\r\nj2D/CNdfnaO5xWdxVYsyCBNWEr86YULnb35NgBpz59TrDqyuriaRxkQFIxh3\r\nR59M7pvL5kiYH3oqD+lk5LDn4AzANdpbAf2zuJ7cechdpuAB1G3KPImnLhuk\r\nG6qASEa5X9NuX8O+4AqpMnbu24AfsAR9ZjTkRipwDLugTy1yxR5eauVlQYNM\r\ndzNPnx5kX1K5ITHf9kcgfyjHb3wtsgEdSrM=\r\n=ajHw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"3b0f3da033aeafdb05582fc5b135499d5637174e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"2.0.5","@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/transition":"1.4.8","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.11_1649345668016_0.017963172045905695","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/accordion","version":"2.0.0-next.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.0-next.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"49ef1ede6efbd173a93cf92b91bbd63356c34118","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.0-next.0.tgz","fileCount":16,"integrity":"sha512-B6TsppTV6XFP9MM5jR+4Zkm1qmS4y4gi9Lu2gMWmVG54X5tndKZdWGxm0Xj+h8QPLnLN8Hw2Gh4ELwCMb6gEZw==","signatures":[{"sig":"MEUCIHm9PBoYh9VT9gKkB1Bt/lqV34I0yIiMFgJVARzK/Sz8AiEA9U3NA4WndeyrR9gAysyEALQLHg+CmJk75XuY05TYx+Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY2iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpgiw/9FYz6e839pmPWNDG7hgnS6whGv3RkCkmXtEBd/HeTBlRie+PJ\r\nMb4Yi1lHJR7vONx8zgT4/RnFSHCt1rYMhGpecB5iQcI8MtRswDUNsq89bJrI\r\noYXncKALIhnpNjTVwqkpfbb8qj9rS0aUh7AtfvEAxrRRFSh/Y/C2WVhT+v8L\r\nFl1Hchq+FRGl02AVHy/P15fRMKxoEn0PF7eeAV3Tarr4VzKqvq/4Spb2O5UK\r\n13e0LKjJSEJrt4NLPN3RvwmQ2C+Vrj9R2l44FtnyWHnD2cBFl7tkO5k9c1sG\r\ndAvPNyJOdCwtH8SsaqQnU+t+0WPcGrNhljtf6MrRwvBQ2Idvb3/flkrnb96Y\r\njdnY0XDEw0zGw6dYB/NIGxxaXl2CpZ42Mwcb0aDHrTUtIIYLBVDTOCcsU/jC\r\nsmoii6BKbLAXUbHSr7Mr+hxmQglbmQYKRFFh1VZ0x59BaSiSRzxcJ8hF8ISC\r\nDH+aGNaPZJm1gOV8p7FSnzzG4uu4tXH30bqw3dNCfmERziwj3ExGvkeMldiD\r\n6cejG81Hvj2oUwgOM8iA/bmRM9rjlpXMcUuRQ6u0g4ebkd6txrRMu8Jl5mqQ\r\n6ORfxnc+lo8llyv3rhjVtRe3kivRp0dYjuwy0eNV3zYerONJdzK5C+3uvQtC\r\nLst0OUOivvwT7UpIKfKk4u/ZfAPGTxyF/pg=\r\n=2YKW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"257811601483bfba6262e723393759399a55c148","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"3.0.0-next.0","@chakra-ui/hooks":"2.0.0-next.0","@chakra-ui/utils":"2.0.0-next.0","@chakra-ui/descendant":"3.0.0-next.0","@chakra-ui/transition":"2.0.0-next.0","@chakra-ui/react-utils":"2.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.0"},"peerDependencies":{"react":">=16.8.6","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.0-next.0_1650036129853_0.9203936567728328","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/accordion","version":"2.0.0-next.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.0-next.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"48686395178a5e1c6f5b017324b38ad194508290","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.0-next.1.tgz","fileCount":16,"integrity":"sha512-ejY5YJn9p9LmVtWD919SIakla/xb0hgdgGokTUIwb5fVfuZqiLF+8bw6ZZVPB+vCB2Z1WsHIiWRq08PBb5NS4A==","signatures":[{"sig":"MEUCIQDGfYDiu7xG0Pv6oScTNx6c2vUpcC8cnQUgq3zEChhjyQIgdlX4eSxSO/R9pPU3gHsjVWJ+kzqcUeKkVsZ5X0El9pA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnnA//UCQSNVgEeQeAwT4GsLX/0FhlTbwJEe7z+YI4gwNn0fyGMEeN\r\n05c4bf8imFy1MdDnpNq+Gk5igrdHIIjaqfo/+lIJt9zTOp9v6t8ACVPDdrZ3\r\nv924XSzIoh+55yyMTAKA65FYoYYMYvef4p1s/JX7bMTlbP00iDChbwA72KY3\r\nRf/Rjr4/c9bD+8X5IBpDZ1CFfk5Xs654KW1dcHz+6q8cIVRq1fCBrpLVfYRS\r\nv8gIKKBHbHH52g8NNp/ydFkHoB/9bDT2kemufQyxUud1t4ij/ET7+7WJhcKv\r\nOcqGJCrplJ+xRhXOWmHKMsJHQFJeuVleQsz8Hcqn19mCkahyCx8kcnKYGvIO\r\nk2bdd2eZY1tLosQLN8hnVERl9hoqstkT++IEb6o/J+zyOeGOVxYtnE5DpG9o\r\nhoLjXDZn0OikQoAAsfv0FcqouoVsX6q4DzOaz6kRXUkq71iwpwkYjJ4lg8RM\r\nc6C4jCSyI2pIujCMkMJJD6D3tASNJS86xaM8dBg7OLB2kbFq/cyucpzBVlGG\r\n4dNArTA3Hu6NjbY6UCpJxX/rApdx/YC5NzbfJlH1HAldFjH4nhJ8TOozVerC\r\n1s98KUWnE09a0kqrGI2JtLU/T4MAd5f9+sKYO0aLL441cSUrMIy1NOFoo3R9\r\net57qQL0AzGo2bFB6dAOmC2Ig2dlNs2g9bo=\r\n=grDn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"d90c04942268b9b586b1ffae3dd3791137716935","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"3.0.0-next.1","@chakra-ui/hooks":"2.0.0-next.1","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/descendant":"3.0.0-next.1","@chakra-ui/transition":"2.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.0-next.1_1650607521552_0.7261110381011355","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/accordion","version":"2.0.0-next.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.0-next.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"29cc257fa45086fc3239e58a46f1f97d70c620f6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.0-next.2.tgz","fileCount":13,"integrity":"sha512-21iw9CNsuVndGTmBBACKI+5ATpT3yPO4aaZCp299jAlqMAbo2yD5NU3ufrRebHqy+iotfZ/IAHJXhLNf0xFURw==","signatures":[{"sig":"MEYCIQDT0RhXyWca/jbJ+TN0wGvoJyZNnKlt3Mtm2ODcTD5LIwIhAKkRjzcyGC53B7wfm5pmSYJ4pf7zk0Itxz/9oshCKRWn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLTg/+MeoyYb8phpbDdr/DTk32D8d53+C1rdzUIx9uoUd5Otgt3irK\r\nh7ImEdoaxCx8hoMLEDdEBdjv31PAYoh/yViY7GyWNrsTchS/5hGg8QWXbafl\r\nNKEX8xsKyDTY1dBbc/dSMBCg/7Cigr7UkUA+6WvW2PNZ1VX8PiDjJYCAa6tw\r\n4A9ROwJrT4RezvPp3b7TLZzANdv0x+NmGw9aXFfbqHQGAsttcpF105F+vUIr\r\naMhU1geZLc+jD66KtpujxwBa7cpeUbX9XiqHAVjg0poUNgnifJwRp3zWoED7\r\nu1+fjOjjCnFH++QZ/6gtfOwo1jdiBhrSmDR2qJOJqTs7HI9EmvAvLY1Bs0ym\r\nAz4z6A6GwxJ8edlrBrTRZyae9HdKZayyT+XPVK4aYLG1Hf1+pE9mu9kYzfMn\r\nFJNJyRycbS2jDr6lRyPXDc4b0szBOQ8KwYLnaxocd3leNtP8ngKDoyD+JrqC\r\nmKLN20JJinJWfRUCMhCjs+F9wD7jreDiwKraz/9OpWtVoTxPIXLnVhxg7UMH\r\n94Us8+hqzI3TbgjMtek0K542ZYLqUozhpMv+GWWEslP0vK7bh9qSJ86Aipcz\r\nx138F+Q/kLJppTuaTijPDEM6zBSky8155wV2CM3V/SN6IzcVY/yebM3UAJ2c\r\nxsDri2Jc0YS63I4wc93CO5fwoj0xubhjRfo=\r\n=8i4D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f868f7862a4206cb6794ac526336fcf4c19f34e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"3.0.0-next.1","@chakra-ui/hooks":"2.0.0-next.2","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/descendant":"3.0.0-next.1","@chakra-ui/transition":"2.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.0-next.2_1651738853647_0.1428997504016878","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/accordion","version":"2.0.0-next.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.0-next.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3d6058c29d08047f24b6f632d13bd0cb73dc0302","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.0-next.3.tgz","fileCount":13,"integrity":"sha512-wvqrO9egRZmOcJ1zShFIUcsF0HLCPZf1/JUEn33aBMTPq62AsVvH7lNrpnDWxTjnIPwXGtYS1dqpt419epCLFw==","signatures":[{"sig":"MEYCIQCJuRogzYyHrWeQxrkYTBvdEhJ1pN/mzLptxhwfxjjbAAIhAJWkZI2708OAsY4mP+T25ygVA5PzFO6/MmmGyV1o1nnD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0ChAAmUbUj3zxIX6DXaBlqgQyX/R8B7orr1mjJ4yDHyuqph0x0xsF\r\nBtKm8v6uh/FFFpp1RBRz0BwnoK+mnKxzaJ2unjb/q63VeNXwZi9nyeGy4ov4\r\no/7tb2UNoyn7LZbKP+7i/J3PT2gIcyP2UXZ+zqDAkJjtJPD0dBgAz+a8cD3n\r\nYxiuHSUrW8h5aLzAPVkkX/Pv7bnGTTEyIMwl+1ywL/Omi/Dz8fkahdHxK8X1\r\nuIOPSrW3n0Vd4JrNXDL+JDRQl/rFPpaamgAwsZvHUJpg+ZC/LkZv+m6FsKn1\r\nl5iVJ8K6ybzTJdyDcIV4qcK+AH3GzDTdAUCk6F5hIVNKbXzPweShq1eCEyYt\r\naZg7DNZSNndw82KXDuBu91qCdQNhpoqwZoUoSMHwg6+GTEl/hO4DpfJo2PjT\r\n8oB27sxG5u2FOtor4iaMI0fK8Qc+kBwswlIEwKycSEtFO6dWufPEQaGK9/tZ\r\nZ3K8WDxXnAztDvqPyRJyIkqjid01eNk/qokrDT/Uaii5szldKI0T/OKrtKDW\r\nCo6uBE5ujEh2cpnlXblnQqS4pWSZPRwwfOCceLNjnqwUKW+w6VmlhydHjz9b\r\nJV1+4NgYE6Otdli6X/WOhyuS0zKDuUayQvTp4FmzlO1bS/5EBjm9jwwhwvUQ\r\nzX2ecn+zZ4LRfwdDj+DliQwfOw/gtODnIbo=\r\n=RB1h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"839e03eb3d949c1f68fc3034456abc050ad2d8e7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0-next.2","@chakra-ui/hooks":"2.0.0-next.3","@chakra-ui/utils":"2.0.0-next.2","@chakra-ui/descendant":"3.0.0-next.2","@chakra-ui/transition":"2.0.0-next.2","@chakra-ui/react-utils":"2.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0-next.4"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.0-next.3_1652085660689_0.949128168173951","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/accordion","version":"2.0.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bee58cb5fd6ec119a389004b5024d97d2b1cf995","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.0.tgz","fileCount":13,"integrity":"sha512-5dPvPX0EvHcoV9eMFnXZwoxdpo0Q/ZIawq0YnCfW/uzC5sxcMsGWc4eYaPD3JKTlvWbCYhhG27GwvrPLunGA4w==","signatures":[{"sig":"MEQCIDszEJUQEYcDqWlnGm+c9wFSTylzv3c4NkbiZ/JNOSj8AiA84WKjyE2WPfTU+DX8pW+KLKehi+fxwtxISRBSQ6uImg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrG2Q/+Im0oIlx/9gsXbfi4joXHK9Mnl1y4SvGJ+/5hdF55ugQNjmzK\r\ntmf+D5i6SPd/amzgHDUigh6Fabd0zhS1u18gFt/Brww93PXjoGbREhlruyBm\r\ntGSPa3AUcaw7R22lSugtG7rD6IP3nbFG/Xq55Jj5YDWA2Ft9A/JHOQ6+1lf0\r\n+3D5kuGra3K9vgQKYjFMuUPqP4yuOx0gV5owRjCRAERetTFhFz3PXnaQI5Tw\r\nzsDLpZILulA4jwOD4ImhuqgIHYI6JYqzxaU+PCeJhwE14feI8kCyOKv9/fW7\r\nnyIt4OPZgDXDiJmOoFZ0dFZZz7CGjqlj6RoRhmJDiSa17BQCNXdG+Y64+MA8\r\npW1gV52luiecg7lxh+5aQXW79AAvKinlqD2aes23PPI+sZrW+SixbVyuORTU\r\nP/QiVLnpETPxqbB6D3ZMHkhTYp73heV3QFsVN/Ulu4ETvTRaEcfDZeB4T3nX\r\no4rPbfxP9SPzxbtyyY8drhP7V2gLUdkWakVtMdem+GsPuOk4aXpVxaYYqkHC\r\nDjpdNIxm4TTrMZfLtr4sQSM5vZsyZhp0X1h2NImXgohWkuw3FSdrDxKOTsUR\r\n4qkC4XHnMkrh4BGBBDqO3WyHe8FilVSRzPQ7iIEWOkVt4LhmuiSiWFAUogYs\r\nJUqufIb2vKr+6CcbBvfg/uth9W4ETCgAsL8=\r\n=fDK5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"48cc749d08853bacaf380a03abce69d428b47022","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.0_1652377928943_0.8511602496217237","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/accordion","version":"0.0.0-next-dev-202241614737","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-next-dev-202241614737","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1320a7ec62acb04fb8b8439fca3a8fbb64040f89","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-next-dev-202241614737.tgz","fileCount":13,"integrity":"sha512-R3VUpiB0rpID56Rv6PXTVOnEByzKia5vLT3mloqo1SndYOlTKHJQGQsUIxr3Dwq0vmu0XDO794s911io3fsD1w==","signatures":[{"sig":"MEYCIQDQCiDhOBNxI1+ZCOJI8iOmBsNAhAEhRNRF/MUBLmJefgIhAL4eM3eL5rRtzt1SkQ1Uweb9OdUdHNLbkDe9E5eegMm9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0/g//U0D7ABcbwaJafSYAA9s/fs2BqUsS0zsGuJ/zBwivutYItbRD\r\nhxlN5YvJHZHDo6gwh6KePHIUkn2+jIW24o0OMYZMSVSSEwpi9UOB3m+yI4BV\r\neD3CVwWJs6WVEJbHocjAUWLll4Vd7brBXyXfp1KFUUbgw1iad7Ij5uwwS6yA\r\nYKOJmtFrTVLQLW+d/VfXVNwggUX/pnwz6/0fzsGschNYZvwkTpJf+T61GQUE\r\nvbMiPhsTltrgoXOvzEWUX28hgl+Wx/n5/fyOoZpKT+QuBR77zvxtVoqWX37T\r\nWDvnlhutG4PYHnEmw1QgwOzRv9DZP44o3t8S4Jw6AU11n1TqmMQ0YSPROnao\r\nP2mxEV5cl9jnbzyoeqAJ7yd4kWQFnB7LyfxThekC8ZD5ZeVG2TNibB7wrMRx\r\nAzetn+UHURm6RgP7Hx5jQl+McGpYZ4XfIUqJTGjkb2BplvDjDOpgZBtArujM\r\nT2Yq0EEUa2skYW6Pf4mzZ2s8ykN8lFf9gGdb0GhKegAbhf1rYj7GTW11kIeZ\r\n01r1qgHEXH1jArJQUUWAGjQAvJtDJTumWyQZc8/Kup8mgt7RdBWQf9+84J44\r\nwaS4wlxEbIhip0MZ2kXakx9tkf9/wWarViGpbR9GGdbgfMkwdPMRf5Lw5zZG\r\n9mGmZ2rp4E6LyGFem7a4IBjg+7F5ia0mW2E=\r\n=sD24\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-next-dev-202241614737","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-next-dev-202241614737"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-next-dev-202241614737"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-next-dev-202241614737_1652710080279_0.28929788274689683","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202241614743","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202241614743","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"09980fb6b9c61d5f0d68a1c10e5684aecf7ca19b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202241614743.tgz","fileCount":13,"integrity":"sha512-rHFAiRGiY7MI/vnzp9CkzXQ+osoZnbV1bunkgOgYP/0j6meHhs52zhalnsIj8d1asJBc8lV7cmLVAo5vl9J0Aw==","signatures":[{"sig":"MEUCIQChO3ANmKPTSlEolh+fuyc4sv+EyhQx7UCMt2FzSfSoGgIgSkhHHFmO2/1wFuT1rQZnpS4NgN/ZU1RMhrWrCaKLW1U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrymQ/9FaqG+W/mb31pJCr3lEI3IwGF8K4AHZfsKdTQyscGZI+WoGhu\r\nppAPwARNA5LFtDGh6HhN4zZFR9eFq2cdSdGl9CR9RYh/8eyfz5QfvW0ontdV\r\nxZLK2hWJIgyjAN+BkmxzZwvGTWUXAjA1aHgsim04Hi/IikQYS8jOctEBd46+\r\n/JMrvmyuQj40DGQovSxwHDUnWpw7CaMcw4agj0lGa4D2O+0vc575ZM1PmkS4\r\ny7DXeNTmn2YVl1xFGVStCfoTIA5zgT7Q8hHC1ZGZ6sjer2Zx0oooTdJUDjqc\r\nKeo+PjdXdLqnpbwi+2vA+QTQChQjmaLl3yJGbJVl0EYZt3AB2vVb8tI0i2Tt\r\nvb3tNZqjUFTMyM9KWo9b02Bw9w4hkj/7jc3q2TxTW19pDIlTFdhm96r45BV4\r\nqqz+MC+7S8lDHJxJa86KUZmFEUyJB5TMTc5/aLaE/TeSEKZQohdCLYL6kYIY\r\n9FJMraGFPBbQsWubmbCtl62tDRZ96eP4AIpsShebE6Jomn9KnPIW2pr5XiwM\r\nBpni/Gl2SnTBsWSZDSBa1kE3uqVg028XnBPEXTgjzBm+L1ZOP0wJulrK3Ejh\r\nF4Q+llr1jHS2LyuuV9F3GzXpM3bOSJ1jnG6eM0iLcg+wXQgCCkqupzuvVBWz\r\nyHUmNmHvOpwNfpJapwQX4+J/bYKj3vwdddI=\r\n=fqKJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241614743","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241614743"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241614743"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202241614743_1652710087081_0.14670979626365543","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022416204849","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022416204849","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b1227b21468d2eae47322814afb86bb609ee898d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022416204849.tgz","fileCount":13,"integrity":"sha512-j0BI7AVykscQjEsmIPj2J80nqj72PnzmYOiPnjqY9kAs4dRtJHiiUB7yAFTHzLRTzLDgMMczC5fR1qfD/PSJaA==","signatures":[{"sig":"MEQCIDLgmQipaeVb85hCO4jKILhPHyeUXxOsOdjF7yYeNl7xAiAiv13ZfmvKP2abdD6Uu5QjcMiYM+EIVtCOqg4e1PQhKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmWQ//a28HcF4dc8DArvtyueEUwOesdjsg/RBq5rwWu7pvHxPG8l9U\r\n7XA0wG1PAnLF3jWDRP3mIL6GYIeY9vQts9WcdEj1gZuPAKBD9N4I78OXcvqO\r\n8d20CYyvW944JrgyiRsDIbyEMvkNeZ2rA7KuTK/G4Cas9+/y7X73A7EHPssA\r\nMOYod5RX/Dah/cWyYQEdEDUVF0MWB1Q03f3nBy5G7QyUpBJaAKF6sNE2UuQU\r\n/YhBaRomGto+2zdef3Pp2IjZMZ/Ymo5/3ErRJryo8d7n8paSCv6aY4PSUpAW\r\n109NW0nADoIq2xziRxao8+H+nHcXEOg3H4XesXzdQvfNniYNuVTSTUr9n18f\r\ndUtBKPATsueA0t1tgbUqbDYHM4njbxdVmwN2tsgfljcKllhj7Ljn9/zvtBj1\r\n3ib8ItWqiTTykjNUy5N+ATLE8ftoLxhQePz/PG2Qj0HlvZ/3kDsXQZWiB9KO\r\nRKaSOrr02IPZ3+B5xTUIuAHOnzgZfkZ6kWjPMKTONZ9oB03JeuoJFj/HGUyf\r\nwoCukSRQ787wFC9WFAUcv7DkpM6CTNbj3IBETlp6UC47OJny2efBNyfg2bB9\r\nMK0qhX6mTvVI4CggcaKbgUJ/5LFcdsforVVS27bVlQBFpbMTyOef+dqJ1NAY\r\n1OnZo2/Wbs7wtlL38hzUN60Fa0Me4aKVWE4=\r\n=/Ffq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b6e8ae69f1ee9c566d9a7c99308c18020f96feac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022416204849","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022416204849"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022416204849"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022416204849_1652734151602_0.8802116172067302","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202241784047","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202241784047","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c4fc21b1165c7e83e0cc16c8dd2649e6e8e74c50","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202241784047.tgz","fileCount":13,"integrity":"sha512-GNtX7EuM+crZ3PIKABmRs1vRtrWlFXS3P3hig7gm/KQggvnHpl2qUFCx6vx1yaMCy51OrSCO487YXMISq5Ly+Q==","signatures":[{"sig":"MEYCIQDffXLfsPn6UZ6PETd6zq4XkmKV1cp3qEa/ZV1q92+wtQIhAIpqc/yIHpXQ0fMFFHRAgXUPra0j7Q6JkZGxWGLzD6H8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr25A/+KpBxeJw1sHjI4xCV2P0vbJ7AEx2qoLrOes1o/aXzAS915nML\r\nAPIlX1n8GQJTboPI3ygin9Kj8Tmia4IB4Ehg+ePIEbjZZWWPC/9N6CI9tF/Q\r\nhw+OMXVMJd344HXUHS0CbAyUM+t90JHyAUVNYiQo1NqS1tUI8VfwZqryjydR\r\noY/TwGXTkdzc/D8VP3ul9dnPWXprBbE8WIB5x2Y283/bUSGKsJYQx1LLUjL2\r\nAmQJajOyFBd/toBQaoRPuP+46a9oVZcQpVi/8/2FS4KS/61sCsO4wFzmwvRw\r\n84lfS+5tRQGkgj0eIwZJgzD5UiSbDIT7zmNIYYCMQedwt/Dt9jMJD0dMYOTD\r\nV5ogWi/YQPKGArnVhpTXpO6Ml40Xv5yKlAwtr6eyITwGdwEefWSYBo7YDAG0\r\nqiGINqIKg9wvKI2f380Jmwj56uCGE6t9kJh9KO+o+dHhDtUC+uvu6vVmRKo1\r\nfxzEp1YUfnRKZJZOWyYxkJK1dczHxxqkJH+SYFdYVRtuVVe9+ntidKKSIVAN\r\nSPyUzCNUgAq9Q+2Dm7WHB5y+e06ckFJ0pNPrC/YlY3D2AwQTanHg9RWX8RCa\r\n1R2D5nHcrQ3CdWcWT3pqDT4snBTu0aTRn+sMT/kSfXqSEjdc2sCLjYNiUnGH\r\n3eu+TruP156VTq1PbAGUSPvJiZR5weL4ytI=\r\n=ek0E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4f2807e4195f5a7de1ad9946540fba8590ac42da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241784047","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241784047"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241784047"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202241784047_1652776871977_0.06190774298375268","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202241794553","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202241794553","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"31368d6fc7098d25d8eab2eef83cfde3d2514973","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202241794553.tgz","fileCount":13,"integrity":"sha512-y3neIzihBeo9yrD9HFHAyhKscwzNdn5ovZTryizKWcnvp+YFUDl/6TVa5gn+DOdQvMEEyK2GgRSsBtS2pjV4Vg==","signatures":[{"sig":"MEUCIQClKSYjZpC/zpDr31BZST2QvpSQUpjhCxfkeOqoiCnapAIgSZTuZe3BpdnV/Y+v2JKpG9alauH2qyLv0biqfSpGI7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoI/g/9G8d0m1VddDWTJFp7hgCQ/VLcpVrHUivl/vOG52byWsLymwfH\r\n5l4a9NLg3mOilKMSUyeEWE/U5nKD19afeAGEMRcwYr2WfTnBg6dxoQcd6w23\r\nHnpEIqoYM8hhxhPPkUYOcqAYcUnl1AirMC3+B6wk9JMIF86IFmevT4W2ES1U\r\nE8OOPDfv38GRC+JiaHCtaGcFEYWLkjbFfQOszdQ1N4eARVCCNdnwLgTjiRao\r\nkFFOLAbEaZsg9udnuGIvu5BkAKBrd0p+4C813xPGpVQI/9Pqlond/GBO01Pi\r\np0JGrwAJv/w28WVRgoAdLjgcQV9QjBG45NOPGZ9II535T3Y7LQA080zwpqWQ\r\nwTQ7LOY2vL1Ql0kQXhotSVX5I+sdbj11kFYaW8v+NqziyjIhtY8XrFcCQwIs\r\n/zgYcz2ynIGLo5NT8AV4Kc0LWzSPpOXDkHzsUS8fm+y/uD6RDSYWQMoJR/MW\r\ndYIWwAbkR3iKPEmz/Mj7EehNtYnih0iYVnSrMedWFY7S38ZwiCeBtrj8N7/Z\r\nmCBxXBcVk12rIIl+I64qFH329onQ4hK4hgTrU02olbwPM3BYauJX0mhmXRWC\r\nOHIsQaSb6EAO7YLytAlZSCP+gFaURmVE/vVJEQ2MES6qDx875wfc7oVTqnKf\r\nFxUHqLQ+JrcIwcJWlISea4lmVNEj41rFqYw=\r\n=Cs2J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"05f922f2fada732f04d93e13bd53434805f4d619","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241794553","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241794553"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241794553"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202241794553_1652780774745_0.7400461306539625","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202241710143","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202241710143","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"781a21013c140e00b2dacb2c898dec6155a44318","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202241710143.tgz","fileCount":13,"integrity":"sha512-kAKz3Q3jMucM56W+EG/X5TXCwlMbdw322i9nI6K7Z+uTQRbLHVINv7kiFkXdMdErmtUhrpWVW4XUe5w2LmIWCw==","signatures":[{"sig":"MEUCIQDSYTSBwEeLX/d+YEafHW3JPdJJTI+4rnIky1uetcUg3AIgbee4xbuBioeWAERN8XyUCepZqsqIfzgQ1WZE+rxwR0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGiw//eQh/hyWCtHzPkQSCevCuU9KdB+47LXEgOxzSsBitmGlr3LGf\r\n30Qg1fDwv2VEhvOpHBt6qrYL7oER5RwkYGGNi05xk+UtRpQoLx6L3DgGnVgo\r\nlqF0IKMxeMlqUvdrTiQO5XOHIR728rPsMc4roUp/FFJ093KZOX5WA1EnMhvc\r\nfjxs3a5HnO3yyCvnxyIYn9S3sdLPncHahM3XmknZl04e3YLg23Lpnu2aKWhp\r\nlYve+gp0hhf3QhFdL9oe3GiKOo7FvAKkzeEVRm6u7ANtW/mrBkyXYfDTtIkE\r\nhkONaTa6h04yuVjBRpAf4M6cBHCpIswzXWpZJN480s94ief0lWff6pPa+4Tp\r\n93WUOsGVlBYcVADteVrSuUpBRN4b4jln+cuN+kaauxApwgub/MoVL9m8+JvG\r\nt+BWpLnr9viPLH0ZYelVrYPeUucX1mJdQPoQzSVFq07W7zzOR9Suy7ibjtku\r\nTVvWJP+4uY/WmQEzr5Ju7R6423SSTDa/if7iHJ4Cb6IyqbWbr4dU3xllC4gj\r\nIjrNLYBsZ40NWVS/hk1hEarqTkrITRpVCbigOHXLeUUfQ/4Wng0NRL61jamv\r\n7kLg3Kk2FiN4VQTiwFg5EsR81nQOHtVMRtGwEv9/Dvzi4zDKzrnDMI4HMRbp\r\n9VY5z2luvvzrX7/IgwjKvo4809/ZsPngU3Q=\r\n=QF08\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7eaf538a4db9e168408e114f80a2c2898cf4fd47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241710143","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241710143"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241710143"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202241710143_1652781725058_0.2481131813466111","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202241710959","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202241710959","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"625ab6e082f67bdf1a16326d4cbd8c2e901707ba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202241710959.tgz","fileCount":13,"integrity":"sha512-GCh0HqgH0I9/sl+K8plxBFE1bmsn8R08flDFr6Gxn/iZrZ+u46rQq3Hb0j3D6/UM3Y3Ku64qsBgWRJL+9GP5dg==","signatures":[{"sig":"MEUCIHgn3yBYnnXILQMj4lA+BaYeYV+wDPodz5qcWgQmy8BgAiEA7IA3goVYpqW7VVDnLAH1ldsFz5XPIKczawIoVU9FeDQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1tQ/+IuvlFjycKCFDmkJINpmwJk2rXnuqUmg8qlz9aMVy3rGXKhCu\r\n2Z/M1nT9S5Hx6JGHFjwD6zwXgqy5vDK8FD1/bbbiDw2csy4tbUDgJuNSx3RS\r\n3nE91Ge/aJJ0euCUroPLBsCY9QdWy2Pa9Fj3Pi1WcS1+2EZuGWOnVsqT/3wp\r\ncV3AQ972D4orWxcuQTerkNP+Tb6uonFZzipZ7WstmrrzqkvN9KQR0YqML+gL\r\nlOvgNjxd3fWPxOx5r9X7ogTJH/W7ORCqbUUXFiuVzgeM4yRzRzu4fHf+9dla\r\n7eKhAZCQhPZDor2QbRqx7EM/kmYYosP9y7sk0LK8i+csAKHq5NQpdcmDCKFe\r\nJjERJQM5ncveYGRleG05BK/HeaM6SiNUX6ig5rlBPkcpSCI2DkW6koDbOSOF\r\nhEDJa3+ZjeHSwXvku826BrFkImCyVr5Oz2gD2aR+eW5R8Mm+t5L0WVxnUPMD\r\nvPWdNVHs0/YAsQ9n5JH5O+mLXEjitio8TxMdMoQF1+B2DP80ieQGw37S185W\r\n2rl9+Cvg0Qaw5VR0PrRfKgpT7aiHjisT8ZCwi6mxgJOg6DXpD5fSYOZ08Coe\r\n5geulo+Y8epOF6YyLfXDzrvV32RkZvGoiQnb1bTPPcW/07TNx5b7UrJWTNIa\r\n2TcJ3qTaxsgGqOtJoGCVjahsIZdCEDDJf1I=\r\n=L4Zs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"393ca5b165fc46e23afd90a898256a0cc3e97731","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241710959","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241710959"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241710959"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202241710959_1652782222033_0.47496042843346764","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202241716586","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202241716586","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e2c7f18e9a74fd5c81cb63a8fb94e0400fc1cc72","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202241716586.tgz","fileCount":13,"integrity":"sha512-zbFsPS9t4HJk++ziqUupa3Luhwm4Jd7L2JZKZT4U8Wn+G0AlpTDJEfvf/PW9WTkAqVx0ir7ADp45tH1f+3oXLw==","signatures":[{"sig":"MEUCIQDBcyYWPMrBovNCsHiR78Hh+6YPkRhwX+Tkgg8JPTHcmgIgUH7ridsfwbsq2FwFRPHx9pKM1AeXf0O+PTCiMe4QGxw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAww//d4UR273wV6GomCeQbWMwi3mqoq6qI+b9DNpBVAclPvbsZoV5\r\ncafplPxQW31I//AO9k9Yd9KbBNU987P/el1QSJ3Iqp/Blolc3B2/OjXxrcPD\r\nwUuISIhANc04/WWUaxFiRIWQEhPra8iTfZRFOWSByJf92Nti+j3cEeNOS2Nc\r\n3QalrVtiY8Dkr4G5zkcZwZ5jbFru9/bhcTqCqCLasrI+c3Bpm+ciTi85FXlM\r\ng3uicQtQj5Imfd+BXM+BC3rwCYg5bQG4T83pKaq0CE9thod+L8VGQgq1S+/S\r\nAbhHF9bjBrtpgzL2wpZ1y0p2FoAwjHigC5MA5hW+TSh08jpc+1k27wZZZ5II\r\nimpf5ww2UfFUiw2yhMYnCy2kwmM5YprthuZVRjCHawSzVDaRke9CFZEHEAIl\r\nBiTffXdJbpHV9nPrOaPdKYWJbG9R7hLR2sW0DYavW3T/qMNhRFhAUGTLV6Uo\r\ngsBL2zmbTt5E9Z6JcmDVfUy+dD4lIZZiHNhokd3a3X50VlREshGnrk2gvwb1\r\nPA5KEKaVy1ruTWhZ0IiIKcCx/4PeIGjat1zeWyhaZJv8hJdAQJdHl3cT/Zzx\r\nGStdxiIm6I3+rcDmSAep0qpdUxGc/Tm0GCu4YvzdE6MGYHWj+CZnIusKqkUA\r\n7RwGPWTB9+ZPJ6RoWRL2OIo9L9Vxo/4djmY=\r\n=cJqC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a9727167c9529f5512717ccf162fdeefe37c5d8f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241716586","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202241716586"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202241716586"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202241716586_1652806707981_0.06498382777907197","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022418165624":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022418165624","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022418165624","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dec04c6397215489ed824e2a90813b2d276a91b1","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022418165624.tgz","fileCount":13,"integrity":"sha512-ysDKmTkh/Hr13k8TGxm3lJbRwPRbeoP+CDkJdPUzNPwkzJrmc9ag+gH01Mpeiov5xrBS9uE3Yzf1jyf0CNfx1w==","signatures":[{"sig":"MEUCIQC2hwvSSZB0N2ymSbQlJw1uq1M/k7Owbf5ZUrmQyWaXPgIgEdlFzJ3PJ3K9KzPuxO5rzMVbULCoipfKhAlpxhMcxRE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihSVNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnUA//e04lxhW/BBsDixZLEdYiE5ONtrbX9JGPFjeMqk0ntUHU69KU\r\noeMCwGYPTAPTrBctmTh1rDgQmyFV1uUfJ9ba7tiQDAB8566rfIXx1wHXbqOh\r\nMMxxMuUadsLor2kPsQlKoiSHy0x6SL/3GOfvCrZlnPkCNASOUO4RdErvqUGc\r\nRzaVy3CpLWbWfbxEsrJLGAG98DoU/OYxdRi1diOkeMIU5GGRH+nBGWpXBdMU\r\ntfVWZVior5C0sq4+s7F8G8SgsLIe+S0uJ95k4wBzUO+Ano1IYFBwYKzRhpne\r\nI2xR0NzUBkiqigx+ZocbzDptSrnXHoPzTKMrfHezkKLuiMiv3EMwaNP1+KN7\r\njQYeYNB6R1uQeOsHoJgMXHwQBtB2xB5VdozY1w/PfuNwb1pzj9/O164YlY0i\r\nqZDDiXq0djpFLtqt/HK4igz73LDnp2tYy5CyzaEvXRUpRIQy/Pm4YbeAlVcE\r\ndqYJ5rviobCFH1xmQkxI6TrOXUJItudwp3SvCT39OAFApZmxv9DtbTNanued\r\nsMdbU5qOiJfDKoHxXX21GuxD8RCNAh96mhJHvVJgoc+JyyzHH/p0TIRrJ9d3\r\nsopxkInN4tKGCrW/BD7VRtackaWzhJejVW+LPfiSWxWubUYoWjvawSIo+CTZ\r\nBMGglkE97KYQvgiD6F38FCk0r1t+d0qQgVY=\r\n=SpJO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4b76f24afbef9f191988cf6a046e7374639fb89a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022418165624","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022418165624_1652893005652_0.008096502696355756","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022418173331":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022418173331","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022418173331","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5b9510dd8f1f55e1f157af1970b4d019ce3972c2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022418173331.tgz","fileCount":13,"integrity":"sha512-euoCx61+vKOPGGCu0oFNYdvm5ynlQHD1H9LXQhT+BLAboCr/LU/ZhDWnbA/yS0IN0ZKeKsHeK69kWdBtNYr2gA==","signatures":[{"sig":"MEQCIDrPLLshKnQeWAA+YPpZn3Y/PyvmNHikjy9rzC5MZhEuAiBWNyu9Ytcn9vhCEqn60XNPBGgzaIX4rMEfyhwDhp/51Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihS4BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoevA/9GgfK5KWVgRWezwPiRVjh4oeSMqFmzY++GmFpyNuQtCptfU8v\r\nDfI2vqa9wcXKLsnctoCri/dlA3/WEERCEExGjeiowKZGraG2mCiC1YnDKR+S\r\nNR4b0SqwNEoVOwFRHh1S5pnjTWHWcK4RMUoW+XnF39luNuC98yOp87ZAz9xs\r\n1I6EbEfaZYOYLQ5kQTW2pvZw/SoBOHQLxj8StFKIpaqsZyMNk1VGGx8YA/O8\r\nUrmp5XArwfGm6gNoRbPqKWwOIrChQzx4W7wPUQCPEFboq8D6xp89YLbqLGvi\r\nWvFnLQmD0Gc9Ev4bhuFlEEm7G15fZcEc/0MfkLEAANoCNRX0xiTBQ8fAPl2f\r\nRsGTxIAlsXOpSlfphHyXwslikmpxjpowtJRrJUZMVNPCUvYx0qs/5+D1U8u3\r\nIAxsKsEeTJhoPc4h8yU9nhrVs4Qb/aEtRMIILN51lEbqLgzv5N7+PWXCuUsu\r\njyk2wyKGodQR7hRnRA0UZl2Jzm+wuwnXV3tQPolbHjVvZkngO9JkT61Udw/e\r\n83P+p+jQdxx6tXjhWOmuUwczorkdKNvU5JjHD88D4PSOgrvY16H3HmSI/ye5\r\nHNDhgteJxVdg8KeWQfWjvbtMrIrGgqRj1CMGcaZtgWevjqKFp9bvs5eQN5Qm\r\niOFdcul9/wuA8Z8gfZzgM+rxULm5pr6YmK4=\r\n=1685\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"427b5c97134a6f4e621491d124e765237293ecba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022418173331","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022418173331_1652895233519_0.19907618778748049","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022419101754","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022419101754","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c00e48c486fc5e6f4362902a936983c7c280e17","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022419101754.tgz","fileCount":13,"integrity":"sha512-aZtJBFCU1Wpoi4t+6f1zy7NZAjRXRGk6G6kDcmBMA0g4NGKzTp5TYNcFtZ9pO/MEK26ZdPOTppNaLkQS9bbgBw==","signatures":[{"sig":"MEUCIAuxHOsmWr4EDB9kbX1Kffnb+I5msoKot82xSF5A6gcjAiEAiwy0Izp2IZzLekqGQNHCf/nq53BZFthbWjM8PQXDcfw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhluACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt/A/9E0HdYALLPQUuj+NmShL+KejHfS5TS6XDiF2KsV2jrFA3VqTA\r\ne1kdEnVOldHJamqSTnlnzn2/sfVnRQU4JC/cgvSZM38ZBM20bXZxCfQSxNGr\r\nlE+mVu4ewU1DXa5MdD4GVY1wqbfZs2fn1WmLZ4xAQ5slR77vKnNLY84pDdur\r\n1SYEBC+5zFfoIVE4Ye+Sfzz79jxAXy3ao8OdcegK3is0/2xYnwU57bOY/3lq\r\nGWlKD4OfyHrgPTm28RL4qfAJL7Bm/OVayeAth20QmUnJcooVDUxdx6gKnfnA\r\nLYDisy8d2EIh8FDT+OuZCoR0U3JaQjgSh/yjv2m7VFcw7+qzica2cjU31dWn\r\nUOuBr8h/Ytj/fOT8b+h0y2MWMX8IrDUbidUp1Wu6/kM1G8vLEtSeZVMolEvQ\r\nqb9MGWLbgWsrBG3YgmRM4qZzpoaLZdJ7wnUT9YqOkA3t/QlT1zHLKVnI52Di\r\nBaukBPjsZiaZJmVRtIWkKNBuyG40BybkCsZDv1uAzguJoPrXswy2aNBXYX5d\r\nZo1Sj+3/PWLiamF6rIbp8HUpI85/poD+dlLiQdwUW+iLFsj3SsCUw0PZ20aH\r\nsc0JByuj4MK2j2aGWRhWHd0m8Qo0JJCXeazdTlJXRT3/f6yL0cY7v5fEa9u1\r\n4oN7WWafb1c8phBzZENQUHZsCn+urTy28hw=\r\n=U1jm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"55c87cd62acb01bf7a74d75af24cdf8a091dc1a6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022419101754","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022419101754","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022419101754"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022419101754"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022419101754_1652955502261_0.356355254854688","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022419173934","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022419173934","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7bf0c18f1de2a80b4b58ad05d8d8922ba917a562","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022419173934.tgz","fileCount":13,"integrity":"sha512-oV8A6rrkCbVg0MTmCEXWIEQE5gwpYNbCd2qSuZ5ch4rY41uqELhou8fEJo/gLK3m529Sa5Xgk8zCyUYrmLKiKA==","signatures":[{"sig":"MEUCIQC8Y3v8hCEKPo6FX5v4w0+Jp+7ixbSZqBEkkdrOsuEESwIgDQO0vY5FnaE1xHez8PXbNxy8RAG0tEjLhqZCU83BXLo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoDtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLBQ/6Ah6tvqDTRGKiPUt4Kyykz6hEgnpdArYqttIub79oW5xRfnEW\r\nPdNpUz7EudA55vvAr8sNw0Jyq/KIlbuUVJEmCgAsr2GuYi8S/VGFFvkGaz7j\r\n7qQ+7cqqHBC9EAzT52gJA+AsDase7HdNEyUh9d0NFsEMbGmZEiXCIQcdGwsx\r\nVaAhMZWOwBG+LHikSevMPJPsrJeAHI2YJcSnTGT5kgid2U4r7ufwjwglcYrm\r\noH8z47+oTXuC2fcbHxoeCUOORJau5Y4JPhALF76o3dwr3xKgKjHtQWweUS7+\r\nmeTmEkpSoCwDauLZ8Al/99zYVfel4bPoeTz6vDbWCZh+EJaSVFJUuWdVSYtC\r\nWg8CHzBkx/qfYiUkIe8Mb/lesrywJWwVPgJCALJsisqPgDsqMuIJIh6NQdL4\r\njYZq4e6nnoWpYnEcR495LPEr4zcJLhFyLalVX/p9rn0JCZLvlVsSTnD6fE2D\r\n4x6P14HH7/u4EZaze3BKqgV5/mGm7ydAoj9cL38XJBWoXrfXNUL8i25zAbQx\r\nmKWXKD3bSV037tKzNk7HtVIvkMQvGZIgJEVcU8Q+4rgX0pUYIJ8q7A+hLvBc\r\nTx48Tj9LAvXFnQINgDmweF9t8FuNqDfxJmtD6kgwcI29xidsUv2WhMMKpP8W\r\n88swX4uDXMs0WBwTmxdShTAVlLtJoDTNmcY=\r\n=ZpF9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1e1503f48905bcd4c0a1b5767679246c1a03db1a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022419173934","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022419173934","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022419173934"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022419173934"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022419173934_1652981997318_0.3244811577916762","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022419174740","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022419174740","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"797d13c7c5885e253feaef508a4fa76d21ccee30","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022419174740.tgz","fileCount":13,"integrity":"sha512-ZZbKCWAAd98zte/SKAfMfmnSeD4eylN6I2jOgPpfXDGa37iSKUSVsi9lU/sUjlF2F/1UsrHeesFXyH0C+FiXoQ==","signatures":[{"sig":"MEUCIFF2hQ2AMPaSWxqoRDZD3ca7EHcJsw3767gZUou7pG1KAiEAjzPUdeKEcRrJDcn17vEekggTK2crWuKqInOr2I+NJ5s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrd6A//clT8bSseVhpEZc5PlqSmC9KJxxrkbJaOY5d1vPJ+lbMGrH22\r\n9w8ginEvnuR5Ik7DA1Jb4cj5wnoZtxtVoAFHc6WRfcDiVxMGcc59u2GO1xq8\r\n3fc+xSzp9nKSIqRWI163Mrk1JFw+GEWsAOiI4ckvcsZrJRWdu3BsSZA4VRsT\r\nNSWAfH2jVIcbuS89NLVcSLW+z/6eqma49uj2lW+B2eMGh8geYzpnCJWOUkTe\r\npMm83ktipBYU6UTnsRgDnIj2vu9ieMKCU8TOy3Jo8TMB+N/8BkxwIcpbhfXT\r\nmKLTZBnLnBwAhaiggkK7ohKH+E973doxrbxRfG0cld7coSXjhIlx/MbwWCK2\r\nyzdSB/wOzk0p3q5hRUp1whLYCCbr4w3cKZ/cAEidNzyQQER+E58AXKPUIG3F\r\nGoC/YLDftmAQhaSOBeavwPPqkoOma6M952RU4Bn8XKyjZzydGuh40ZG2TsIw\r\nt4Ycrzw1S8WrESN0Oa+5jOYCXlzzJIG7JH/6zXPhLCXdgwqQDP+g0LxJ+XgC\r\naSIB02tsPFUdNucg+03rWQOb0Vv9Kr2kMFORoxqDU2HV034+PRCtzurtbA0m\r\nmcj1OHJIFcH3kjirjj7BXgmWlwidJ5N5HA6g7XYyY34x9KIRNIQE0GeFiGEA\r\nkG6HTIz0pC/13EfakaKUbCXGkQHN+0voAzA=\r\n=8KuQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6f23780c03750a1b70d8c855c7058d2b9958b6c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022419174740","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022419174740","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022419174740"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022419174740"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022419174740_1652982485025_0.01169875162119327","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20224205231","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20224205231","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d9652c6df3545332eac3c51053d4c02ca06a686b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20224205231.tgz","fileCount":13,"integrity":"sha512-EuiasZ1Gf8obzJl1Tx/qazodM0mRKHF46+jADR/V4HPkHT+JvoM72+n8t/Gu8/O52taom8C8q12kJX3hQYSPMQ==","signatures":[{"sig":"MEQCIGtqWq6Pdp6/qckWz2mqC1EN9ldHSbFocqM52M1SnjMbAiBF8hTarxbq6tF1JrGTFz801lZxqJ1yhwcSC/rqmwJSAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71989,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdTQ//VkUw7lPDG2+xOjaOGQb2BvnDWgSPSXz1xUuuoRxetqRE3ErL\r\nb1vb+Nc48MfBeuH9trrl53uNYQIvbK7HYK7W2sdp0TVrTKcGBC3kKcaQiIVP\r\nh4kGf0KC2S2tibsI/jlI70rG031+i3Y3r/yMp2WX8iLQAXt/OtjP/5uuER9b\r\nDHDHc3fuFZIumc8pVCXZ/rCCwpFvKQOMa8qQmC63sAoVu12rOK4DmoU3dkYE\r\nbdWyE2s16dK6xRVKY+/1W4qksd2+r+0ssPCuvEXYQd5B3n4sbyPCsPbUbTYZ\r\nXfRHjQWG0ku7J+r4Y7UuPZXvA6EkXYVMmBVHnkQkHRzM70pf4H7tTmTx52vz\r\nHK50PUiR3VmBSLJGEWjPjOLRR+dNMxAJV64kbe9tBz5kYKLZg+A2oXQ8y8QD\r\nwpsXwX8hbxE/OPlqpSyPpNWc7+3GMPq1FS40fJ60KlUk9uhgDkUjqhY4azCC\r\nPYniXhL6lQf2BrYiPrByjGmaIi/XnGDIRjbebWPLMqabdG4gYopT32ZikCs3\r\nGP7Z8+fqN5G6EpDbWi4NFRa6qnG1ZDLt6ToEQ5Zquro/6OVZyqAJt+Nl5xF+\r\n9HzcCuG5qu9I42RIMrMOCKvYCgFF1l11o9k+YMqO3fHN6/k5xHJ4ny3Vp1st\r\nNmsxHDxTPW4iPdX2lDP1WiXWFtElXY0kb0E=\r\n=bBfn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"37054f067f41bfd387b92c87de6bff4e43638455","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224205231","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-20224205231","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224205231"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224205231"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20224205231_1653024211275_0.7216498715758966","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022421153722","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022421153722","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"39684274ab8f345b02bcf24b12bd91080945e990","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022421153722.tgz","fileCount":13,"integrity":"sha512-atQbT+gQq2LD0w5kkwlse4wiOKCB9gW7+rxDKM0FqoThCQiLvb/edenCTN8YtKmsGzUurmvLBWcqB8PQsdu6Pw==","signatures":[{"sig":"MEYCIQCONQD1FK45SE08RlzhHa0p9x3s5jwtAMEPfffSR9fflAIhAL6QqK61rHSCGv4x5jLZ6cHTcdFjLrjNjWlluGDwTvjn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxlA/+MVxwOGXR4ayetCiiSyT2LGdFkwpEkLKkdEei8fdc0Fi053kO\r\nhDtomr96IVbmbF0k6mePk3WTAsW5/c1XWfq/z9sWrUHI3VepYcKJVrXMLjU/\r\nTf8SNCIu2KHm5o022tQH70uYq2OMGhlI5CF8rANh4s03BrS59yfpoJww/Ijn\r\np4oJrdbQPdA8HmJvopyMczl0EQUSEOuvYtwlgHC3KIN+L2eDShFBDmalRVnj\r\nxE8d7GrGtF4Kolc8Kgla7VyTvOfFmRrslyGveJK1Rz7aVfLbkoDnQQ9FwW+6\r\nTwS8HdBrgZsuhVYZHe8vD24D4rnri+qwAdfzlrnOQyoL495KKlKafvHdQocR\r\nqZ7wcQeuu1trlESVrxH87nC0ZLfc/KkC5cvTaFVLxfSFMIO14qz4yeOQPleD\r\nZecbFPJhBuOAUSGsbLfHvqsWQh8Ft/6AkVurHmtP1cjthkpb9lbsGY8qjPmW\r\n5u3Uo7d7h5OaHQhZpguQC03BBQxf6hg4OICsleNYL9xd9oqi5YhjxFOXW6R6\r\ngPi/yanN0f5B7F5rCiffNqXoEzLMDjqaA/8miU7J3YzWsr3rQMBqX8DAZKHe\r\nIllVQZ/GsI4Axr/HTenRI2mwltN1oHmVI3m5Xv39Np8WYKPZU+REDjhE+jww\r\nsYTJkgHhpNH+NkpRsYUI6TUGpYTxlNI7qkw=\r\n=Ln7a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"47b0f3c1d446ec73146609bda3c2b19b367e9980","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022421153722","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022421153722","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022421153722"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022421153722"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022421153722_1653147470072_0.2632028233026835","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202242121518","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202242121518","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0b724045fbcad03a09a0bec4d853ddc1095aff82","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202242121518.tgz","fileCount":13,"integrity":"sha512-DxzAWeuj7a0AL9DDgjaymGKMDK5EivIwMuK+MIWrN1xmE/LKEEVOfpPgFoYE3DqctiKk5EwPu2zxCBaSxlpuHg==","signatures":[{"sig":"MEQCIHtcD8lEkTYPeUmBSz76dg8i0b1vl6pjyqawUNeTqTtXAiBF8cVHUKA8Hmm51f1kVAdhZdGh5iBGh23gNXh1l3lulw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRAA//Xzm8mEf7hcs2ztrrZl4KZhHXvhIfxycRXJWJW/FEJQ1reD0k\r\nKKNS89L/m/UsAjdMZ/LTwLP2DIU4gkLqT2lyuC8T3oONUabD71Xup1uCmk3t\r\nD2hOM4MZtoqdt3tPAqD8iUP0Rk5xRP4x3MzmwVDnS+8ogxS4MDeZ0jLTCuML\r\nYZRhdFHEil5l/zxvR4eJ/S2CfMJDUg8GimwvtVxajDrdsmwF/fJpni4gUCKy\r\nZfUIeYayw7tJifmJ0x8d4kzYPfNtkhdrHYSD2283vUr3rKT8DBgugMckZVZk\r\nvABJ41wyWaP5I5Ebc9tpyHQpMv7dz30GN/UZSKQFH+eK/0mdrRDh/M9aLZOk\r\njWuVSCN+pL8C0ESzOisx0sWTGivwHBa5pcf37njbsEWI5ZIvBmjTWCi/xTkw\r\nlOi5E0jbmWdAuataN+VB7X0T8sa51g7ERZxeFTex3SGYE7mIY4fNQfqHkxqk\r\nhInRbwlh1PI1o8GGr4fzdkf0BJ9dDUoo3IYQkiGmN+KbNRwMKwy8zbmu9ra4\r\nxOdGUUsX8PruZFdwrzwUpSEw3RhxfVPgznnHzZW65l8eU9ZSjdd7dfezDG/V\r\neTYTsP7IOv2GbWivemJWgT6ruphw7RRMrbYZGZlycAvollnhjV8kj/GuyzxU\r\nud2wbyc8+eJSBKTPwzOU9YvbMseqGUgqB24=\r\n=VLll\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7150626f047f6cd0f559acf8fb679e29eaf7247a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202242121518","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-202242121518","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202242121518"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202242121518"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202242121518_1653167146146_0.4067283953302032","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/accordion","version":"2.0.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ad2ae22afa4089bbc2aa5864f8872b5aca44fba8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.1.tgz","fileCount":13,"integrity":"sha512-SvbGyoy84G7Vn7zysm0DQIvlQE4bYy229gLomZCM5sMuUn/smah6+8kecNLMMOd2YzY9bUmhOp140zB+VaZj/Q==","signatures":[{"sig":"MEQCIArvxFy1TTIkiy26UB0zKCwYw1lSRBZLfCGIq9jubPydAiBs+/diCWSMD67JvKsbdvR8N+EBHCqB58e2hYKExTK31Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiic0GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTIg//cItNHi/aIm9rfqRRpEmriIleQlzFcLHwO1x+9jI4Fblk6zle\r\nhPy/pLWM9IfFbawUKE7W5/V1cJ8IacrtdwNXZB0gs3lp4sFOHwR4XjbcGvLW\r\n9qsgypGMXG8ahaC3H9pCCPB5ehOltp62Hzv7+FGO1WosFj5ZKw2rDCKLlvNz\r\nZ40I7HnGPNcIhyXjX7tDUGmb6HNKRZIsaUXJpVCsgxYnvArq1vVn65kDSexb\r\n2Ktsp+30qZzYDlGFIo8xkD5h1/HgaRIKLY+VdfGj12EMqfrLwvZsr1a4jq38\r\nw7pvYS+XNjcKtKZhQOdAAMr6zStP/NSVsKA5yS3/p44dWB/h8POW5v+ysX6d\r\nTCRc50CtHBf9WPpkkweOVzHtwWAdUK6jdG+F9pFz1qofVD1X8KMB02ul3h8b\r\ncEorai8NKQW57jIxp4J8PmK5CYAopvinQhGfD99V8LM1eBJuVngf+9czzYo2\r\nfKOOU7/khJ4/vPw3Uajp0IwU7n8weM6ZHQrvUxw9xBQ0KU3GIFMR4x2lMGYu\r\nc9YcFHoFNX8HbNd3PsrjLbfUM61ELvaBHhJo45Mde2f7DOjkMhS0B1o/DmdF\r\n+iLpn/p+Dau01rVfPoXITCku0kgJFcnHX4bCi4BB+KooIsz0V4ZT1tjZdiNq\r\nst1+ljnf4mETFgyiksyusF94nQIVZbex0W4=\r\n=4WZr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"9980e6ad4bd6c1f0a44e21ec4f8b28e8264abc34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.1_1653198086413_0.7803705792174187","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20224239149","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20224239149","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"63dccb9993a14d17072b2bcae956ae24120dd8cf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20224239149.tgz","fileCount":13,"integrity":"sha512-S3kYa8v1qewg8meGSmkyBGE/dvt1IY+MY7PZzzj9UwRroikyC4gBwvt7JPbl+2OBYuWmfftmo1YDYsMTdsgAgg==","signatures":[{"sig":"MEUCIDo7t2WGKLWPXX4cTA3litM+brUE/Kr2HcjjEgqfbXr/AiEAntUPpHiU7N5vQYCp/psox1ulFyPEWubJHNBAjXhjvRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLIw/+Ny/xM8oBvVlQ8ffojjDVyFbHyN9fzVhyv0w/DKR8taQPEX7n\r\nGWwsdgq/PJ30ssSYzAHtxPvznLwtgb9CH5Ii7Dqh6slFGYXj4XdU4MUpjNa2\r\nGujmI/ljx9pahn0v97tNohNl6N3vf/FpwY+dOKw5g/oQSChmQzNAFxz7/bUn\r\n/39Mj8TRmh/6R12KHJM706utdGqOt9BdRWofOC0f8IYBIm9yDRK1WZcCOyZ1\r\nqXz0lm8pHLlegZkSNmYAcGerf2eItobXqnvsgB755ZTR2W793znJ30aZVwQn\r\n7yKMFwrAYYq1f+NkChSoaqVTKmzppRWO6SatB0kvTHragM0sqgkMEwjBv7g1\r\nU6KPXfU98GXz0O3J4yG/Q1+0XHJtROirZMYjCp6PafCRAASl/Q0LKLOTWMZR\r\nkp+YMs1h/Ui7cZw3T1PgLKhryY7jn71YZAREiBmrRhBA3NfcSLFueIQGg8uz\r\nYgVOVKWDvBo7Jr+hpRrQebeHAwtnVQRQuw8CaG2R9TulXQELzhSn/jWoDN9m\r\nQtjDT4khCwpXvGcg4TWBMFSYAS0mcFpIBeHv01y+vJ09SoBvsnktEDUBuZ3Q\r\nqRYOjRmyjoZALjMq8Kv3nIWoeAQZ1/Dw3mCAvYAlGO2dAkN6TlSlVr+CBkXV\r\nLXdWRH5XbQvfOgbaRXymLDgq2C+m5QwEkRk=\r\n=6To4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"618037ec72af18957a3ca3de300049b784ae7304","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224239149","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224239149"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224239149"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20224239149_1653296535260_0.8981298289560569","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022423113827","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022423113827","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cab819fad5f77bd9c602e93cafd2dff1acd79716","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022423113827.tgz","fileCount":13,"integrity":"sha512-vQyhHxfblL/862TmyyNuqsrfcyvZvNTSvttwcu/IUGiZ6HTbmTzBEwoOIxoYAxF9xpQp9Mu+Av1VbcI8/5JdqQ==","signatures":[{"sig":"MEUCIHAn3VqcaqzThwhxAtDALbj6BrxY1c9deRVDVO4dNW2hAiEArOFu8JzqsBxC29jWQV5uHaNvy94k0OBH32yrFzC2kUg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWSw//abO+1ATYE2RSPJJLZ+vUtY2ntzKkEqHSmR+k1mvZNJMyWrpO\r\nSNs0J7qMvYNloCNcvMaaBQnM3y9pzZawMKxuXF3KFAIxjruPhjSd5Ra4eS2G\r\nauS/56aH/iYFV7Cke95lydlBvg1bggq1W3tvEBFJctuQ/52+oW0qmHI5gUZh\r\ntaudYCq2kVPsuNgjlSPgNbHBjMc83YaoX5vTNcxyjfUczwDNdbKRedntSl06\r\nMv88zsurNdFUZte//kh3FWIUwRdK+so2NJpPOtSaVGFz5tpJoRxV3oOClTAo\r\neaC76xAoGNxkFAm2Bak6lIbyBBZSy39tPwshXUcCISveFDl8BL2PwJC1o1/u\r\n9Xl9jGs6jIg8IfTEMZexSGvqsPz94kiwnMgaDh/O2XaTpmgIpi5lDtokfEkx\r\nXAfOWV1OjO+qFIjx7yMMVmEACuJxnKHGDgKvHthZN+tvJJalnVB2DjiJgira\r\nkiP12O8gPLCEMxV6uxyPOVlJH0OcqrmSjVqWQH3qEVrMpMdyEyU/nPgA3y8j\r\nWSpTrjkWeI4/ZwkDtUTngz/lMDFHzWRakd06Qxxt9DXmNC3yD24BdETASTZw\r\nnQksArKwZsot/7hbC1AOS/jmtjRwpMklhxLSim0fEJ57UxTX0BDoemoEr6KP\r\ncTvccINWXiFYkisnc2Ootv4ZLofETDLMu0A=\r\n=Lt6y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1026770a2b96b51a1a35f56c97fcbc42abbfb4d4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022423113827","@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"0.0.0-dev-2022423113827","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022423113827"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022423113827"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022423113827_1653305930421_0.27696186584184646","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022423121532","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022423121532","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f649d6134c412ed0a9d500ec37936f3df8143eba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022423121532.tgz","fileCount":13,"integrity":"sha512-oGhNJOqlVoXTideBcnO8pJS486ANkS9eAZQNPuhzB7IL9fm5n0Oj5PXEH4VV7q16HOuh0Lf8BQd+2IyNXnJbaQ==","signatures":[{"sig":"MEQCIB89MhJLYXx0B/VXPgU1eZYqOZ+GNXkVEfkOWZogD6bUAiBineF2FWGraRSPT/6RC4IxZoBmx2Ae0HFlDGHce18d2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdHQ/+MGsfEfoSWQPhJKFg1YCbSICdhKbo1ZLuXRUHN0UR7FlBV1dt\r\nb2rccmswLF8XD1HcFpP/HiR7rLbyYjs7963gwYsycd4G1fHfeya6/u1IZTmH\r\nVjr7g0AIEAmPcklcK7WduSCRUFWuOqkpvTFtWjzLxIEXrRrHlj6HTlt+Wp5O\r\n5k1NTBdzkk19mseVh1P0qYpRxNkRRo834SSGI+etRG7LZzYNkJNX22jZ7rMR\r\nvIgMEmW0Zs2W81UYLp09HvWm+WOhz3kXGmgXyBEvWs0uussb+NHG4Pith9Wd\r\n51skP2Smz3FhLeo4BVkqLyJPMvs3mKrX046H2fiOQc8RrU1ETJ1lHNpiNpfa\r\ntCL6brzEcQRxIDMaI7gUNrrj02vf5xeJzyg0L0wb5vkxkj5yWK/Rg+oWIwTK\r\nDv80/ZZaPufQctT9B3r0AD6PvbcNuu1wO14BVs8BXuYrizxptG0TZEMwq8P1\r\noN51BAHJcqhYKQO7QIT0igcgME8P3r1OTZ6gyiQOYKEZoftojTfKgpI/2qr3\r\noyQfBZcn5mmsybvt1VeZStSMfFfo0d4fDQG/fAalVLUU8HmCQHACiF1rxKq4\r\nOaogotT9Bx895tK/+TLPJc7VmQ0x/Vy3yXRtGlO0crBaBnLqCt2LGgZL4Zu+\r\ntsghIvM9ohXAegjtLTDIYuaMUBzHQGqTBxA=\r\n=HQJN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"35b4565b04f75dc5d3874846b65260be849d08ae","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022423121532","@chakra-ui/hooks":"0.0.0-dev-2022423121532","@chakra-ui/utils":"0.0.0-dev-2022423121532","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"0.0.0-dev-2022423121532","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022423121532"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022423121532"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022423121532_1653308162076_0.40548204538222943","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022423121615","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022423121615","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8edb5e06f7a2646c2c22e9a20aa70d4dec25bbde","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022423121615.tgz","fileCount":13,"integrity":"sha512-cgLHe/0Athx3Ps+OkvDXrw/MyghKogphECIiI85k9WDNMyrOOFH1tAz+vLUq52/A/pFzH7RZL0NoO0hRjA9asQ==","signatures":[{"sig":"MEUCIQC5XT8l02UrwpOJjmg2RG2xe7qGmCAZzzNE2eQvBXJpbwIgUk3cgXV9BzDLFJ4DZRaWnPq6d6MTViZgOkBIX1cC+Ag=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3stACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpH+w//ai1uVb6skrbFYopoK/DpulsA8WSU2WgHwFqAFiv328V06JXB\r\ne928iaop31a+4v8IEGlcoO8SxpDYCPCO54U1Trwq3lxNTppPIY6XdtcpZ1JT\r\nbtmqFGErL8RqdKOBylWqZR0Q8s4SyLHXTx1Na1THRvpF/T7UqwN70G/n7gjA\r\nzLqRu66sHgAlLouxRN47IWvvfcLOdAvIrFDeaS5ef/FY6uV7JS/YNaFSfvYG\r\n/gaQb/hf1S+p5JKf681QT0kH3ZBTScn5Gus1B+J3v/UsUmPflKlCzcJ9Capk\r\nN6XZnMWY2yPQMdGfODTS4juL/slDV8o2RXjI9ktoRiN4Vnji3gr630mRgsr0\r\nt2rkuA1BehXMvQ+tm7GR6vp3beEwtJzmyhj02zdeCz54rneumvSNb1EPRUxF\r\n/JWePN0m0UYLDW82gAjtHFYBCKlrG1M86QzUwTMcn7IxsaQseU910HTmFmmN\r\nI6CxgRAyjqTyziDl7rZU5fosj2B8scujjhH99iX+xfe5/Oy5yFIDmPzr7NMX\r\nzCUk2swDca5uMCVRTS6TlxFgRzgGO7R+jFoRpBVKz66cr9XWywJqymefxPLn\r\n7vJ6MNhHvCjLugRQUDw0s1dHVinIkI7uNKZNel1/WLm5E34a3HepY/B3Dts5\r\nDksL1ixzSryaPJbfiuDlLZm7kWUFlOGRfs4=\r\n=SDP8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"38452854419b6a8f651d073c02c89fd9e4520158","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022423121615","@chakra-ui/hooks":"0.0.0-dev-2022423121615","@chakra-ui/utils":"0.0.0-dev-2022423121615","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"0.0.0-dev-2022423121615","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022423121615"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022423121615"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022423121615_1653308204856_0.8045778668439414","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20224248246","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20224248246","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8c7eea5d1b6ee0f53cae6117cfc605201ec2109","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20224248246.tgz","fileCount":13,"integrity":"sha512-X5iTZTCs6Ke+N7UM5oWsEL6BdBR13LcJdhilBQJQU/iW7/dZsTEkweVa9auGd2I5mM833Z1zM4gJAHgdATyEIg==","signatures":[{"sig":"MEUCIAYUZUZxWisHfe2wsE2Cj22A/nAGz1s4cTxXS23V9EZ/AiEAhC+3LdMKoe/YXW7jdpHw+nT1z5i6L1zGPUdPok2lc9g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTGg/8CEVR8OpDmUtAJYsNK2FZV6Em73pVh33x7s7isr/+Qxqyvq7f\r\noRdn5qc4FnLOObSof4BxxW13kzQym+aJ+b2FX1YkDQWKMDmhcTtcO+zIG1iZ\r\ngtrfrhdm5hPXvW74iYtkuDk3bV2JgZSR2LRz2cw9Dq1wCijHtDZ5hz17NdzA\r\n6ns6CLlb6mk0c05MTZw9Dkhx73unkW9moqYbMCkh5GpQDwev+xo9ZH/x8uXL\r\n7+p2EJsCUQO90bzQ+E8c6kDOrFE+q6wauMeyDHpctMGsoJ+ZYELcT7Yv97rD\r\niXQtaxEAuXyT6fbnJWa3Z3Q9h8nyLxWhHa44BPydRvXdGS+Tny+EveYuR0Zr\r\naqdfduM4PZV8s3ZcjurNnIzl0z2hTKK15saAImEY4Yx4nJQj4X+iMsIRdd4T\r\nMEYgSH+QHovVAu6HrkErXK+suU4CVQtvkC7Ej5B2qbKwrCHdnDKltRUSnPk/\r\nK9ubtWe8wrhQ+XZmYqJm9GXjT/jnwePWv9L/eag9+wmc03Qo8UXdPtx5ShRy\r\neDkObZ6sjh0Df6DSuT52YtKX1CQPj9mdFmvoe2S4CktH9Y9LYSsu5Qc7nY6y\r\n9rRy9nRQPQIhER5oyXO2jiQqMRWGIAzLHgNc6wOHW9JGRi4xT1jIRs3/0EFu\r\nOZdOPvLo6EhsXmZZNhVtwRfk8OFqSu8Pcao=\r\n=xR6X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6f1921d44b496e518b2691cbd62cc45a6135d1f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224248246","@chakra-ui/hooks":"0.0.0-dev-20224248246","@chakra-ui/utils":"0.0.0-dev-20224248246","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"0.0.0-dev-20224248246","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224248246"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224248246"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20224248246_1653379395058_0.4152339107260776","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20224248516","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20224248516","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"302fdedb49e536fc7ab63a27d1b7573a7f845e4e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20224248516.tgz","fileCount":13,"integrity":"sha512-2SKrKevKBQYgMu8lmlqlC5DySc4JVcT6myS47oNZT5FM6AJrhWOBdNbJ1lkYnVDrvwpLhYhZyWhQuFFMQErQbQ==","signatures":[{"sig":"MEQCIF1c0dxNG2NNGsKV9Zg4pubyWG+C40zfxtOSLDQWnba9AiA/na/UrO4CP6lL6Ba9926DlWedtE7MveQ5NXam+xRjiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGIg//YPhtDpyVHKo6QMVFsB7HdByXV78w+PmeqTpcWtbs1liwnIZd\r\nqaNvjWFlhN9UddAab2AKnHui5YlCB8NIfXrhcFI2+iYlWbQ4PiuEtilB6jif\r\nRWWI/6iuXyYslqpQjE5ApTnuk6X9vS70dmt9mfbqr56WgZUK/y1wyRxuR6a8\r\n+WdOOwLH8AdJkMjNdw6BwmPR+FNB8RGBB3UVwLySPZoYoSnJS/HSNKu7yIxX\r\nrE52xj7GTJgC4Cq2drNVX6umxWMDsV0EekDDucBzrUDIAI5Pe5cqZTvCjgzW\r\nLkpclnzG+l9etpB93Gojs8tsNxvh/e8NbwJz+IZANCw8BRgUnDdX91g3Y8St\r\n2h2I1/ZemyN6T4EZSgm9jiW4pWW8gvVoQmOrNsAxA28ro0A1rDwB5Hiqnv8p\r\nqw2acZEFZDmKFqtUytLe55AiwFIQ37nhDqjn6M6QP3V6n6Z76Aw/CZxvWoTQ\r\nH/VAAQjvKhm9gxr+c+o2I9weISO1EDPJzYWgHfUhTXmgBxzy6vq50gy0cGvN\r\n14qHowUNSsLU+31n2xGRHa9GxgV+POojFDkRWQ8RdnUDNs+jTiLVcdNKaJkd\r\nw4K+bD//Ihz+0ZXyHBfmSf6BVKs3PeOFBoWu8B6PUXf4hhxkKlH4qctipMxR\r\n7uQjqKUxO/yKmoluHh9Rlfsg9Y5/Gz+UVKI=\r\n=FKmr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f5839d1015edc4f3525bc74ab2cf5d9044139fde","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224248516","@chakra-ui/hooks":"0.0.0-dev-20224248516","@chakra-ui/utils":"0.0.0-dev-20224248516","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"0.0.0-dev-20224248516","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20224248516"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20224248516"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20224248516_1653379544214_0.7083064990732539","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202242481651","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202242481651","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"16debb5d18de6deff5b6aaf43f13251b8a5b944b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202242481651.tgz","fileCount":13,"integrity":"sha512-4GDXMiXIhkGZRnB22Gj4oRmnxs4uLbkoAcGT71uHJUgwWi1LiQjypZh2R7g0SrL7/FI+FfD/HwbmZewUSDNaow==","signatures":[{"sig":"MEUCID2R5t2p0lG/D7sxtsoKZel13n5odAhOB/IM+2JpL0UqAiEAvYOFqn+a8qzB1IvjPwtn2AvmFpMGN8fNGzGVaRVd9Ys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJSOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTjhAAk5vJ9rTEhKAQUilxAla3B+2BWx5oXUKVUGWulQ1q1wfPMUNl\r\nI9uuRgVX7WMeW3byq/RNs6FQvmCmSWilFZY1ZhmzVm+lc2qBJupAqZgyp+Og\r\nNLUyhZuvvMehiXxfXGojdYvJJ5jUY6pJDudv40xmGzBCsQSu8pqt9/SO2Axb\r\nYtbrUKQhcftm3C11tjE0V37/fZY419YH51FWikF7LhqpQfq/UiA+nJwOEYr6\r\nin1mzJ4n7enUjZpWRvkfjipTGvvqQApZskFCSIkR2Sik2nLMovAaXoRJxdrP\r\n/s3G+kpJPimtGCd70UGrkXaQnGId03zsl0Nw6wWrddQpF2VpB2wLB+ckf5zQ\r\nFd/vGqLDtNxjKqXZlFtds3yPUWj43J8ubOCAcKPl4K+jxro90ZU8ZDvVzZ91\r\nTDlAzEqS0htjqzf2uranOtN/2GMlet/kntEhDqoyjv3cpWO5tn75r4WisQq2\r\n3dIFd9/oOhE2RjAo0eawleAStDo9pYgLcGOQekKgxsAYiyqzEdYYT89olQiV\r\nOUoIPZ40TV5kBuZ1L0SyBYRzdfVcyigCT07K7YYRl7coxDai5WkEBxG3kKdF\r\nRrSIYWQwMjsywAkTSGWL73t4haYkklfwEYvzw+MnoiXgKjHs3EXycIFi0sXr\r\nOP7mvjLufHoDIE4+MC5+WjZsmS3A6x75A4c=\r\n=KA8Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e8cce77b27714277db576b45d03d2570d590ab8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202242481651","@chakra-ui/hooks":"0.0.0-dev-202242481651","@chakra-ui/utils":"0.0.0-dev-202242481651","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"0.0.0-dev-202242481651","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202242481651"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202242481651"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202242481651_1653380238176_0.09284287914564593","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/accordion","version":"2.0.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7a1e4313a49d57c2af3063379cccb1a72c3362a5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.2.tgz","fileCount":13,"integrity":"sha512-GPs84OQNEtLhDrDFJGzLl55zA1YOFspIBHKGgcMzpbuhoikJ65GuZKDnXsUQx0Qs34Ew4ctvj1muEUhrsssY5g==","signatures":[{"sig":"MEUCIGqNQFHDB+2N6VtdrL2LYUEPQ8OeHtjd6ymq4CGWoCkFAiEAmR9Gfsc/tjl4f+3z7J7wSHvPCyPfyIoAX/t+PerCORc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolpQ/+P7e95krsu9x2sAc4SKvvwgCC8hBcF73yVByev3+mBGakpYzf\r\nwnk+0GlH9mf0TJI9obYCjM4h295fy1MNzOo1PI3uxbeLFhyEVGtLSHhm+BIE\r\nWe/vbLaCehgRJFKkpB15/WWWFUjbOXGlRZH20mE8hdozgLT+n0+wyuVNmNgc\r\n8i/5tw4yOAo7LZfeXS/UalSpmCW/2qn8OMb2XMiYQrGOO40JYVtdyZsek3Gp\r\nTohtgL37UeiWlPzPoZpABuwQS7vOngQhW6rr6NEitfbMMfSiBRMoXhGcp+sF\r\nRL+3CAleWQxyp8mrcjTd5ypjcjJvqWoBbW87PiPo4n4OgykyNblwKQ3c52mY\r\ndnehvzlMKeAmTl9BYZSxMl+c+/Lbat4QI4MdDkicA328rxYBEmWDQh69mkCL\r\nA9q/ccCPeY82XG+8fD6VVo03+3LLl8R7xE1wBRY1cAX43FZ9DtKeq2rLZQVk\r\naJ55Jn3b3lI75U0FlZIjYqvfD1yPDMDVoI2sxIzslyJIwo8lcYykykxcXZFc\r\ntTPhxpziXq4a8d5Af3lOcRgCEvQuC0xakF1BO55UjnIQl14bZ9CC7QmFT1td\r\nnIUSFArn/EEdmXzOKWTkB3SqI7c+cLZoKcz8+bRCy+QONpqH/nthUmdaWH5X\r\nomlDNsSETgX62XIFykF8ysZAcZ2H5440ZZQ=\r\n=6j3j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"6375f5227d4482ad6d23852454a3792ba1cfc262","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.1","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.1.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.2_1653395289402_0.9423965070546747","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202255105723","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202255105723","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f95babc46b75b1d2a909d086c4b581848cffca32","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202255105723.tgz","fileCount":13,"integrity":"sha512-8t6uhLDnbYSsXqflv++FR9NozWcgKFlvcbQ4KrAxxmwSgbuGqwTCtAboEFRRrXhs4u0ED8aYbkpQWsElLSN0MA==","signatures":[{"sig":"MEYCIQC4IIwH5llC7rs11dyUuFU5DL+V9VSlAnKK1EolxqNXWQIhAIMlzU68zFQslqZP66l33Lj/c6JBaXgihW4yzzjkESdr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIwtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6IQ//eXwfxvoI8bPBeLtRb4N7ZIQQBd/5oNvIsKTLRcPnFhRtrRl7\r\nSdyxe3nTGDsb4zwk2pYl1v/mlFLd8cLPe6Fyk7NkorWNG8W4DGo3Lg4mGQix\r\n18tr9+IKGL8EBOoe42uh+bP/WRVeILZ8LRrrlLD+YZXyBJ1Wp/JTBmA3LTFX\r\nDwHgUqwG7Syy3cf2OON+50Rd4oQV4jG+WXd0BN9sNJcs6LC6tKEylul+kRdL\r\n9oLZaB+EzVkW1iUJG4fD81j1D3E1Fvqi0bL5G7mKtHZ+HNDDCsYXqtNpnNbG\r\nxzcixy+CLDo48mJ9b/ROiTstgXp1Z71+MEQTW/ZIE4ehlq9g/kbJyBxtsnH1\r\nIWiNimqaZ6o4w9mgIBlwK5X1FQKrlk7SnaxprwbTx/y500OJYTrJW73X+CHq\r\n2GAaxIzjwO32d6Zm4NiYW0YLqGOCghzoDQSOBXliiwzMIoyydNMVYZPaBeD4\r\nWk+u4V525eImq9alVXnvIFIPvg6kHqxbLDkOCxMpcZdVcHCDGLuU1dEPkbBM\r\nw6R7uJrlkW4iUq0onhHOomzqvqXPrGQm+tODTeHdmqs5SvpPwEwY0if6Zsw1\r\n+dhatRN83gSZZw6ZMLbvfHlLeAYVzcGkLbNMlphjigWBjyG68iyZ3kwZaSIy\r\nZ83cnzFy5zuNspz6ZANW7/G/Cs1qA42SO24=\r\n=FR2u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7746c3c6c82803e7063bb3ba62d4d1f35183102e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202255105723","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202255105723"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202255105723"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202255105723_1654426668879_0.32981106050660425","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20225517307","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20225517307","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"796d5c93e804bc14da42d45ee2fa90b8daeb27ed","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20225517307.tgz","fileCount":13,"integrity":"sha512-DkqhUFAzExyYmX9lHfcqCo8pjT8pwNcmM4GIBgGJpbpwZW64aF8PJkq6sBpbZ0OPR3bOkrqY1tknMpZmflPXwQ==","signatures":[{"sig":"MEUCIQDzr3Wff4jZBVI0GVbuari+aWUDExI2991WPFZGcyD3aQIgOKAHsWx31fiFgSmdE/7xwz47t23x/wN9FqhcnvpntAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOg9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmolnw/+IGNX1si+tvsiBz82iF5UPcIzC/F9csHSbVJjdL/iIANEjB5l\r\nITH2KaxYvbgBGGUnsMg8rvFqHThk0sbbFCO1Ajr68yFeYaxtwHOk/K/L5ogZ\r\nMIUMBjchrO+L3nr0qD19+scPJNHmz+hofB5luyud/yBofLsKmGryRRy8Cag5\r\nxQYxsS0MD3TT9ekbj3PzaZt7v9B4D6BCWvrwV/08fILDX2KLozLPR3k9qrlM\r\n+lJgKFwwBIu1oXs1JZhpg/KA+T9gXsSMk8/GS4R2NofytvMEdfEMD7ZREwet\r\noi3CVRg0QFGykjA/jj0g7M3h6RGdZwQBto2PV//3QuRBzMpZ69j6Hxf+iZHO\r\nBVd/Y4S/vBs43JMtGXmMAGsNZmF7WYDYVhF+VZfBh3SQtQ1zEghs+1y5z5Jy\r\nz9Ba7vrz5ntYlKTCqmB+kNoLOoGdO9fsqEchRQoDKpELukPxsFYDv0jswO/l\r\n+f/+l+SHDvLkbkNEkJU38KuoqwUAeXRIcITUotS7jySg4TDkjKf/Sxe/JLE7\r\nlDyacQdw76i5BaSdutfIBpZEPFCcLvOGIc0r6CnMYygJuhYDME19YNi1bqAH\r\nFh8/ciDCiaRL1Nf62/YPyckFQClYxv92+ygv4c0VqKGBAGvwtqKbm/TJJ7Lg\r\naAsupQSG1OPqimmuk6deM9y66il+R0jiLYA=\r\n=UiR5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e0cc67ed2979e821aaf90abd8769b4ab0db4dd6f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20225517307","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20225517307"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20225517307"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20225517307_1654450237667_0.3173863439553761","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202255185818","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202255185818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8b5d61bd3e0c1dc031419416f5c80851eff242a5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202255185818.tgz","fileCount":13,"integrity":"sha512-sFjheoYjvR7+7Eo+EjFl/jsA1Elt2X/zewMutCXwsFGtxe/9XOIKoHU59vx5T1/pDj8JcyddiHvpLYeO/zqecQ==","signatures":[{"sig":"MEUCIQD1mhBhcX/J83dKoMxfpL1adE8HPd/5Mo+hoxjScZIJlwIgCGq3ZmLDCPUnuYMpR2Uln1a+3V+l+qzL+4dsFqtj3Jc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPzjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhOA/+P6pgcS64z9nGfh5GCCuLUtnzYI+zvNpHgy36OqFwaqWiapW8\r\nB0iIGzCImkvIelGnL1tByJvHxLwmnJDKJyGuXJQDdyeV3t1wvgh9OGP90FDH\r\nfI35wLJrIjGHYwKSeKxtV6n/4QEkr3uvGCXvBT0nIDuRwFcAJM+rOAzSJ1wZ\r\nIaSzdNfy1/Q9+fCyIY481mE8JTc87mYAhdm6L8k18sOuLL/5wEH4p7ZkdIDt\r\nYy++yjdlb7DOiG6O8QfctloFGthDpGRARvdfu1s0dCQTiox5i7vxkIMTV4Gb\r\nu/9YcD7I7IzYrpsqEuFuSC/1vT2+2EyEfYWbOW5rfVCUPL2qZJsO5Th3jYjM\r\nGmMUbj+Ht1jvmLeTIRFIn9hcqMEjw2U0FbMmR62sa4xThZ1X1DWx0scNGllt\r\ntoawptUWy8z/E/bMzrkTVwGqi9bkQvNnIMV40Gck7Ep7wFJ4879bHW9mcwXV\r\n4j19x/DuMMVckurD5o4MkFWC/gnrluffwzjClSUK8FZu4zGgwyBZLtXcQhrc\r\nghfKG6O6VEVHslAfC6n5r+Ywbj5aumgonYec3crVMYZkR9Ap95gsILNmFsVG\r\n9326RSjeKODNcLweK22Sh6Urefe3wJLmVyqGxsc0uDEZjraNXDN+CqDVRsTj\r\n0XSMgbGm9hOPJF0+aj10skt3qZS2qO4b0os=\r\n=87ps\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3b20df926f332510f30c652bfb500c1ef477fb2d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202255185818","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202255185818"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202255185818"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202255185818_1654455523746_0.5125361041463483","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022551939","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022551939","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"eb33b23f4a1f935a2d7debf1cdc728ad9ec356f3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022551939.tgz","fileCount":13,"integrity":"sha512-yc2M1wZNv9SW6aNwIMyple/5qDn42Q2Snehfb05Gh0PynCGZeBKeZz6c8im1GlV1MkXInpCU9XNfKoYfC3kxsQ==","signatures":[{"sig":"MEUCIHfp4al+bEDNGkynA7WrW2vCh34jC5jVPtK/qs2r/y8SAiEAhbO/3j7828EbaMwPqmHmsL0At7+QJRZiiE+Tweuxoqc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2xw/+L92OjDiCAHPSjk2wJjQk040KXqKorlSa5err5zVnjnpxIobb\r\nl2crf4o0vRtCbqzr7Ge/jL7LdMeJv1ZlC80idp3l/RN+aMNu2RcxXGw514km\r\nyZxEHhwv5FHGtvo0kZJ3DgVIab3FxN1/oeldsm8PXOhlpXwAphW8sEewvSuQ\r\nBwOZdryf+lRAVx8M3YBSZlzzMIHENlSODCWZT3QPu1JaCzbdQn1QCh/g3v3/\r\nHX5yjYYhUZM+Zff15o+lwPVVoIplBhE/PTNKjFTgfa6CnElL/rG4K3QVEMrY\r\nSjNI249hucOBryAX08tOU6ufeQIYqtuktpSZ/FB24+5pBmO5+ippfLvlr3bN\r\nB5C7b3LmxfQ62tnS6f8oPpm4HXIv1MqZr9juN6fvH6xqnOUV6UH+dOzRIZdu\r\nVpi1EW23FRC9z8F9xtXUj7bc8R0AO07hNLZtQblwnQoR2FTG4yAMa2yF0HOr\r\nw/FbFguTuElGMJhozdd4OpFi4SC9yB6CsEvnjwWxYaop9cnFjlVdSPlpTgjh\r\nnf3XUrdVO+42c1jbtf7cF7Wu5hTmLyPge/PVp5ga87jsBrxSfW49P6zspeaZ\r\nmuiss4qD+mmYWZo32fPLtlfBcY4TFQbyeAbWQNEql2SdUzR44MaiexfGYCEl\r\nDLnrZ8OxDUAxlWhhCFVFXtHMVIJUNOaMJ2s=\r\n=MHCf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"96117054388ec4078b0c58ff3a0f6f9c3c8cd5c9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022551939","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022551939"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022551939"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022551939_1654455815540_0.565341874605545","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202256151938","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202256151938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8d1f4479439545281f84559570e75e8c551daa0c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202256151938.tgz","fileCount":13,"integrity":"sha512-LSzaNlMfNvOwtXrUuAYOoX3t/kCiPBZTgV9HNsPpYjJ30pkYhuy9/VfF7iQ6uII1NIfhXUkRVuSvzqqNEoV0/A==","signatures":[{"sig":"MEUCIQCHF2XJOaFUf8MMiNGYZvfo2DiYnBQxU9tfqRp5dzeBLQIgezhlMxNDIiFL/lKnrr1I5FYGtzy7rakLadXSdwcf6dg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqrkw/9GtfT1Xui/SfTstNUBh9ogUpHMJRRwVousr6xfQGS66QtuWQd\r\niCGalnouzcRb3TJEe/yjmwf8DxOh/ZkQU7TI0614MPc8ZLAq6/pE4Z6wR4qC\r\nxQK1nRMi4beXkE62MZtyajPbosavGSRhCBaZ8rsjRtMCIoz3vjyhpHyezzqY\r\n9NISFIHDeOe7FFgFbGa3wwMlnME7ihsQypMlVIqNDah4JZ80P+jr4lxq0lW8\r\ncVO3qTeEynDfpgWs/8hmgb20yDtO9KIhs3BhfE2Kir348vOgWK814UkSEy+O\r\njqP6D2uxTB5dgo7srgdoDUJSvnJsupmdfDujIelnb15rsj+laeyPgsbgkKRs\r\n+YAX7JCaEiBRTMLTTDlvbha3AdeuH4c5TISv9w3cJIRLJ6DpcazuCY8tuX/h\r\nrLF+hOWM/DExwgPaS6VFt1ec3jayl0k4eBgx9F9gLO4xPHbrcVfH/qT6RRkH\r\nnVUgapFz9fYcoN7vRa+YQowiCwtfCXRPDrFw92jE2JUhZcuaqDS0G/Z/lvOs\r\nq9CsHk2Lm0pXbahTgb46JESsGK2YMsJELYtmSmcCv23XbIX0tx85pPR5JT+j\r\nhw9ROQhZwhlMNTXWWA42E7PWdClRyMGnp7HsSuRewv7Mz9825YASpYVnwJNp\r\noPo8fRWOaPcs0H42B5qj2VQ92sf+jk+MUZM=\r\n=e7Ny\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"97a993c2926bc98c0441f899ee608f268a64992e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202256151938","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202256151938"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202256151938"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202256151938_1654528805816_0.6560225895456366","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202256153840","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202256153840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b449d1b98607866674e8db208b7658996c032e9e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202256153840.tgz","fileCount":13,"integrity":"sha512-cnCM6ih/IeD0/qDLqOoT2McF9km71WdBfhlxQJW8ph1LyBbpPZ/+336GFDZBN62exbW0Nvj9nKc9m9ebSGURog==","signatures":[{"sig":"MEUCIQCC5I9Nxh8FrRTSbpwY2jKduyUnAxTA5nMo52H2RYI1MwIgHeFRlbs4+mnDt2Po92Negqn/oJDoBwI6163GeWsNsPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh+uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIuQ//VkeoWAR5VFJz2A1INlA/lW+yuc1HDuds7IEIA++rXMxOaqu8\r\n3y4GSwvBPLSI/L6nsjxkJsohyp7jZxmhzRtaSD8urCwHmDhlW5+AN2Xng0tk\r\nlSWG6OrT8LE+BB5juiYAwo0WSD+ZRNAqL9pNdldvUk8wMjisALRGw2SfAMMv\r\nJUu7k2UaILMXPqxsSkGNJ7KarmSO5tZEYX3y4O36ybFAY5lUM/izaSi4gzw9\r\nEJNUJyEQPtfTLtFUEjyogXWNu4qOU1UjzK3Na7WwN0u9OSH4gBJLwpcQ8g4c\r\n2v2QRApdDMkzob4MbaqhIpcldHC1iPlRfx7a/GsHsRNo+kGuGaemmrd7YdmU\r\n6O70igg8zu6B2WJsfTuiaN+rrnOUTY32tAVyeJR60LpIUtZIZWC8zB/DOjwN\r\nIA7YF8F6EIAvNTQj5cV8ytiJI8KRfY1bhH+O6AJfiqde3r/uzqscAdqQRxAn\r\nD3vaClF7Sw+A2hpSbMSmjeItpU/FYy1FwysqmvACej394D9zROuAR/YvTwGA\r\nuhCMhhlbMAwwreeG3k1/onxG4Jju0B2GOMD7CW4z75Yw56yesrklzK6oK8aF\r\nOuTSbCqx1sRF4aoYGDP/qetCfxzKD1DJ+mDjCNdsbR1Vr5u54PWW88R4bCtF\r\n3R0YtHKr/6TrWVxKEE9X5lletTI4+3x0Lzs=\r\n=0YOO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"052333186c6666825937a47baa51cf3e5dd6ecd3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202256153840","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202256153840"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202256153840"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202256153840_1654529966543_0.6284953889305882","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20225619634","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20225619634","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"246926d9efd477b2f657381fa2d5c69b979c2cf2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20225619634.tgz","fileCount":13,"integrity":"sha512-aiD4xo+yaUkjiKmCqQUepBkSkRCVG4aqPHSaGpBwM/RcrKGfDB/7xAaNAAVD4L0BUZdZmSkQZkSWRvb23/tXIw==","signatures":[{"sig":"MEUCIGzcLvYoiFuBT9YLkx4NLFsVtLRs+Q+Bt8LmyW9zugyxAiEAqw4iFZk4+EYiN8Z0BazwOjVOQ/uVO9dmHXqy4+yex9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTGQ//SVHQquU1D3MIqMix7jhJlOZYaufOd3rdpSNzJnMcNAgzFcRj\r\nRX76RJX3q0MtQfqAljSRFxZWFWjdA8QjaZt5ge1bZEE8OdMRu5QoJPtMmde0\r\nZAhxV0NjqcHOW1asjyC+mYyw4cZiSd6jMlo/K4ze7TApHRILKDTYEUTC+bGd\r\ndPLZyALrdi3VgKC6vlnONjO7+dW+qNrpNjKzmueWTai/GJPVEZxB8jmL7tTd\r\nbhmKIynxOlqq6Va0jV3GkqcUzt+YmcdSHjucDZmXUDPW8B6c9A1Z5c08XjIs\r\nAcPssjNWffiUiG7MZ7ahZZdGH3rPN7ZCQjHvKEwM6MwEQI9uWvru7M5/C/s5\r\n8N5f4dD7VL0iC1cRUfEECNVaCizAJFNuamaOV6XnN3rwDON++pt3oBctGm/1\r\nYxiazvuYnYStvdM2Ns+Okrr92Wy/9M7ebWihueXysgAP9ajzD0ideE/YGDLX\r\n7OI0E60Ijx7oQWbaXeTXHJsqwTfGDM4gMYBFQlY45ZwKCn/yd+Di/91h44Hf\r\n7WYrDFYQlJfuosc+51PHECofiESwS4m0mZuZAMyPso+ofRUHppukOSBfImq8\r\nYf3eqTx3x5ObIePkP0G7KTv4cp9UpWp86Gxog/qzrxahGAr1xF0Wpj7wxLVM\r\nVBFTSBx7Hjqyz5gFhUcMvxkXkYSP/saVveY=\r\n=3wa/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"c1b818223f71711abb835bababcadaf0904f3bf1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20225619634","@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/transition":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-20225619634"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-20225619634"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20225619634_1654542418863_0.06025495598046726","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202256192154","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202256192154","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4efcf77af0a5e6e2640040cfd09385d146edebb9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202256192154.tgz","fileCount":13,"integrity":"sha512-15MfU3ubJjIoYz30Anjg41YeTIvwFBHYFVvXFeQNJZhHxnBGaZujB7eBdsMfAi1rhf8hCKW6oXYM3nB4bczn1g==","signatures":[{"sig":"MEUCIG1KdIGhi97MaOHKecpJiW7/2E6YKgjtOmhN43GaE2v5AiEAk5XotFDyLQ2+s6eW/SaCHN4IP02wPAkjhZtp1gvE2vg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlPxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1hA//TcBju1vDroXAaBQT2neel4AS8x5VfwUeVy23WPmlhAwOxRzQ\r\nUri/ooEeyBijS5LHpIJpjl0qV/GJAlTaX0v2ra6XjsQm2qjxmEz/6jwYJGOQ\r\nJRIHu2MuNPOZfSHnv/XZPzPmITiWrixD6G7/I5wPfLJPtRbB9kkLgCBeYFS6\r\nQG4kVmILrbOYvrECJD865xV/OdMnXfKgbRdZnT0pY475pCIN9WpZL3CfkBcg\r\nO72ixWFmbWXUZyDnjC4pTOSZNxkQBeW042p/8CrqOpXfKbHB0KyqpQT3ewaE\r\nWsXfXr3T25uNczCgDDaYALgLjxS3qGGZEmiOyUqnl8SNRyDGzKNgp+lDltbW\r\ndm+pGRuYx4104U3Fe397k1tG9qfF5ZSKy9Y+griZLXVrKUPWYMWh1LX6a9bl\r\na2VNZuXZ2hr3B6nXFjJKkWAqB8fLLcNF6ctq3xfFlS0U8Y9OfffMjz+BPwbe\r\nJlUknknBsJzxnsWWbjF5V0N1rtUo9aMxp1KUQr2SU9kXx3HDEqo+fCR9zJMD\r\nDRrajGKjcoxWW3xTri8YdfeEKXdgxzoMPknxIwTlMPZOfFn9OWDbTeD9/wmq\r\nZgTHc7QOLIcFhdxusiVmwXYAydVVrSbdj4+9G21KZPXQsbHtiukPnPZqdT1p\r\nTZSX94fEqkylFwYDvgo8dDgE+UA9X6cOSdA=\r\n=YUgU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"06f29f8cdbb10ff1da523e0d0e958b9990d041e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202256192154","@chakra-ui/hooks":"0.0.0-dev-202256192154","@chakra-ui/utils":"0.0.0-dev-202256192154","@chakra-ui/descendant":"0.0.0-dev-202256192154","@chakra-ui/transition":"0.0.0-dev-202256192154","@chakra-ui/react-utils":"0.0.0-dev-202256192154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202256192154"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202256192154"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202256192154_1654543345474_0.6326649421392871","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/accordion","version":"2.0.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4f9db1459698fd91d68f913fe7f6d1687cefabbd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.3.tgz","fileCount":13,"integrity":"sha512-3fu5q6I6QtYVfpBHK+xxIkZ3b/spHgDongXuKuLEJZswcSU8+X5B9YmNfv73ZMRKO3PboYtyHAmZZo4pYqzbbA==","signatures":[{"sig":"MEQCIDG1eAhBvcxTrR4Blov8Qnc5D39QRQ796ShhYBL43BVrAiAj5LXJhT4xTlq+/0Quo2FsLevX9uFXBJSsrLgPp80Rsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmZ4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmromQ//U7fee1qwE4Kljdn6Fv12EgHFSIEyoqXpMcgHsG0GHHjbqH21\r\nIor5bOI/1gej41a+MR2hVCmeN474Bcs/V9L8bmpHASOAnxM9RU/hfdehvv18\r\np07/ffQrn05Xy0qfoYCGJYBAdR0vilZfaTck9UZBI2aXUolgv52AStWOS7Lr\r\noERcQdWS9dlAegwFUNnCw/hBmLU0FtA6EfWgX15ICnW9GO0bhlbqJnH1hUPY\r\nFtIrAPKO0C1dQMCKJ/DgKxUUA0FOAmQBO6zXxUUS00HUNV7yF90SoeRYLh2p\r\npzk557lVo/+wSVAZS7ATWbWKit8Jo0lxIpYF/xf+Uch96NmEsyuG0ZcmNbCH\r\nozqBMDiyIZYrQjhdspquTMzCQXrnBby0vRKbuIU2i/8hadjVsCRQ+xGImLp4\r\nGL0ebGdm4jOp8JIItcK+VL3wS6ZmWAKD/oS77QfZns9FoyPGuixGxImvLMkX\r\nXYpLzKWkaokYRjrKySt9s3EGkxksG8fc7eD9HPm+TI10Zg7vbJkfK/0YKqWr\r\n80X6/0+Ew7GcsXe/6YF+GMBx2iBhp3C7rxmBxX7Hyod+aTbBStyz1Zv6niy4\r\nzAkHlBdQmlJfEr7LRHQmrJ9LYYexXw26JiQUaCkQ23/ltV0KErb1jwreHxEH\r\ngOh/d2ofv09sCtv55XnfH20JY+wM6yYC8GQ=\r\n=Phn1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"28e10e36d773f609246df375dc6279385d07e0ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.2","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.1.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.3_1654548088097_0.5153677909917407","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202257113227","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202257113227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a7897dfff6ed73d24d632316e947c0cbf10d3985","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202257113227.tgz","fileCount":13,"integrity":"sha512-jy+kiMNCvXTCtv/Zw5bm1g7lQqJoaezjpwS7H3QpDAew2cvpVhHhiLqQ6rEOHkvpcNB+/eGEP4J7dq7zdYzhpg==","signatures":[{"sig":"MEUCIBaHbT4iiV+XQD7p+cWeKYg6KhKSR4I4wsrar808FeYsAiEAhu+RPmqFtC2d30Spj6mN5VyPpffEJ5pZkDCdKODQ5DY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzdhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7/A/+N42VXQOfigHckL+k6wuIM4+uPTQRMHXBHsZBxjIoB+lKsgto\r\nH1ch9xEtpsrc0dWC4eb79t00Ud5ZqW51CQFiGUEPls318wAIS0vlIqtbKeHK\r\n14e7tpD/BppkZQNvLPeTyQSoR5Z4/v8iSINg2B3oQL6ApZCPw4ltq2FAbWgU\r\n0iyOC2rIjAtg+JZPPf7jMveGazVKOcVAAXksMQSQum2GeyQ5XgAsZtiYw+MM\r\n53Bcx7NH4sODoWNV0vACuAO839Lb8PSA5cLHVLOlfIBAhQedCJqtZEuLQQpu\r\n/iKeRDP3Il/AF5XN+AslTkVltHx48uCNjvGe1XaTns2OXmObtcqVc3aZBhxd\r\nEivx81LoP69yuxoCdndBUzThO9QWq9uV5bQRe4UJJXIuoXYHMUlC65mD1LcX\r\nmSk3ju2S60XqAb0pXXJM5OqFBpKqFPiVe7rbpJtw3hiDXJKsHyyc7jOobDsz\r\nQ53Rqm6oNOqxbYrc0Ynco95rhtK7dhU2lUuE6dFDpgYKkLrDEVAFVyBIAowG\r\n4kqvftUI4H7Pql/VHQqk5lAI/hGiwt6fWHmz5Un5lsPtcC4OR/fz5CwyEvNO\r\nz1VAw8AwuVFBxM9TSwcx0Yo5a9nhy5v+A5r448OavREEey9GjBhTEbtzB34J\r\nHZUhMTds5MFUcPxysEeEb/Ntu0FPjEBuR64=\r\n=lb0s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f98473dd769b4524258faa214ca5c8ee67feee07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202257113227","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202257113227"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202257113227"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202257113227_1654601569113_0.33250248315347153","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202257113310","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202257113310","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1a58bd0f8f7d8a441f1d0035488f57e1983f4dc7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202257113310.tgz","fileCount":13,"integrity":"sha512-W/fOE9O1TN3MAs7/t8WJbMMPec1DCzF7I7gUy1EQTUXlKnImFu9CDBTj1assQGQf3CtSYJIXEC7T7BOuZqdUvQ==","signatures":[{"sig":"MEUCIQCyxRE2x122t1/6YgTnbvfLaXuhnA6MpRErUzDUTeF0+AIgd4OSB7TQhiaXukNKdnWaeqqKixVLK9yff07InTv4qyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9yg//QSAyufPQLQqxdOY67T+/VeIyUt+y/PCyCTwdKQ1Cr4SXYMBn\r\nY5uTrA+cSwwTKfsN6NO+rDPyMMisSIHnErRUOIoy8S6IsmQS0FmLwZPS9f64\r\n18PwQv6GE/2XNgYGCCHJnL4tWi7T4RaYaAjLiJVoZzK+iPd+ON8idm/wNUsW\r\ngHmNbqTQG3WX0jYOY2yC/l4vWsCa/RybAzA6XkhYjxXvhNpCvUToWodpQvSs\r\nMc+9I5YqdGTfoBLkn+3pulbLdCDvTFAUa5RQcI59YJiL5/3qzEYGWQ5LSaTk\r\nCg8RFm4bp+zYMVYoYbQ35WWFukk9UiMmMzrSh/EAr1HOvh9uX/B9s/+Vvh+0\r\n8pA/tY4raNnrDKvlN8dRlsT+iStEG1OxyWxPjmgVdbVntL/DvgfWEh9qSol0\r\nuwBagbvDXtM6QE35K0qzB8UsbCV4852UzEAXgELCdsq0MlhVcV42kXUs5Ql1\r\nNP0KhETgKB302auulpMvDngF4kMa3I4/zEq2zu+cpO9V5fN8zzN4oV0qvUuu\r\nXharMSM4dOmAkAq2zYfZ8MMh43RGsnr9iYCvxGH70l4QVcUFE9RbUk3hjX8N\r\nAJIRIadQjmgnKMWtnnmXl1ib2SXZd3JtROKNDfB6QWzUPuAVa1ThJho4ZMf7\r\nSxWIGAUs6FWuju7AR+U12DK1O+kglQsmstw=\r\n=kION\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"0899270d83c68a1d33a48ecd8594d8855b680701","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202257113310","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202257113310"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202257113310"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202257113310_1654601612727_0.4723560510336129","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022587541","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022587541","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"49f9e93da37ead88ba9f4a40098142bbcf58778d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022587541.tgz","fileCount":13,"integrity":"sha512-E3cuLEODFTBxlVg8q2JwjeDZCDaLFUiiIM3rri2sWNx0HktNUhdX/UQJdv39HIsLFfN/bUUPXvTzPQvRZoTP5Q==","signatures":[{"sig":"MEUCIQC0QNAER0jYvKF1vDKOZB5PyUYROL9Ppn7bSsWE2OBAFwIgMAzmmQg7TEWm5pTu3r1cy49nrP0sBCWpRZxf2iI+o8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEpgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBDw//ZapTH/9ChlO5VvL67T1QOFFRKxf9jdvQ2s6GhDvS1Fq54DSn\r\ny9gIZsjrDUSkVXCVmgpr+qat55Az9iQ45YaS/zlnrqBych54Tx+YxR8ST2VA\r\nE/xH/bbkUqDV/tL1KtjsY4asxBsSRjsxSz5jIlCXNgp7r87hdzBYMXucuMBF\r\nPBONw1v8HXGbzBFThO/6vzmYmc4/DcJ0Qxh+vbDNNbkwVmMk/1EVrmQqa7LO\r\ngeojeZMlnaHaziqQrWbztl8Ub6KMr0TDWoTGWmfZCLLrmx2pajzVRuJYETXS\r\nE+M7DHMgzvzPFTOc722RPcRv08XTazbGWeQftQrIThPn6HXIO7zM+ZXTuaz2\r\nqZ4ANeHARTFJajJGbyuQqAjCOpk1PHoGUmrf/rtBU8GGRx5GVciWqy+c2aEa\r\nIQqUcPogiCdt6KSB3xTKZJm+uQeekTaGccgvLZBC2OmXadTzzgYflQYfY+kr\r\n0rXKeFZ33ReH1MirmYjGrqMXsqCEYpAM2Fv9d+aMMcEkwEUlBrRAwfwbeMnj\r\nn6YRMQqK11jtX7R7go0pEAOxtXoUong4pbDZGG8536RVWBYs3UtL7+gOKL9P\r\nvHAAuoJVpRz5DEJiiY/miYPwgYnnveSjyxrU4fxmb3bJSXcpmTPb+0OA82+v\r\ncd2amxIQ7O8NwrhYsoqdLDZ6+m03d23dW7s=\r\n=5wuT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"ac1f37c9daf3f099147fedf1fd75345979032c26","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.5.5","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022587541","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022587541"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022587541"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022587541_1654671968391_0.7710743649664584","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022511155212","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022511155212","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8ef6818fd8288abc2eee978a6465ce73042bd40d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022511155212.tgz","fileCount":13,"integrity":"sha512-BABDhqCNwlBUv0Cxq5L8Ch38Ok2dKx8bnXsTQmH72zNoancnvI1eNJk0qfU2pLJ6u2i8RumeH4NRGmTraAD6Jw==","signatures":[{"sig":"MEUCIBGCTHPWbSW/LToPQ0s7NkTk6CwZiT3Il0EM9rAXgMxdAiEA0NycCPcnPi9uQdYRz20y2fbgQKwCICSxME/CWAjwkNw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpy5w/+NNK83bf9rkbFJVoCjBTTduDRrMFavPryMSY+j+oV98DNthd1\r\nxHtwhMACLVf2iBfItM1cliztHgZUESQEXn1j4k/uJzEL8xXele/I8qs9e3Ld\r\nqrvW+hrRVS17tWkIx0sr6OhQl1/3cGdqK90GZoKwwHgNWTT09YK1iuMS3kad\r\n6YcxirmS21DE/N9paYlmPDPKc78Wu4F69oWG96oclpqmm/TaoRbf6F+A5W5T\r\nnIbW1YEBT3o8pHsFm6oVqw7gj+whMUiF36o7vRpY4SbeUbQwAA8xebBvKtGI\r\nk8/Edpd5k6YmnOnwAe+jMXLfFiWlXc5gt+y94zYXyMk9KzS63vJL1a339s8S\r\naKE3NtaTwL13JVyCt4DN+kUEdAvQ90MGyfjRqi5ScyD1ZxngLUSzLrUjd1Gf\r\nkgV1l6wnX5c3SFqb6Nvltv1YgZaWj4reYHAw28iAPM6E9I7XWs8YJkSMTk7F\r\nv2rn/wxElEvp8wrIisjshBURSbJQwyTaT8PZcLQ1LHG242sNTSUm6Ir0GUF0\r\nmbOK6W9NvuTkL++rjZQLAMGMVWCpKuztdS93kGfyMGEhuBGBF3Htx4vgeTMq\r\nikH99G3oxTjCtAvnigIAVGE2vNgOLGWBcogs/oPvyOyXFBglTesGh36qDeyr\r\n6UIUBrGm3lac6bpXAVkOTyBv4KRxme1cyz8=\r\n=h/LL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"911e13823b03fabd673d7bfc4270ef845d3d496d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022511155212","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022511155212","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022511155212"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022511155212"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022511155212_1654962760482_0.2501963134292784","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022511155356","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022511155356","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"729d3572acb0d687bf625b953d608e7abadf1e4e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022511155356.tgz","fileCount":13,"integrity":"sha512-iAJB6LnlwmYHp+wZYW6ecCbD6SOG6I0KjKtYcbPVD4WhocSYv5oJ+p2f1RmSqy21AQ10QlvGWK8lkNr9VCmeiA==","signatures":[{"sig":"MEQCIAqTsikO/7Jyhg4Ef4G5GuaOrz4AmAzSHp0qCMCMMbkdAiAG6h/m03LewYyXhRtrRY1eFWqIinSWaPgTtokSBhRY0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLqxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqhsw/+P1tkhJjya2urCBC24xQqAPLCJR/MkXXS+efon550K2efw1Ih\r\nECMp2y4h2Hllvk236dOmXUU7FyU3LoJXI5T1dl7fx9tU7zXwWeZuLR/PcCIM\r\nfGLwEYoioGYz/gwqO4iZwOskM4vP1KsTY48WrBKz7bKFo+MWC1jzEPcJfSCw\r\niU8AtfjPh3TFyho5Dz6cTa3S18XNZGgyb4Q3NO/lO0yRIFcswcAjVFR+F19I\r\nRc00A9/kTutKPwY1ztruBsCLBf9p+97SEha8FTeuZQ4FjoiXhd3Oa9M2DoVg\r\nIDYuL+hCBL18EvhGgJwB2ghBDg7bhoqBd4CbfZM1AhLIZT2JprM27wvYY8Sa\r\nacjbDpCKO63ucy53czCXxZ+gwpD/Y3RljznhaW80Rd/qAdJrZiGFB5YdHTJW\r\n+iYpK9hHH7Fbn+Xb1O4rkfcr9hqtCgiZEOJFh3BFMqsU61RmMlGhS7zEHHpi\r\nBEylrdN4oquz8neM3gcynwl8e5dKGHAi2y9X+Rs0Foi5T2iWzF3333oJ4ujw\r\nlUORbodygAu8o+/XJ2fpOnkO/lrjvYrgkVI4lDjgVEF+vudNSbz+WIvfTu+Z\r\nwKBKR4CgKAt4kDpH3vsKpNe589xRrD6Gwog1/xe7fc+xjGeXSqKHlbIRzOrq\r\nA84z9wWsWQPuI390ivT0exVwvY2+GutWnQI=\r\n=bA04\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7f11b0cd2299ec57b98399fc61314202919adbce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022511155356","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022511155356","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022511155356"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022511155356"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022511155356_1654962864960_0.47761505255810643","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022511155428","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022511155428","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ac50a8ce15f0a2db3acb25477135bb61f58fa524","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022511155428.tgz","fileCount":13,"integrity":"sha512-SS3wHbb6an+oU7MjqeV55/ZDcgXUUNw93MG9+9F5bT4cZLxB9gUbwbUonZYowa94+OsfQ9byxzNNzSSHC8s8+g==","signatures":[{"sig":"MEUCIQC+JQrl6Ic8uAFJTZ/00XC5QY6GBmYqYRH0h8VyKz2EugIgfgYgTghCvUNwGCQxR+Thuy0XJoaiZ650E+IblOZD6nQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLrVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLbQ/+L2VrK8/+3rEs42XTV7Fb0N7OEdOVlschmJa89I72dCNTiSuo\r\nV88cAfuR3FSiMK54t5z6UTfmjvlzHSsMrauJEj1CpXJkORbpKhmM8CHaFlUb\r\n53UBwg+1N2oy6Id9qTx2mCq63wkJBGfrU5cBT9jRC4L0ktOMCVpNFAUFKsmw\r\nJeL0VHqyNnR/RPUYDRe5xmYUsW9Ux3ZXGe8gbTBqqQcLD3NOKw0M2x5dJhi/\r\nZYMCco3aalUcvvOibKM/JdG3hlbRsv9nhfTSHpYfl0iRAndOYh8ezOo9UiPM\r\ntB7Fyi8DKsKbOrMhvbGOg0zJ59MGH+9A6Cwd+74NVIHMDr65c1C3oJBdZp6h\r\nIfxDjWypi7e0LilxDhI2FFA30fI9W6+QG3sVnOaVwFUm3SxztUK0zVYa09+D\r\naG7HGvFPBSrC6J+yOAd0JOfH2DBLIoygE/QdlaECoUETpwOrdfshGy+slY12\r\nLdLgDROr2t8At7sVrEZMLIpInjgFNeR5K7lkyYJfGh+uI+dDbhS6IQzmjBrq\r\nNd1ulbmRnZW6PWUzLRhm9rEFDoeyLUXqJL8kRhu9WFEAgYgddD4kPUTtNxC0\r\niWeYB33WV4hMADy3wHS47g3ABJUqKOZzX/Hnz2nvt9bT2EFl/GxiaLZlUMPQ\r\nLNoaiDqdqazw95VWTfN1YhkNsc0kr1lz2Q0=\r\n=PiX8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7fc054eecf48cefe788fdb31a343b1e281649197","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022511155428","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022511155428","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022511155428"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022511155428"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022511155428_1654962901064_0.24486722100922687","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022513181240","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022513181240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7b1f0a5739ef03a19efa26e5f9e05279adfc8739","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022513181240.tgz","fileCount":13,"integrity":"sha512-Wq68Hx7Hf4hRjVLR9aP6pTXXCANKIwg+z6sLay2ibavUt384dUxs8BN7lGTzxFuG9g5rR8aaHWB6L+knTswtDw==","signatures":[{"sig":"MEYCIQDueJvIeMCi/jTGq7Wq/ijDqmpSfRrq5YJAMqEYRWbfhAIhAOiTT6O8h1bim4so6yp39x6EekypcVj+uxfORuj24EJs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip34xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUNw/9FjSgKDY5Man3VBjOAE5GauIt8Thymiq20StdcGso/6luO/t1\r\nzQsSXhoV7mmC7bWOVp6NqrGA5FoCIruqZxRZaEHlttllIvnGFQqVFlHafSPV\r\nTS9vrZRawW9rQ62/Poy0ehVxUIJ3arnJ9G0dQ+0eZB6v0bEFCPj8LmjhmqPZ\r\nJ4SXzUEvUoN1DG7GCxFr6BqSgobXXxJ7Lc2D8q7KoJ+iJqIR/Jv7lIZU2nmZ\r\nRSujOqmRgcLtUVRak+GggXGSNZRr2buc22EaoDgBOMsmEY+5Fs7TU9y/YaYP\r\nCE+FJq6XNZQY2JAfRtaEJC2vWI291vGR7He1W5vR0mwybZwTtD0HLpTFL6GM\r\nF+1jwAuIwVPuIL9+9BhEvcieLXFD1QmNPcGlGs30676nJoIAG6uBVcEin49r\r\n1SZVcjgiPzXvIplNkHO4vVSh0pbJA9v/VGA3dQSrIPkrf0w4dLgxrBJrwbmb\r\nm7onnT0c1/Un8WEstR3IibutrXSfFYNrfE/QrJzb1mFjjkTMl2KbrA0jywBv\r\nIKSGayBaST9B69jVA6W8SoP6+H1xljAmp1IBO9SubYMdfCFfTb7bMCfJRn/L\r\naKo8EfOwuEVtN5L3MIoFX6MVVjLGLk6tanibVtlAq+Z6NDh4PVtLh8/ieIeo\r\nplsD8YLboPea27+whjk3GT3lP/4lN63LYyQ=\r\n=gX3M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"31d24f6b0953fd4eb9c90a80e3e78227624b4d40","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022513181240","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022513181240","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022513181240"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022513181240"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022513181240_1655143985147_0.9052063275685018","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022515163532","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022515163532","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1ec8c262b6edb13e64fab8a034f2c00bd1164fb5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022515163532.tgz","fileCount":13,"integrity":"sha512-vtAhOGxjAT0cqtJ9QKNrSaeP5sVy4T9FSBJ6K80/sYsQ8hTiRqoPJdUonSLjLMjgrwtFIRDRmD386MAui4g8jg==","signatures":[{"sig":"MEYCIQD3S9T1aemneI50U0a76ctUhuN1F6HEm3AmOtYOuInVTAIhAKtcaflx7mnoH88FMJK59jTRK8a2BYVAzI2K9GSLU6gB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgpuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmod6A//YhuJTGEaiQtNmTkVYq0o+McF8YenCnsc2jUhVxpchZDoQ1RP\r\n6Nc704tkBV2E1VR2oUaKlMZEeOrFW1QskfE/s0FiEDyVuOxAsmFQj/pfLL5l\r\npwHGjcEmRKKtWQyHDreT2CZbXDPHJpA0XATQX9j7kCFj1Swl9wbRsUR1au9U\r\n6MZKtWWAu1PAouWw7B2bPLM2O88D93ymjUEVlgZ+PrexpgQTaFJ6acAmdR/x\r\n0F1nc8bL2uhS1mfbHX3p6VzxSVhM9XlhPQJb4hoJcX3aFmdOb5sAmEetAFX2\r\n0bQQccl8eH5nJoTSgD5t8T+g8bA1uWWADKr82fYELr4BXo74uYZl/6fYathJ\r\nUpUKrAQDqWymb4QtrlHADc1sxF6T+C+retXdjtF+eqfmdnnVuxzVOB5uKJ8D\r\nsaIiRnN7F9+VXWbzmXPPD3M2Y1rJwKoxQGM9CpnNi8qhBIT7XNl0WCzaFEN+\r\nnKVKph6x0AfcpVRndzXdju1SN306i0nqQecv8pywf/Rui3iViaA/bWe8hJfF\r\nqDnEPfiaILU6NNycrwKZqaiff4USFUdK/RcoJYMrq55rpPsV31L/aqB6bj24\r\nt6W8lNkJj7Uq2qFTzsjadjUuj4kbXIZcJyqt/GrfRr7t03IakR+L0/Nuzqf7\r\nZqxMCzcqVEV4RobbytgjAws9gi6FemHxkk0=\r\n=wGY8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"f3c0040dc87a741a46d5ad76e4484fa72221c914","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022515163532","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022515163532","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022515163532"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022515163532"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022515163532_1655310957959_0.6007982932653606","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022516122241","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022516122241","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0238814dcb5c2268c5f8f7c46c31ee45aff3f2f7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022516122241.tgz","fileCount":13,"integrity":"sha512-020zoOoebzIGIbxuNPYj6+C6ZqMvKK5xSqiL+WvDuBI5COcSbdVs0vZgB9/MUArRGw+Xe9rh4Zb6ZT7rwy08Nw==","signatures":[{"sig":"MEUCIHA7gjw2Xks5GnwgSBcJ7QWCr0xbfmyO9N6Tl13IjfyDAiEAwemthEzcRBfs4yLbOIY+vTbkik0jrjGNuDB4Aqd0pKw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyCuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPvw//QWc6LUGRcKJ5NuonXGBB2X6G95KKHaKuQqr+vpMv8oFA+iPB\r\nfhFIHL84D5CRnaopkPYTdD/jeKYC3YgnAMzzqSvbtOtVNXVF/HrW+U5tzaO5\r\nc9UI41H0kmucvHRBVuvSDTmhaYTNfV9tMM7Zo/W6zYfRaPTcECAa1DNuKOqo\r\niNG7vIFar29EZpjTcLyGouQR58y+l9pSVCz7VeZkv0I4jmJYGj4R63mQ+Z93\r\nf6R7x1WwffQVyzh3SbKNDQfOZb7DHG2i4PZNUPUGo4+cTTbejO6w/cHQ0qQ8\r\n8wus7F4L+Cfd9ueAKSqowBT9fw9uNGjym467kmlT//klo3BNg7mtiHQfNlq9\r\nU1wvKtGqzQgcOGPxW4gvsTvcYSw86JZrIJ938azL6tIJ9mgx+PdqJyp6Bzsn\r\ni0qMrigLcGbEd5CcBcmsnIb0JLN3/OyysTaYFq8Yep2WfOO/tVcMn89QvsO7\r\nUaQLrqtv8DBA2QxzRchnmpODZBAcUj3g6lVlNZgmZaKae4CA+iXwJe7QjEyF\r\nW3U1TYlj6qPuBWOwq1ANvNn0yU18IRClpnxa3F7eO+QrWaZZFBlaiA00odpf\r\nR62Z+9awynjQ3GQD2Eqa/wpqiE7cmpdJKi9Suv3z069bebNy+JUPRmKHUzvu\r\n1JysmJ4QCe85PXJLlJh3ZlX3cmMf0Gi+6iE=\r\n=LMJo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"69353f68131cb17f069a17135e8b3ef8888d5f3f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022516122241","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022516122241","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022516122241"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022516122241"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022516122241_1655382189872_0.7538088148263213","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022516151633","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022516151633","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a70be498f94a28653d027a1aac1d6269966f1938","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022516151633.tgz","fileCount":13,"integrity":"sha512-hJ23yk8RrFIWaOAeY/yBFmgscSRBsEQ7HhDzzb0ZMyKWFazUk8RqmwIXa8qrEpgtytsalTB7H81nCPy+bwXydA==","signatures":[{"sig":"MEYCIQDdTSreamHugJgA/gaoyzkveEMuXcvwWPGd3i2om+PriQIhAN9L3Ve5PavdLsqoV12Am93f4eIL60kn54+1D5MJyQf+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0lqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBjg//U8hzikxmZrfi15RcFzt1sesPW6MBInPr0tKCAk3vtHTvJkCK\r\nvQIwuKZKvjQ6Kd35TZMoU+6Epxr2m15Jn2/v9YNMgnB5PxxhG4y1TYOZ9JJG\r\nyQCEOlhiE9ijD6qtHiOENLQZK9G7rWp1aXiT4GoB9jwsXGSBPcy/Tim5SMcb\r\nrozCJe9fm/DllzNWMcD+zjUYmYpOVEhCMp/qW/b4sjWmJ3VH03xlIsVMp10i\r\nTHvqomHMf78XQxKOc2oLE8u0tSdH8z3MiL/I9yfaHGahG9usGFrZJAKmhk5F\r\niGzIMalduUv51IdRbGLReyEniuyn+SOcP7q9gQwYOif7T8bo35F+EU3mZ07H\r\nXj/N8+qALayedx6nSrexQLEvINi+2Wcs7/S+tzLQgxU79NCVW9Hfc+x05EXC\r\nEja1fTagSJE3xficCt30+VeUquKmXL4mI7oMNmQ3doqWrvEkMsoVrd4bgHad\r\nb+tKG5OKtLT1xDaTraYqidlUxUvIerALCUyrRekBevpgFhFbTcSWRpErUTYa\r\nFUmnhaQURI2/CPa4x3Wq0Sh7dRu2GywD0oJ60nmrTBrvRaPLfxViksBlhBj+\r\nmSxoJrx2tSMI4w060BrdZmkokDCRujFLrVBOzxC4oJSOGOyv+zXGOYOZiV5I\r\nrQFyM0NAJ8SNtcB4LPM0JJHYdo9klK0Dmp0=\r\n=YK24\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b4ea78f453a06eda2019410e925e527176e0815c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022516151633","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022516151633","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022516151633"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022516151633"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022516151633_1655392618535_0.6600669864958062","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202251616831","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202251616831","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8481bc743359cf4a3611e4dea9606eb1f98e525","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202251616831.tgz","fileCount":13,"integrity":"sha512-3s9gBGTW2SyJr1OboY5d9lVsyzRo4eAR5SE7lPSQEvBebDWLHa26OAL6xjXapDQ0yLif48F0of0JV2yu8MsG4Q==","signatures":[{"sig":"MEQCIDdC0KUZnG72d0y1mTqkhMH0S7wnpTwZGrTIAL3nXc31AiB4SFylv8eAvhTtDydkQhPweiTGkZqVcywhWEvTvbNahg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmod8BAAmB+JH3dUhckO6DQG7cNylSqpQbLOS/5P7Ss3D/x4YUs3+Lbf\r\nUuB6KPF46DKMEW4FYvCbrDa5Qh5Kdc3acEFO5bdz/jDoalY/1elrOabdrgFJ\r\nncyKvDaP+LMJpARGx2nSgCd7EgKWF0crQgmuXDU4oF1jGV6M93GSOvVftVrz\r\n6FP9KoYeNaN5PvUlDAG5J1vi1FAylpldWe/zBjWqw2PE5ljSh0Zfz6r4KYpI\r\nEhl3+4k5B1YXCfgaJ3VhP5+9IGOJtt5NI6MyqcrjRM1Y2oorzgRbTnJn+4OM\r\nH0a9RAoJgHS/iHvbUXREL3mDsFgpMKcnunbuAal7nNjsmNJ5LUpXHjnWBJnP\r\nyAXuvjeHWjOEZK7cVolXzlXKxfMozzMa/wOMEuyDIBVLEcESlzkykwtX0q1K\r\nHG14PwbIA1e1+YumD3pJcFM/WEJFn74j6QkSV1w/xj4eu0C21Bb0jmWm/S3n\r\ndXksog1v4j1z4Qa7bBzRMTTc44jcHdmnMrpUuMKa3VolUimlUMxr61Q9F27h\r\n6iuHFgVv7i3OO+Mish2KLjZKkXG/hsC51kPd7aM95O8C3ZeHeXyCsnkhISur\r\nQ6vBPFUY79f77CQMAvT4IloxUL0K/5dXj1VLiCcRgIEtAJ9DCFCo8RfwF9c9\r\nMMsevTKozykSHhYnbmIpBjv2zHiBXcAp0X0=\r\n=I4Pq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"aac6c98321e6487894b45cb459e67e5e02499224","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202251616831","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-202251616831","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202251616831"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202251616831"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202251616831_1655395742592_0.7812018966863237","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022518113258","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022518113258","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b5045b714aeada7132015e16423debc42b04121a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022518113258.tgz","fileCount":13,"integrity":"sha512-pHm3ObN64UxzWwmS8i3gLkMHS/+FJ+ucMx3zsYshPULYAeGoxrsNibaU6dNw7dADpPq05G/9AX0xz+2QPIRNZQ==","signatures":[{"sig":"MEUCIQDvEBsJHXP7FKpa3Lq8wiuphr15ZTv7U7BQgusjBKUkFgIgcEQ1k5ok22pR4xfZdZ0yvooXon/Ps1ASiIfjT4Hnea0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWvQ//a7iCEwUR//FTnAutc4sHKUv3pIXuZiRtcOq/wXDFTCd2Vc70\r\ntLB4RQF4mmvBeAF0bPBwGcA7SRwmtzgKqNM2NcijOJE7K0QiEW/r1EwrVd1t\r\n5MKG1bb2vN+cM2V0Lp9PyD2ArCWhhAUSCqQQeaAgePeG9yXVDwrvW5tr0+A5\r\nGscqtzCf9G1DB9Yte79UKxNyhPeXpp1BXgfy4bNYUqpIYN7Bm4JRJ2M+axVY\r\ny0XoeiTvVwqCB31oQw5e641eEIoNS1ZZNE8uEoFU0PpbPmjVJno/+mLaSWJZ\r\n1iXfr0Y6v6ZBgezSvFCTxa+FZS4col2oziGvMGsLf3SsoXSbFjOoa4ftuu6n\r\njRTlak+4O2l+I4y+i5gL7K9575djb9e3FmrfdyNH8wP+WdHifzo1TXc+K55N\r\nIMp/+WC58BmzpeKYINT5oWwNPPVzV0DnfBZOLQlgybG7n3QTxvtdlRRYQng+\r\ne9j4LanKvhRq9VB34NDVRbMnECVX9tBp+WuTBB8CYb5XjHnXyskqfq1lMDdL\r\nbIYhsv8KZMPvsncK8YParxyX0Zcs1hlsCqu6l53CJnULKRH55dtmKanJX+Cz\r\nDA+SEIxrcSjgaJa8PJLmnDKyzp+mD7JqBqBvux8WCakFmXVCh4OPiLf4r24l\r\nGBQnQV7vK163eMCYCK6RDDo9fJEbhp1vHLc=\r\n=58ls\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"6ecf45646d1558a52b9ed5ecb45e96feed8f09f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022518113258","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022518113258","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022518113258"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022518113258"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022518113258_1655552006937_0.30558477782243276","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022520143145","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022520143145","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"657f076c6c419f1a2f1b615c89aa7f48a78fb8ba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022520143145.tgz","fileCount":13,"integrity":"sha512-A06yn+xDPxzY8qoOEvrj8zsGCWWa1IR+7lHIfIYtGvtTtpQiKiQlf7Mc//lwv1rZYQ360BI8GGG1GpEZBlYopA==","signatures":[{"sig":"MEUCIQDYw0YH9//kAACWB8AF7pNL/ZpI1gVg9DfiKftbMKtqRQIgObMg4dJFzL6g4hWAuBkWAmyQi4QKUU/FYZDizBXK3JA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisITqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9Vg//arTUUyS2yFBSa8m9dt8gXgJtzISC5SCBIStqx//hjmnhkqGl\r\nUmJj7t/8uAZcGfOXZ05OZCJ76kIHCP7zhd1FKBZzTLJ5ilOAuV4n0AwB2bo0\r\nIg9C1rhYp3pLULz/DGR745uA1P1TLuH2K3pZMK1+7gKS7CHcSzfn5Y2sLPto\r\nThxcmDlc37tOfXtmmdODWEhAnodTKgURftWk7xmODrXKk439pXmMtCmzjdPZ\r\ncss3FUFzLJFl5WRr1KbGyNicd4+ueB8cjPamebJgZV3fRfx3a+yo8J2iMkPJ\r\nk5awTOvU4wDfhDh3Kj260/r1Q+nUSH8Ks2wz+FFBN73FHuEYAthq7dl0KPUX\r\n10PKCrSCTDR67e9rBZ3SYVWatU9LhHhpnIQJ1h46kKYJUvjGvFhn4iCNSEHv\r\nmUYtbSHT184r5pHX9Pqogcwaqfk1R82d1XxhLwsZ4ssXDjnyU12Ytu+m68yn\r\nh8Vq5wvEV7Cju7xdNnRv/0PHY+krCDB5LF2eO9AZMDvoFs6u2B33FN+aU5Ot\r\nSPytEiFQkk3usRVM/dC8+0NUsmkZ/gXqUw4Q32MaGkF4rC6oDyZfa1owkS0Y\r\nkrYM4TqT0rimZeD08NgBcaYGalJLhbkK949/wLqEnWipb3FuMK5wjY2rDrss\r\nWJ2aONIgYZg/ebCIeEqo17qVdLrbQk0kjkg=\r\n=6175\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"20f19b09cd30236b5067d6efc19c13340938dfc7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520143145","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520143145","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520143145"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520143145"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022520143145_1655735529909_0.8110350826662875","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022520163758","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022520163758","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4f96b41efbfe5895f8d5a6e6803a76101a865e17","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022520163758.tgz","fileCount":13,"integrity":"sha512-jD/hJFWQJLWCcZMpBJgr8BWGSkExdiqSMO7lCVxiBLj4bWYNySH2igM9SsRPbzZABgXOvwPhyAPyAgF03AV+Hg==","signatures":[{"sig":"MEYCIQCvV+jKZXvQjIX+X80ZttYYTlJFXwMII2SdlSVA7csxnAIhAM5s/DhDuNmMmxH0cvTqDCAKa9oULRzsYxvE3hyOKvWV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpC3Q/9GG0JnhkOJx6uNhJu88wi3YQ/7IYse73zkCCc60Fd9hxL6rD/\r\nay+DOr1sKmM5Cragh8YHV5AuF0+fw5eSayWt4cETsPQftcfZUNwpPh4CLJ+M\r\npMDns5eptPM1iyYy0SpBY8+BvfUUUa531Ap4evHs8d800ohWtADx7NvBe675\r\nwslnVm+rUsbzrECud6fN4CzD9o+oHEcxi2Ik3fwkN4xl6aQ/tmf4vp6ScaGE\r\nlC3RDtl5ond0GiRUuKQJd9jVm5oLizAKRNXPdbT4BEAhtv+zYtHkLTcCs0AC\r\nfap9jHzpaS/rCM2HDerHCCe/XVClSJT3cGCCN4a/+B02iK4VTCgN95xKbWD/\r\nvs07VXewTv6HRyoMZD76TJBRWfX4kDCpIM59m2Z4sH70Iq7Og27TDCldohiL\r\nEixlDxqitCQL94LHcGL+OE2fjZg6d7UpNP9Fj2IZj98Srzn5mq1ab3tNcA7+\r\nCrLcHQodeAKBXim139EMO85s7HzZ8aMoxl5MJLydDixblKzfqVwh1cGGERk5\r\nXhBnL7tVSIAvL2FjbztgSwqdwR3ddXHVOYritLhx28ZGl76sO9jSz+kFI7BP\r\nVUFHiXcIavw3vybkRJPxuvjvLU43CWPLh6vHaxctCBU3l+cxQfxp6iDDNTB0\r\nh2W6UvQU/Ds3KBHpOiH31ek202hMv7qLXVI=\r\n=ibxR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"cd25161aec422ecdaa157c25102c4f0cf6c15db4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520163758","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520163758","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520163758"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520163758"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022520163758_1655743112252_0.6803286534547626","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022520164715","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022520164715","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6b9bd82749f5bfeea4342c65f0fae97cfbe2cb2a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022520164715.tgz","fileCount":13,"integrity":"sha512-I5OVcojQ7RsDub16/JNVwFpOzoBT0h0pY+zY/5Mez4lr3ukEVBh9FBDYL3oB+UJ6V9SQalmQjFhvSahk20qkyQ==","signatures":[{"sig":"MEQCIEeqKxh6kOtyVh8oUf1LLq4WE5ah64KzVx3vxTu3TVoOAiAtJDUYywYOm7BY9KWak3zXRUKQLQ2snY5Wl/M8C1W0ww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKSuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxLg/+IEgG8W2LlYpgV5tKBj1DSB6U/8KYMbIDPAOiIcYhpD4+aX76\r\nXXVGx6PKzkVEN7aY2uLhb4ppo4lJUqJQjtWa4SjxhnYgWqr5QcrIq41uG2dJ\r\nvMtmxVsAa1ReuA2ath7z+lz0VMZvi3/GQq9F0qgUDcW/IscctbZ3SZ7jzj3p\r\nt7CrJPe+ix87zF6pOAI83vraa59C0ENmK3XvYHm/yBt3vHr57NPMQ7RuAAcc\r\nMLkZ8EwaNZfj2hkmNOdxJDtLgLuGJF/ZUYcg1bHT5gSq/vBnhttQ3ZOI57xy\r\nI5GBcSXen4Ax8DY5dE+AY5pTYSM2psI5pB5gsLlPuPrXL0oRjBDLBR22AAGs\r\nOEOkACYLQ+He9GukTCh8e+kWqiPAZpK/0fGMI+7KdaNBWxXQ7Yj19hFBqxEL\r\ntiHkwDoqv3RsQeYifVr/Q9BtaY36MADybD9uTWwRgqm2dwL1Uo3/R+TyfH8u\r\n4tQCoIchJCj/Jjsxvx/pKjQlNrMnaUo0bAFr446AJfm99qD58szh8QIqgdve\r\nq9wRwQ3/HSJC+ueosBRHJRhpw2CyY8cvl5hJwKXsxEXAG14Xv9rEHvy6pX4M\r\ndRV8XvzA4txuoFJ9lNetSLKqIZtDbK0h4dDr1ykYi3YgOSPR95B1RkCHfkOB\r\ng1D4lITUm3yHQ1GbHTZ5LuQE9Jq4tWNFJEY=\r\n=/S/Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"b958893bd458ee7ffbaf725a4185636f48b19590","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520164715","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520164715","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520164715"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520164715"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022520164715_1655743662372_0.9450196216288476","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022520164752","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022520164752","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a5e2592b10c5faad6a9981d793b1aef151a3c9e2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022520164752.tgz","fileCount":13,"integrity":"sha512-+ItzdC53TWD0e1NxiH2VKNmp44ewu8fIpITpGhtu3I/qk0eiJnkBg5HwkrXDavZRTZJ8d7BtnyNCtQ0Gus6/LQ==","signatures":[{"sig":"MEUCICk8Uw1HhBnlfYgt8uguQ6oLfAUK+rY2AB5ofvhyHp9EAiEAkeTyF41pN0K9lafx8Pe5T7d6Tk/QP6QrVH2EZkAHmC8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp2w/+Kkjsw1GQ3MVX7eD3rE/MYVvzWiLuZOGAVmQZGcV6zTUSbYC6\r\nsXIaMKRm67MWVkzDwVp1BstVKbsuDdJYljEUwLbxifeLWQXdMXD5UYSZTF0A\r\nmxrxO/6iLGm0dZ6i8mR8XUEQ9gCS5TdR6l62c+fZJw+7CmHgMEL1nnyCIb++\r\nTJXFRz8Pm+Gx79Aznyex4qrZ0lKlODrTCs4rPQfjrn3Ll74367qygQO3YLw5\r\ntFd/BddZDLYHfzQzMXHJ2N1ltBBrla+m/TPdczO57jK4lWZBz6VhZF3yqciK\r\ngdvzw+pf+qTzG7beWaypkxzfWlgMkJ7ep0P1SPjUYLHh/HZu1CXrRnjZfUuI\r\ncKzZfZezbcGM8L5zagHhi/s6A6phILfgDCYs2cFAJF4R+CvdIdUUPFVg+0NI\r\nhErRxKMx9PbfVeIHAH3O3xi8C052Ws+Xtp8AIPTCojSq+U1vrQoHi2AH8cCd\r\n+Ow9zNjOzv2U0Gs4b3i6hqe3LPKGGtZJMKhbUxLYZpsjtKv43/qVAnyEF76p\r\nTUg1kMFTj6GkaWPIWpcRNJ3nuQVyTLTst7jPl/Tx0T3ScJSrnGvUqUHyBYUL\r\nPIe+/FJ5FqTW4Da7ycHsU/kyRMZCZ+9qqXRHMUw8Qwx3I2xaR7Wfxg+C6a7O\r\nH1ffw9nkr/2ZGzdDveNyvYgd9C3pd/OL8jA=\r\n=e+bS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"3a9cb998b509535923e2673a2f402900151d2a6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520164752","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520164752","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022520164752"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022520164752"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022520164752_1655743702644_0.37903379685189575","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/accordion","version":"2.0.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"23a59ad613bf00252f3350b5fde2e37c5d17c039","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.4.tgz","fileCount":13,"integrity":"sha512-mVhjGGVhMuTgrle34XrWM4jgqgxTU0RIz3Jx8xCYVi4B3YwUdMAECnnXsysWDASXsmqgTfGPvLS2RjpM30d4xA==","signatures":[{"sig":"MEUCIDA/dcKkyQMZ0jAuKCdxZp9qjt3eoztG5ZAhGUqi1+snAiEAyYySvRwszFJyuLRxcH2K9un8ss2NCEoGU3n2b4qmdwA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisXesACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmragQ/+IcDLitzk9pUi9nbGFIxSvV5pI6pawWHUlR2SpxKRycJVNvXH\r\njEunl7TEXsaSgfSUYaH7yChsyxgr6fIPl9qWYX3EPSgnUqnmt3vxt6MVPqLm\r\nbkHD6YkAb6p/qERTCN2uYCt53c6Qe92LQsYeGJjgN+PV5r/EJ6BGeS5YGY3y\r\nrAQei3aqFpA4Ui6V6QgO4rRWv6cZlker7N13cJlTW1hrIYYr5JC/eQc6ds6a\r\nUGTZ7N+mW1xacIgKy9b7ltg+nb1cLn193rEU4jBkFGiYeyZJ6jntKglG69ve\r\nixyrHHGdB8Y3bJt4ARvh5b8YAGHxqgIIc5EjpZuSirDSmWinPC8MSAubwnM7\r\nu+M61vFPBRN19/7dAXn3QA6ZLEFHygOfm8Py+yqHRmB18+kq+z3ToJWH8lFI\r\nuA7+FGyJ21bHX2XnvogdaGTdEYx76SrU/mEMll4dAdRprRGja4bssPjlT6Te\r\naD9/+1LRSHamD2R08pLKEDcjjXaAA/4Y/eTxw7wblLDgzD/7e8nAbcb/3G4o\r\n3IpCoefY1abGOPmvrnZdSpWxkyg0f+bAC92QnLUA+BnnSE/jdzRcgIc9E2Pv\r\n88OzsfGLJuXdcR3Ekf7tk2ZoAPW77GxQcmhj0Szuux+FXYRzyQwrZQ4GYX5j\r\nvFTiD85+iuDJKueDOyiWrZcm3aCrhOZiMTM=\r\n=IEoj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"df381bf96076d99e875f548352476114776fbbc5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"3.0.2","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.4_1655797676038_0.370969826935053","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022528143233":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022528143233","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022528143233","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"02c52eb3ce08fb1c5d9bd0259e04c6df65d6b1e8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022528143233.tgz","fileCount":13,"integrity":"sha512-Y9H3pyYzslCGwyy0HnH3mqyRpArjWNxcn1o0mYDxXdnzAigiFHWAjBMydHo+vgOhZOwMH3SDRT1WDf3EoF7k7A==","signatures":[{"sig":"MEUCIQDXBzmSGp4pbSwk7BJDfizodMaGfAWHXkHFTgPO9MSQcwIgUncxkkKHdrYlgNFxxz8mb+DtFVVr7kIzjE1asb7dJ+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiuxEaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTqQ//Q/ZoSmjg1KxU1Ko7/wSb0xhAKbCJdA7y9X8Rs8Ok3ffsvDt6\r\n5t1bFUFF6slTshacbuxf6t/38VtBrFYHCVa4mN0MLiKvDtD5spvBFSdJVrow\r\nvuOUVkOGJbl9aU1BxmaceWsYG8SuPSmu/B6Iju6+5qoCHMS0Qmk0lgrFYApx\r\n6qmWMo0kDYu+EmtmjUrtLy3Rad3+27r3zQx0p9FnUU8gwPqd4GuNj+hanTlR\r\nQA10uioddDw+/jH/oN+aUIDr+jbChwogmt/b4Z1TY8JEcmxSaXLSumSh00cM\r\nIiSliWgmUU0IFqIDvhxx+ZviFmCi3E9KwodUT9pB0Z7c0gyjPjLzAbfi/r51\r\nRYfv3YaJSqJ749z3H4/PGwCKmia8MoGgQ3E3Rxrm3ezKsBPuCKcD6o6FJQwe\r\nvfZxWaXR61gj2sZiv3ySRLQzTFf3rwb8QnmPS+WRw9oq/EbPNm5ZZye79hvl\r\nlK8AhvWm99jBqwQF/+e28xUfpN/MGuemXTuYa9cdSOZW2A06VdGA7SAvCFfq\r\nEAQaLxTA4sjmU94PCgEgc3XEFZhDoDqgMtmdhwnO7pT0XBagGx9rrt9t/uOC\r\nn9lmVE3Gvt3I9OybAAY/liEK0SvIvM2Itri2/jUwZ64MbbIiXamOt0HPWyIC\r\nlbkx2oInvyrmmBUWNAXOC/GfhQ8JSZRuHFw=\r\n=Xbgb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e3e02a4f4c81848991b301b07080b9a97e6b4964","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"3.0.2","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022528143233","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022528143233_1656426778190_0.561065656818281","host":"s3://npm-registry-packages"}},"0.0.0-dev-20226414445":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20226414445","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20226414445","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2b9982ffd4f0733ced56a9d98ccb8dda061b6d4c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20226414445.tgz","fileCount":13,"integrity":"sha512-GbWhuN2KCQyxeXlqAd9wGGaqFlhhgFuipOm1GrdvxIUM7qr7li9k9x2p0cE64NyooWEhkWbUjKw1WsvzfzB8HQ==","signatures":[{"sig":"MEUCIAlaF13YNNgsdZ2jkntiMZrGz2nbRvNeXQJn585T1XU1AiEA3y3TPutlWtRmPp4tFunzJaoJ+tXGYYZgbrLTKju7xfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwvzNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTaQ/+P7mVXnzWXvUtWT2VkJz6zlVImY0qpytwRnZWF65G2MfxEkmM\r\nf/kocOnYpsG4JUBxgYIy1GvrmBFbXs5oqEGMerhEx9QqPDJXckwcTTYbUCNA\r\nKniZwRw7kIn6secWYxpBgCvmo/+449xqlUsPFr3WnLAZ3KkuePC4ef6tME2j\r\nk19seLq6ZHK7BphB2DY7zLZVfLX13RHPOf+mufFNxu3FfQi41qzBHxUCdpb1\r\nmwOWelef/l677PQFeKOU4b+xJ9DVVgJWCD0cWDRq3s2ITTV654NB+UUhcfah\r\nnBU4ni+obpv5RE+TnXeDXpXyEBnjbajtrWMy8RCPhpZbV1iEMTN4ZmPl9WSB\r\nizNoByrSWVJxL0XtK+SPRDsoyOAYdThgKc72XtxRsTVdXKSKvH064/svGUfi\r\nUGsI8jCZsG/v3wRpwEzJcT8cKRp2QScnoYDDFAhWa9ZkMDcKpt18V4H3D4bs\r\n7C/lh0XGZa7KZw22yx4dQ01tgyH56+VVCzjwAN0xdy3fKNFU6mRFcYZr52Wt\r\nPfPMfgy91TS+XY7U0FhJLPFfYCBmfTPvySZKjjjsCQTVj71eFWtjRIDHWJCS\r\ntGDYLDvP14Iuy82fAAYcSS/a2dg+oR0OmPxUncIUD1wkdifEvOXAZecPOJVz\r\nbQHDpKygSHGG7VaUKehb76WSF6a5A/eFLNg=\r\n=OfNX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"7789194552404db8fe576c4d82ccfd0b940dd401","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"3.0.2","@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-20226414445","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20226414445_1656945868854_0.7353349603437269","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202264144818","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202264144818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0e1d856e3545f3ee26f69444b00ec3d0c4a333c2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202264144818.tgz","fileCount":13,"integrity":"sha512-YNRklUEafHU2hDvd8byozcZEENA5zbXKPzIXURHl4M4eINUD9Uc5KmV/CEcAJoVlhMiMDusnEA3hlCHJQbkV/g==","signatures":[{"sig":"MEUCIDirpKpe8IFxf/zKubjn/bx590TgEl60QqekAq8lCT/UAiEArPAoFim+Jwn9rHw/xf+oXL52ZqgegHxwPoHfrGiatq0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpodg//feJ7qUqb6TAcVuJ7DpfSEOGOfGx07pdaSZMWc0spTAApt6LR\r\nhryJsEXLWyXeYnF3yXKZAGfs692tlofKXM173G5HsGq/t/EznFQvLMjBgGCH\r\nHkrwV3U79dX9JtvNFW2LiTxhj7+++ZGdi6NVNUNUfA0XnQcAKi8mkAN8KMc6\r\n0GyQWu1RF61xaZBFzhV7Vmnk3LxMcglOQcMpA6eyIRyw6FmuosyM+e5fgvhb\r\ndZPE6h+4KMJSDkqPhqmDD9N5rwcdPvehqikedzoem38NBb85JQABfvg1y42m\r\nt1JQ4B3wzpz+MeF+1pgw9/CPhOog3xc6q+97C3TrlRiYpIAPjjVoC7WJac6B\r\nx7OkUKYz6URxnabeP6fCu5+mT+hhBefx9rncu5g6N1xX5DGJcMj/nL7Afdd3\r\nWw7BPBOKtdZSu4lKxG37d8gCka1LDxnRb87KyRd8NfrqBXE+3OgdWiwpYC5y\r\n73+/5mP+30l/Pu4pYfB7xKLE+zkJ4RZS2Yfl7v3oQXNzSju25Bk+CKj2OzE3\r\np9KmXDWrb+B4mYncG3R1fX+VeN0a3HZcfwBsCQgvU5DlDasxf00zgK7ItFVL\r\nbnm/KtYDd3EhtcC8JkUynEuf6WDcp3KMYU9Bq96BXlffqDfgZWbTghepmSIq\r\ntPesDonwr3aKtlfm0QjQQVI1EHugyGjujg0=\r\n=j+FG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"1a20374c681d03d60f7f90961946e9e2dd29c4f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202264144818","@chakra-ui/hooks":"0.0.0-dev-202264144818","@chakra-ui/utils":"0.0.0-dev-202264144818","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-202264144818","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202264144818"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202264144818"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202264144818_1656946140094_0.31326655046095864","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022659325","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022659325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c6ce67ac84d07b52d0192b1aecbfc6086bcdd894","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022659325.tgz","fileCount":13,"integrity":"sha512-uPgDLL5QWNefTYw4RB9nQy3J4ML6XEMZY6ceXFcGioO9eZm5kYXAGAEyIymiQQk+smEnw/j5ie3BOwftA6tBOg==","signatures":[{"sig":"MEYCIQDN7C5mzmmo5GTj0uDhKFcGnTK3v+T2Z6blWVmpgu+BrwIhAPi1hN77KSrOtrZaItbmMgaa9tQdtIvslJAImOXys1Cg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/54ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLqA/+NJZkYI0IQc6glmyUd3rgNVK8NLtF9QgY8wkVl4A8VME1dJnz\r\n0pWt95sWxry3VZSmRlFuMFawgBhVj0DDrycq8ePnW/5w89BZhsQfCz6o3c+t\r\not9h4pCXXMeAwBmTVax/Du4hZn6WypxRLZ4aan7vUKcMWIqWfzvvU+Lr5OT1\r\nMgmnw5t3x3AWAnKWLVCuZbRoNwZaIkHsH6sSM5Vwf4t3ZbQiFB27wGvmHskM\r\nqQxM2dVA83LYZG9jpJnJSJtCqOMAdExd+WHyttRsOe1vAvSndrKcm0SYcrLH\r\nIQOkD5W3rE0FtJcVY/NmY+bY8Uxhtq0dMwfnBnYIR2ShsMGuQBA4rGkLbo92\r\n3ZbR4zUJSotOHhvwZw9ZNDyuARNKjVD1f6/4y75wUVpiYFBtBxYyMll7WxWG\r\nqfVx4zLcWWH1t+LuRL62fYbzag6ROofPZiUmfKtHhnfpVQxvYtdCA866bT0B\r\naTbUbshK1gCdzWMpF0fRFVhvP4S33IvV3qEYJ+eCOtOgk37kvT/Hgt7Gyssf\r\n3vDW7/FQgoqSJyG2J2bFYoZwu0bO4npKRqm5YxHxxUhz09Sfozr/L7tDbVbB\r\ngcEU+U8PSfDI8jlhqkoVZNRThdMGwbjZAfq8gN6GwkQST4MFHaRVsdQ6L/7p\r\nKRtuE6asqlCwBTFkT4fkHrDjbXQfOm/68V8=\r\n=aWhk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"daf80e3bce5e2431078206cd5edc3e967d4ada90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022659325","@chakra-ui/hooks":"0.0.0-dev-2022659325","@chakra-ui/utils":"0.0.0-dev-2022659325","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022659325","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022659325"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022659325"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022659325_1657011832276_0.9033944430773808","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022659431","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022659431","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b8a2ce391be810c705ee50cb3187790e0d5eb16b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022659431.tgz","fileCount":13,"integrity":"sha512-/zPc7fQzL4AwpArKmc9VNsqLZTXirKS24hwVGmuwnsm+fzJlE0AzCm+CHcHuN4mKiSFYFNiO/7tVHejkoU8DaQ==","signatures":[{"sig":"MEQCIEWHaougECsBBrF/jHP85XDxBliT/wsM6h5GSAIMIMoBAiAnOSi2sRKWz2vtFuRrVoY7UqGWzoJQI1rn46Inwx/fQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/66ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZVg//XL30JyVxlZzWLGFqJy38GTiDbH7xQXRfgu4ZoPVe2OwQHyaf\r\n3GxSDTf8uQ9CwcB1tCFX1DWrUKwB2qB33ezuCRikoFD64BC67K/+qYZqDjgY\r\nY8vlLrm9jj/anL187+211vpV8P0fPI3dQnjK2FYIdTYfMaeg+6gn2uMVeKR4\r\nedjNteG0NoZhcOUY2bAq92/EzZupAdfSwqmmk7ZdpowEq0G9JVrcO4FVmK94\r\nCrcxLZNLSOKbrry7PbL8I6/zzZSkhrBvYVnYo5j8CeYwCuqW0MmpGNOEVOwm\r\nUON52rw0B+nI8ry8xv6O6dFsFxh0hVvwH3nRqoYnxucHJHnJFUAd3IBiQXtQ\r\npo5Aam/ypupjVyf7z/Mta8WsGZZ3BlyviK7+0Mub88WJSsJdaCpZexnY31fq\r\nRyjpRmWA7LbAEdqvS48nk3lI4wULKydBJdF1NcsBmalTzYZSK8D6/6DUAwcM\r\nbRxEIa2Jxj/afJuIDztMWF+W8nmvNrC/yd/YFEjWLy32tr906Ns4lLrR/5nv\r\nyQ4mDexV0q0WurBEGMf7O5LFHbQYoOdERepe1eU7T7TDqEQQ1qSRwllYk++R\r\nJP511Ul5EhWJSlw8aJr+Rctn66+oLvosLwTxRH9ziyjvL+e7hu1GVgd5/04z\r\ng9Y1fXPesw1SSLvx42CEe7UgtHSZYCagld0=\r\n=2MZB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"95c1c98a65355f568f713bd78659dadfaab6c850","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022659431","@chakra-ui/hooks":"0.0.0-dev-2022659431","@chakra-ui/utils":"0.0.0-dev-2022659431","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022659431","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022659431"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022659431"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022659431_1657011898642_0.49187115537002235","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022669710","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022669710","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b11487ec3891c2e19e2c2cee7d15a28ce5e04a18","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022669710.tgz","fileCount":13,"integrity":"sha512-er6re1l5SHeCGWsF3eTxaepP12uNmNlqXZDe24SzZ1BLYjPdomEcO4GvVGhQiwB6V602XCBsEL0vG/7M8frgKg==","signatures":[{"sig":"MEQCIG3lZKFbDlwUdqZK5ptNx/4VFt7VoCOspMKWgv1LLuZ5AiA3PMFkYE8JlPojXdgyya6kRddUaxUVhuPFlJagFqXQ1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzcA/+NQdO1X5tceb0QYiJEWbwqIpqwgYjR4loYeqEby+MvKvHJrqC\r\n42xaIqQVgjqZoY8R41JXSZtPeaHDolLBwNcUg2PwzMda2B6iWAkkT78yFOWm\r\naxIgnpBZxyzfRzFfP101PCSx+VCau+HI2EEFecWdsXu3VorRW98LKNZeLnDV\r\nCxeDL2i2EDMblUOjVOy3f3jqyqSr6unQmGeQwuYfecUj+0GuvKT1p8J999XW\r\nHGZcl3dgQhzuJbRby1peLVcXQmrMo68RkI1ADBtUZrafm9lK7cqylHJcLfWs\r\nsqhM07/sjXdgOHZMxRecX/WpR9fh440gRj1MRHycMwLL0G7IhsGKIboo3Z4/\r\nGvDsPCLqEoY1QXXcY3OA4Sxs7HykFvXEf/AL5XC37v31tRDX1oNOoA83qJaW\r\neqjSs6av2wCLx4gktTsxMK6mofB9a3qm7z6yLN5vgZdNXoKt70eCXpyO+kIY\r\nnjbb3xhr5Jv9sHxNrQaEE32akvaS26b5LLQ1gw3jQXsX1JHy97Np+sa7KB1W\r\nbMmPNj0+tbtf0RHvDeOYcXeXiTwcN+AWillnOS5B3UnMoqOJ5N3UKU5w79DE\r\n05fiCOdhOuHzfhJOK3DBNky3V4SZF1llA6MWk9j8yh++YCU3qof7kkkuejKJ\r\nlOz4IBt7fqVKvID6kqr3C+wUmrXudYPIdZw=\r\n=w9Ad\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"e2940ab6151d213732abb924cd7ac5201208dcb4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022669710","@chakra-ui/hooks":"0.0.0-dev-2022669710","@chakra-ui/utils":"0.0.0-dev-2022669710","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022669710","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022669710"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022669710"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022669710_1657098460509_0.05507060931969465","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202268163535","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202268163535","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e4a83a7d6746240b0935d35a80632eb91dbb73a4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202268163535.tgz","fileCount":13,"integrity":"sha512-ULuO148vJjQ6e4t3YPBeodo2R1yU/1lMMuHpiT7WU+kru+Qw4JuWuIvSA9Sf2KznE7/ozilRL/ekkQv8gsZG9Q==","signatures":[{"sig":"MEQCICriQPv7jq7PxWh2UqVYRpOSNhC3RWUGl+jsZ4FIBWk5AiBBhmBNwpArQHL8brbxC0YIKERzNnOwetEH+Vslqd0//Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyFz7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwSA//RWlnnWowWvNayM6fReLl3qBA8o7rl5TtmAhUyoFTBFAL/uhB\r\n0RiLVqB/+HhyGFtQCPSsdeSCB742AwWiOBAgHLuEpnRjFC28MILdmrkwrF2/\r\nxFLG2wL+ft6j+fkfIhxyGB87qSzrA8qeECBkHOp7wvBwe8HYkndY4PaNMxi5\r\nPkkjslJO+NTAwYxqZeOp4yNFw6xfRjl8fIcTQXtyhXkrPjyH3QrLL8oEQmnd\r\nrwGezT1RwrXfXQAjx/iYp1gT7yUNw5V5pfDNaVoVtkmzLSwoH8s5lUqOqK4G\r\nT27DMYHAuTNuIcdMq4ud1p5/QwbyCrJ93qzOn8rYrcQ7NTubOZCszAoCSXMZ\r\nOgtspDj/HI1lS4Sm9gDVBAZ2PUvQuBA89PxAADAOOsI6PiCJZGAYJHF1puKT\r\n4EwmnHODia1MdncUMWZWLNgb9fQtavBJrQ9Ue9XR4pJIy+roTox9vGzFh1gM\r\nznZyBmDQyaB2ugleffk83WeEwO5UYbd6WQ0cynSDJRqQieQ9S9yeMJiMYT4a\r\n1vB9XvEAEgDI5PHtTd9bUVTnsPsVgqVoMIuxcbmyfbtofL53pwe9agpuGYaJ\r\nfsLWmXmsyjiZS42XED5n9beNUSCT+kWF3kcxLGIC9duB1zX2Ncq9pRpnlZaj\r\nyV+Qn9Ka/TDblMYuT6+7aBfmkvtvTf/fZkU=\r\n=QsrT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"a08770bf04414afdcc5e2c7e8b088c75f5dd949f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202268163535","@chakra-ui/hooks":"0.0.0-dev-202268163535","@chakra-ui/utils":"0.0.0-dev-202268163535","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-202268163535","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202268163535"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202268163535"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202268163535_1657298171322_0.46116190476179475","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202268165050","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202268165050","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"601cfb9c79ff8e86116f1acddc23a42a2133f652","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202268165050.tgz","fileCount":13,"integrity":"sha512-8EjzqMk5eI8lM08XSKjWrX62i9+iQEMNMT2KRmCE3ax2s8KUgHksQqHAnGm51AKAVNvccWgwGUlvTrrjQuQUNQ==","signatures":[{"sig":"MEQCIEykVPASiwSpJBaNe0eWiNgxXOa1b6/+W8Uci+35weSMAiBy90wFGcAJpwFMWRmxkhXWIcu/bjsiSuP6edQNvIRmTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqinQ//bm4m8mWd0sjiVwQEaRlR51gmdbkJZU5z/f+3ksc5glWFrcd4\r\nbX4JUq1nCKMAkYKN75x1TokC3G1F6ZQjWobhKPVxsiRR68hLKr9lyWMhpTmP\r\ns8VU5uy1NqG7WtbDpPVef9xbfy//yqnR/ZXGXng5l5xV9XKWjI7Ukla9lhVD\r\nEDevQPP9sAMeKZAjPC6z7yYp6nORpetR8fOjOKxxdHmPhD87yUs5AAhiRQ0+\r\nzAIsEuIYalzGLbtQ6nzZtgWUCM2Os6EMK1PC9frrWFnpWbNu1nw1iT4MCzAY\r\nwe5j789tc/QtCFRvD6X8hpFm2LM+Auw/oWkMk9p/Y+6vVUDCRJy6kLb7T1wl\r\nQsn+FqDqSmFWgzul28AIklx3nTy1ha99XLH7P1A1Mi4jq+YuiubPUcoQJ2mZ\r\nOb4aze2NohvHnXbnp1qPW7cgtwoMc2cD34gddwHrCRYEuoq0PlZOc4YuWmVE\r\nM4G9VujsAXFiw7LUOvd+qjeoK8lKqsjvcisB77pMc/Zs9BRgKtJrq37ZEX2S\r\nn/RWm+CI8yiisPlcFsnTsooCm0xjoU3IaW/r9/mTzTd9MOjuE+fsYSrec1Ot\r\nvBkuK8VPJMUSVfxsnWpx8eiqG354dO/9YMXACP/KEwKXWc+LAONkyJ4nQA7c\r\nfclkZWOUywb+LjaokDHTWjsFD7uL+NI1uJk=\r\n=EK/U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"8bfeefbb562fc5ada4757309db6b951c421342ad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202268165050","@chakra-ui/hooks":"0.0.0-dev-202268165050","@chakra-ui/utils":"0.0.0-dev-202268165050","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-202268165050","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202268165050"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202268165050"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202268165050_1657299077692_0.049379353928421965","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022610103716","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022610103716","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9e1a9badcc71ffcf0f9d849a583338340ff67f69","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022610103716.tgz","fileCount":13,"integrity":"sha512-I4p63IQ2DUsfQrQmvn2TBHSxFvwdZBuStaEw5R7AafmOBUifTVpEKFRcDwX1nZM6+yP0T4DdU7nY+EpEDXzPMw==","signatures":[{"sig":"MEUCIFHlFlZnkswVmdQEhVe2/uGzMnAQLpVb04W02CEZYAvwAiEAt7/07P3Uz4xm/u75OL7lsjlD+lvLye/XNweyb4xZdgg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqv6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmon4Q/9FPfOsoEqSFXhi/6GEdspVrrxkAh5sQyVApotjmDC/+7ZTbOj\r\niNifKHm5/zLSfJQ+gUCeoeyxQDPWqmxrHEPYwg5fdVcuabYecBnjtG9e3ECz\r\nNhMtWVjAuc05PnKZJgP08CSXz3ZQDeagfCykaPVvBA3S/NwjbarU0bzWvRNc\r\naNTPIppDjDBNHlG3egV6badIPHEx6KpsQnm/q4WrXx2jxvL2S6/oPsg4GW2K\r\n79F4mJvd3xmQP9WpmFSnLm/ONL9yl7W26/MTlimDvRXHMmYcaDxNP2naQwHG\r\n8B5EFrI3B1h1LWk/uXpFyLI5ma24Jw2m/p7L+5t9BV9A9oDZplu0M1f/Qhr6\r\n+R6N3TErg/aeLamqWwjfFjxMLoNYTfv6jb/wvfk/RHxFN9idBedQNGBBnQ7e\r\n0a40Zm5soOCwnKTj7hAPpn+8kfQVouC9XAyDFSBXpc05A8ILEd72ssr39br0\r\nuySS4OZ4cXqJgK31Fy/9SXV27UlyziMQvdrZThl4+6KtAE/ezyNx3/QSygOK\r\nKjq4+FeuZuwE6ydI8gYbpZWFpajQSlRxHCX6e+/yx+B8kQrR0HrMBa6vaZMH\r\n0fwSD5qk66qTG8GEhRjkF6s0waBCilzYGpSUiHpZQZvJdyVJFeflgKTjoOXD\r\nQRZeiW1yVlK+xkieg6oYFKDsvHSjvnK5ifA=\r\n=CLZD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"385ae812e7a8004403e2c7cf7d7471f782f3e667","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022610103716","@chakra-ui/hooks":"0.0.0-dev-2022610103716","@chakra-ui/utils":"0.0.0-dev-2022610103716","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022610103716","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022610103716"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022610103716"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022610103716_1657449465850_0.31456427998206915","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022610103924","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022610103924","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e926780e2e9f978ab8d6ec1f500d4d3990dffd2c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022610103924.tgz","fileCount":13,"integrity":"sha512-01fUUBY3dQxLEcazFgDjOcWSPIFkZSB0Hx9NHkMM7ds+UcxLwsudVK84qCh3W8Xut5h8dcCqW+TB1Y7aO3cTzg==","signatures":[{"sig":"MEQCID4pf78Wk47N/JKi81uwVfZ04GEXxYvAmq1l1YJXC91zAiBMyu41YORLpvdtMwPt6E+x3WRi4gYDjh1KCegtRQ8LxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqx7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquLA/8ChT9MMCsAuHNpgRJqB57LaVTqwBsu/rkOIoXTi8NYXd792ll\r\n2D2pvqwkd9ZPZVbaWmOSKMq7+LSQAOvMd9pLrpCBxX49d1RpTeWWtBRUl3HD\r\nbHcOWj9u4MuiYArSN2A9wstYh4CZZtmOHhIetxKBf0+ykWC5JOZ7zuXTt8eu\r\nTuST2LQH5h2kwr9YJ7vLnk9IRvcXO33KnBUmYuwS0BR3eS4WI9GeBZkEItgX\r\ngk25UkaHVEhiPCJfPu6XN/ri0JeIJhe5uwrvnwLppEgfCbS7z2f45eonSXVR\r\nCLbvjQwJ3ZfXtm3WKIDv3nF2e8SETtBGfl1Oh+PHR7m1dWsbblaABpX5Yg7K\r\nWo4aPQJNvyUkmPZZcpE107kndVCrFM7HhunOc1a3kkFjJLVslBrX0HC5bDgf\r\n5/5/CJRJ6H8O08vyMdMBkXWKuu1WT+l1kRBcHExdCpphJt3WNk1e96Cg5H7G\r\ngP2Lx//Mj9nR2t3fQufC9kVp6ZNX8ILVJQauiTErW8AJzk18uZzZ157moiHV\r\njCwYPhMP3lkYXRbKtifwln7l3yQNe/oTDhKK2V3F8xqhYX+ahkdOSkNlcCGN\r\nDmO5HT6RJA8iB0sfPXBRBm5fG/vbnAf9dJ5ZMVFd/8Ev2h6L/GuHtdRFncHt\r\n73iLTbp2pWZQmtgKnusz/bj4W4onqioYSRE=\r\n=m7+P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fa2c993f8383663056cdd4139d5dd3894900fa7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022610103924","@chakra-ui/hooks":"0.0.0-dev-2022610103924","@chakra-ui/utils":"0.0.0-dev-2022610103924","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022610103924","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022610103924"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022610103924"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022610103924_1657449595551_0.019402800912601714","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/accordion","version":"2.0.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2cf9d397fa0c026f1e870a00629526a404d45ab5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.5.tgz","fileCount":13,"integrity":"sha512-Nel+vznSeRU/qbH+27EFA5terr2rokdKIzx4u4f9fd0ui2oO7VihvBVa+qSy8V2D/i2tYYZ1HlwIqjjLsmxpSA==","signatures":[{"sig":"MEUCIQDXp2kwD9t2yHyAlu3Gx7oj1g7zrsEWlJQAh6EqCzuMnQIgdnLL461/PpDS20Ur7Q/qbzTytN/xKdZoQcAQZ44hMVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3gg/+JAJ3mdPkqLDRz/Uu0SsOSKGEeC3HeF41KmzVRwGhQaSLX3hg\r\nsIW7+hmnJ7p6dNedhZcGTnXDm9ESOGoxBt2kfM3flE6fuMZiIsIuFieyMuvI\r\n9YmZONY2RVAocekgrkVgfANbfoxO5egvSJoygwyVu2a5IEEmGWLce3+b8lMR\r\nCrpKRgG1kz4AwoM+WId4Blj959c7clvQNGhKF5rZ+1l9jL3yV39KTjXB7FI5\r\ndqOP83B8mzYQ6PeOk/OmE59emP0AVwMXV0NyDUSD+kvj0mc3qDj+o0yyuOnY\r\nJXBD7+unbdFDT0GANbwoZm2uTuR5VxArRvb3KltNaUu2Kd/5PSEFOQqw0wtL\r\nRod3XdRbY2P7S0MAIlIYeurcRJ+DbbxliDU4/p4Iixbz17YKaXqk+6SkKNmj\r\nalWOAgyQ2oGSR+yMlp6T4wG+6pBi27eM6u0WDvkrQpu/5kBPXcrwkMbjRGjo\r\nRzL3PfYyEkR49EB6GQV2xzDi5dSzSPeTU/z3TxfwHyGwWtSuCueQYM0itIcr\r\nSj/Ak5RqIHBnaGtz8jbCxYgvL42/tROEJI5g0bpqQFAZnHOaqASk9kr2HA/Y\r\npYRAG7SWDHDUaTAn+bpUanMqjeDVBJG+btPh+c1jHjdcTy14HhU9Gg4sFUsh\r\nSWcuCt69AnCbWMIgTeup8s030wFdIa/0Uzc=\r\n=4+Z7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"c80c487a43a449059c4c345cfbd2dabd31890c61","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"3.0.3","@chakra-ui/hooks":"2.0.3","@chakra-ui/utils":"2.0.3","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"2.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.5_1657450628383_0.5590483573727516","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-2022612222012","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-2022612222012","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f0fb65615adf8e1bf6d417b6303520c10465982e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-2022612222012.tgz","fileCount":13,"integrity":"sha512-rD9/NlO11zWUYeXQBcDJUZMofBiqGpu3BXj81KbOpOqT2BF97MjKLjyMiPZA80ShT8tYLB8jUZpQIdiKoqo/vg==","signatures":[{"sig":"MEUCICRdRFPP6S1Wl5zt6qlOOO6swWfZZCkv5Kqnvxqo6SwfAiEA+u5QyZPHaZvbW9kWpjlgkzoGAEwiHvfojMsubD1yvhY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfO9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaUBAAkemIkFTnrjaau2MXIz8dTWGXkpH3+2+Re8xgikEZMALV1oPr\r\nqovaBLAT7NNDTqwi5HxmyeU3D1KIXp2gBJk4JStu92/DQ1l0s2MNR4q6p7aD\r\n0ovnW28se1gYt+b45PKbP960YU/3iGqSyyArsRjqj4W98q83ShDcnIkyV431\r\nqiyZqjRCeeklDms4tWleQuwBwnhbNT/IUm365lXIH6Jk2bHvqt7IKUwV8axr\r\npMzruHH4U5Pc1tDSaEEhZyIXjp6bG9kIgSYjvsaNzOGxPs/qndALCv14H33i\r\n7BhbMW1Mgt++QP5b4PXA40lrGXouyvRSW/1ZrMv6X705CvdTNLAkTDbXi1ZF\r\nZ5hM5qsxyJPUMNFcX18OBeYk/dGSMmN4j8DH+nOI6MXwPiV9LzYYY+sm7Jgc\r\nRvEWhhViZ5ZS5Ivdm8OrmLOX4e8HMK3Xn8vCsVc5kDHNWaYn7ffLt0ajvIj9\r\nBNQsIiZ2waoNyx8Uddm7MiFBB7ZAprNFL40iipju4mMmV57ppICbYIPoJRSB\r\ns8CA59PdVC2EphC3G7aWy3/ZPuVjQ71lT4TvWDswuZs857HdCH/oEP5L4qiD\r\no/KA2OSohwEdun/MWa7WcIL4tTOI7GZW32VRExUyryuRUTuH4Ivh3dEzKSPA\r\nZ/DhThK/FQa9loG/X8GJSD4c8vviyn+Q8bo=\r\n=NEQQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"46b495455fc416b166db18f5098ede7752b2e3ba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022612222012","@chakra-ui/hooks":"0.0.0-dev-2022612222012","@chakra-ui/utils":"0.0.0-dev-2022612222012","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-2022612222012","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-2022612222012"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-2022612222012"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-2022612222012_1657664445550_0.1520845972347986","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202261316456","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202261316456","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f6c6e2c48e9d3de691ca76f17fff1df889ddf8d1","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202261316456.tgz","fileCount":13,"integrity":"sha512-WM2XFrIs/p38xZ4VA1MneYqW4TmrV/WK7KqMBJ9wH50SPgWWHebh54nteWnNZAyFmXXspO3kGwZtYyVAk1qfdw==","signatures":[{"sig":"MEUCIQDO41FakhXkO92D5O3MpN/u6xZggVOYrF7QaDHyN8zs3wIgP5pXRYlRNyTcBZJ7Y5tWKjc8QSJ/rq+AFmHG3jAtXkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvauACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmptiw//X0VFQDgCN0HeybvwWT0WXyJGy+GV5iWsx0vIIt7c+bjkKlUO\r\nbDIRxumIEf0bzlbtpKwJX55lKBVcni3FNnTtLL6TwdC2stJMattodne/esBd\r\nIeGx8S+vJotGBLKaPC88BbG9ae4YGxNTJJVbGOhX2wNReWkTQQOXN40LBjhn\r\nKcwM+vRHoqEplABfcVsB4hXAbIHLfQSHqIuQjQ2pwVIerHjYaETpjefH7Bja\r\nXy0sznRQNnqPPctyFL0FWdUDV6OD6OAT6jE7s8/9piG/8J6pCkBKEQ5Og3nn\r\n7oTRD9VZiv0o+Wj9cUJq/Ub6sDDr6HVH/EU1IQ5JF01JZt/yGnBND/QHX4jM\r\nS37j5SzyHn3d37idKXKdT1r+c8AP5I+FcOLO4sxMBqlOvPwAWSXPVWqAhsLb\r\n7v+dxd9CUQjwQlw0jPdVKxr//aBx3mEbLqm7rl6baEDP7pT5zhCtOVjgdNx8\r\n0C18JmSsX7/M2BD7s+yr2DXumAZZ6YI4H0tRY7GT4OEu4GQKb0rII9lLBc+J\r\ndsvU5wW92rQunglWIJrAnwmPyinufMKsVQeUvJ9RUGJhYTd03235QpQTP/o/\r\nhxXasyQJzavGnw7IyXfAXZ/MkjhT1DVG5e4JxmUmrW0RTNwVXhs/IiNu0qQW\r\nsBveMluxpiZLINnND0hHPrNxALMJ7pTBfp4=\r\n=5IRR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"fb3c09325d7bf58aed13c6d0fb1f72b92ff0ef3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202261316456","@chakra-ui/hooks":"0.0.0-dev-202261316456","@chakra-ui/utils":"0.0.0-dev-202261316456","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-202261316456","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202261316456"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202261316456"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202261316456_1657730734593_0.2530812938907119","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-202261317818","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-202261317818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1621920d49b2c71f58a74ac17fb27254709a0f85","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-202261317818.tgz","fileCount":13,"integrity":"sha512-GZtTnZ7JqU5P6hDgYQCJy8VOGQ3mRDe5iumhpq6aAjScXP5ShZT93klSMdWNyepIHByDaAr1AQ40M0rMpvr6jg==","signatures":[{"sig":"MEUCIAZ6RatYSk4N7o/A8XkDPlvkVGGlsea6cmoamd/bhD+9AiEA6CLcrNGjy4qQ4JrWD0Lg8pED2VO58x7d5pVq+YNWZj0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQ7w/+OulxAcJI1tWFA7Ad+bVp3HI0Mo0mSLDq3lPp9u3qwGpNEKMv\r\nA4uSOl6Ci2wDyPCH+O9GWoY+5792CwlUL3gwOCaRIj86kawP4W5oocD+9HP8\r\nHZDMfZurxL+2gYrSOZLexZK+HaevB2Nmpoon02xpY5fBJZiECdwaYJdl4raS\r\nIJLIf3wVGUVxdEIvEdNPXPxcCNLuRRTKgV7GopDmVQ8ijEzBK7dfHlKL/KKK\r\nvUEijUYDB7655OiOCAeEgGQnwU5awZpBkfSuZ6guvI61D6Z4ZCK8qmLd+Hrs\r\nMVgzf1JDq3qdQuwKRQwG0ZF+XMJvQM7ZhAZmbqJqpvi8j9wZe8OHNVjYhYDW\r\n03DWxrD5vzq2og38nJPtG3xcwO0H7LwZmaL3JdH1WIdRU7BCgee+36MRnSyu\r\npFpvqb2LTult2CEQYKf3KJbtWMeiOdJnNmWETtT2BeDMO698EtjYhpiMkGCx\r\ndNSwwsoF6ddY3BEU9dfkk4XLluNh/KjcQW0tU5d/uwYLbKb/wLKkWthndkXO\r\nYN2gJGECj5ArYlcMtCHWT06Vx13NznZAWbcuifBooqTuius7fUWTSAW0XZ97\r\nc5exmdLRA2ozve1oy7s9Q7togjrPMUrlZLsOaOzegWHaw23FFuCU0N1fCmDW\r\nMa3FdZ8hWyWJ/C6ZMuC9V+Cgy5pxkcqk9A4=\r\n=MXjV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","gitHead":"4beff94be65026ddb1d8c06c9e96f9eae195f352","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202261317818","@chakra-ui/hooks":"0.0.0-dev-202261317818","@chakra-ui/utils":"0.0.0-dev-202261317818","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"0.0.0-dev-202261317818","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"0.0.0-dev-202261317818"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=0.0.0-dev-202261317818"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-202261317818_1657732128135_0.0712356136828185","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/accordion","version":"2.0.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e92a273ee50a3bb2e7bfb8140bd298c737733082","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.6.tgz","fileCount":13,"integrity":"sha512-1wPSSk2ZbiIHV4W/HMrv0t+jxiLMTDFVFd92ru8loFtU1AjNJ068OlJJs2V5hz4mbriC0nDctMxDJmT0zmPNaA==","signatures":[{"sig":"MEYCIQDE0G7PUiwEv3p0k6sF/FwiNf+QscWIOFyQeeON4tqVGAIhAJ1Nl/zOVe6y9w0F+7QqmNjoz0tCj341DiR5fHk4m2PX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxJyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo+Q/8DvslmM7MTq5hH0U96YcvQ8p4StGJ0+9LVYElt9zoXeeCMfZ4\r\nBXgVdUKzQfq43OjwvmP46FQpDtBCO5x4J2j6WWcUiA4DDC1PYIMks1cv4br8\r\nrYaGJIOJgKx+cnklWuW4WGKYKCYZdVbdjyFCuIreD59RAS0S3h18mQz6UjDB\r\nAJqTLhn1h1a5Ixf57WaDzR9aknPd3bCDzmmvhcmt7cr3/xRGFPISwvPzK2VL\r\ndHzU4pedXE6hRDuoYzip1v5f9dR+oYWGWm0T/r63S23K6uRl/NPlBPlsP1qN\r\nBeTWwaRnxH+mhbU9IrFTI37JIDqu4dzoLr/KvTc+G9H3V9vJK1PwQamX1OcN\r\nOqm4sy87zvI/OHRc8VFeXYUpLvLec6QjKviIZToPdcv7jrm7z0Z6nMRNuIeg\r\n7gMzcpvQVe7k2VMR7+Ep0Rcr1DlY2IimF+o9Ae/Hxu7o9PQPjHErUR8s3XAz\r\n0RWzx75bX/XzPPdFTBimA+L5lLyCXcIGgU/+hZgg6/sdRCBWgMKTPexfurCd\r\npsETc8i6vY5m93lBVw2q46Zt/grC3wZvURpQeCFo3Vyrc9gu0G30qsuVuoRw\r\n3l8AiObHIMVsl0iEyIgkVmgJ6zw22HwMS4HJNUQMeB7PAwm2Fi+C90WQOlOR\r\nmezYT+1qfDGhQs4/kJ+kRTQSDCE+h9yydko=\r\n=Djek\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","gitHead":"5e6a402ac446e4ec252c1fded4fafb2a5a8e9970","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.4","@chakra-ui/hooks":"2.0.4","@chakra-ui/utils":"2.0.4","@chakra-ui/descendant":"3.0.3","@chakra-ui/transition":"2.0.4","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/system":"2.2.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.6_1657737841793_0.8951070681631186","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/accordion","version":"2.0.7","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"df72ceaa2ea560b5ad61048b36349f6df4eb781d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.7.tgz","fileCount":3,"integrity":"sha512-PTN4WGSSgLeHhn8bPSIAjvAuE23Mxk3OQlIUTZdqltNhQy+mjHONwOoK3l+65TnR0he3NrkHsbAE6WmWBus03w==","signatures":[{"sig":"MEUCIQDyFHAqr8puDCbl/imAHXWPYHpKWPiG6GhVQwfw3dY/zwIgGgagzWlCC9qRoV1UBs7mRbCTHrGXdJI18PxoEP5aNGU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBng/7BNj612sCDcRg2DzPFk4vZywxgOmX/zJhpJOGi0nSXwBAF9N3\r\nC8lMAYcuzbLyTycdo49sJ2vfKcsHqcfRlX916D88+LVTioQzpfuW+fm5kyo0\r\nE0EwzJxVMYn3XnokkZZ2pyLGC8XQemJNHWIYdqieW+XyZ5WQa915/NE8jDsN\r\nRGZC7eZMJijTrWxiGvLpupWOQzV0O3sj4b/RXc9UqisCcOQHJ9u+bHRs+kKR\r\nAXj1eI+rIKBRS0tKwylnWWEV4M/38PGY0tuUDVfddHC9nqfpia55aeI5VRa3\r\nZ43M0gHQrW16LEFDAfTD+PUNwN/YdDHsTJdNB4GI0ESSfEEkMqwdhSsVFuNC\r\nidxtXv6msDbEPAw5PuxdbG5cVSBIIeU9ObP3A4hadG8uzQjcQziavo7v653s\r\narGzLQ3JaqFO66NacF8ZnEJj0BTXCPxFbt09FiX192cim6EwGsx7SqhboHZp\r\nHMInPIm5fAH8N9l8HblpV0eT+YArnbKmGWg8G+RuwOvQR+HJG3rKqa51025y\r\nyfAMEigV/4SlaBvk1rqoLSo/s4iRqF3CxNgE8aOmKm8uF4ZDQLSXRL84E9v6\r\nZ9VvAy0WSAWu0wc+z03TXhrK4Zzu18jm265ptIH6/Qz/pCdVvUqG8coQPGDN\r\nQqwKcrykTFfn1wEsgWFQmnWusp/qAOfajyA=\r\n=fzP7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-accordion-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"tsup src/index.ts --format=esm,cjs --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src/index.ts --format=esm,cjs"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c09bb325f8a1ee1b1123d11ac71927c9/chakra-ui-accordion-2.0.7.tgz","_integrity":"sha512-PTN4WGSSgLeHhn8bPSIAjvAuE23Mxk3OQlIUTZdqltNhQy+mjHONwOoK3l+65TnR0he3NrkHsbAE6WmWBus03w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.5","@chakra-ui/hooks":"2.0.5","@chakra-ui/utils":"2.0.5","@chakra-ui/descendant":"3.0.4","@chakra-ui/transition":"2.0.5","@chakra-ui/react-utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.3","@chakra-ui/button":"2.0.5","@chakra-ui/layout":"2.1.2","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.7_1658725825101_0.43660962066468456","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220804193103","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220804193103","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4530fa3599f871bbb6cd4794973e101fc14aeeec","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-k0wPcLE15ELNCu+jEAaXeJ1PmolNuPZm6CxRiW91UfzbdI1jXJXbIs7yxHX4N/BPHaM9F/NqlnImx7WUd0HMIA==","signatures":[{"sig":"MEYCIQCAz+FP5P2FZrv39EUT4KwE41A7fEh65DCLMxu77IuWoAIhAIfw8P8bwwlpMko3gKRukeGw9qkw3Ms8HsKZ77euikVI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B7aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrF6w/8DHDnBmBj5kwZxFzI4TTl8MLfL4rgFhzKvLPQoUXDHgMJBLab\r\nGn38xFFgsEhtJDRcTo5ZTSHznwJCo/b0fyWw6TPPuGjsCX85GuuI8pR0VEe/\r\nccSDmsBYDzLUEKR4jj46kWGQ/sSDDRYIEIv5r5MsztTe+HQL4/qa+Sy/j440\r\nRvaiZVk2Wzfva/ysUcO+4diAjeT0U5H6EQFFV8KJP0V/XNvkOjNBk1NNgTaS\r\nIjXLiFPbZNtl9wVU29U2aKnV+UtLeKsx3dn/MAdFmuyC2gY6zp3shyPxhbNZ\r\nqUxfQf2ad1S3eMfZYdwaqcAHoEvYO2AHkwQUan+rrOS6I4t2Jr+IgQR12Diu\r\nTqx59gYLw31ewrSU8X5JEkaE1+SXhtr0/jubPbgaikp4zJ6NnVyJm/QnKNZH\r\nV6jVTuNexo5ZJWKYVnOxkUmTj4LwextGHKFXfvJ6gDJWybXtmiQk63ZQrdsU\r\n5lxq4ODQ0ECc0xoLR7mmPxXkkDoJwWqU0tauIX/lyL9k2a0rOYYDD3e8ZuLj\r\nQR62bVpaOE5Y9lCua0OUY1Ismz7Sq4VFRM6yi2XsyG7cs6SUCzU9d2sUtVg7\r\nMtO6B4SK2Y1JzyXTJKdA8jiD+qP04W5RSDL/cc/Oo2BjrHNsZX/mVvz3xr6y\r\nuGSEAuks9stzixfRtGIiubqPqcM5OrJZDKk=\r\n=qmHu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/459863a9119c63e8c659428734b3bccc/chakra-ui-accordion-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-k0wPcLE15ELNCu+jEAaXeJ1PmolNuPZm6CxRiW91UfzbdI1jXJXbIs7yxHX4N/BPHaM9F/NqlnImx7WUd0HMIA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804193103","@chakra-ui/hooks":"0.0.0-dev-20220804193103","@chakra-ui/utils":"0.0.0-dev-20220804193103","@chakra-ui/descendant":"0.0.0-dev-20220804193103","@chakra-ui/transition":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220804193103","@chakra-ui/button":"0.0.0-dev-20220804193103","@chakra-ui/layout":"0.0.0-dev-20220804193103","@chakra-ui/system":"0.0.0-dev-20220804193103"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804193103"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220804193103_1659641562356_0.43290843208864316","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220804193815","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220804193815","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6892774b95ff1b8b5f76802f947abc395f394ef5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-XrjfdSBQYzji8PIYplSCMNVodFlLOPfbKwMm7VMrzizUz2h/qca7rfugFFgjKX7YAsJiVGCPj+C9uMzmPih0Eg==","signatures":[{"sig":"MEYCIQCYEO+/8eyEFUCADJ7+2zDW8JIVAd9mbla6tC0YR04uTgIhAPbCHICQVrz0vmBAZv9D6VasImmmhX1JuQJxHo1uia7A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoX6RAAoRjP3/r0CaKMAoZ+C7lcHAYGTbBbE7Yd1A7lwTi+74EFEIDL\r\nwUKUrKXzLcBMql6aN+uqPnSgNFGgSXvI7ADM55UFgvFPdgqUOJOmWCm6MzDZ\r\naU3MfxS9ZQfcdPbp5pblpBIEQRK6mcIc4ygBYVTEiiBzC6ZtDrz8VEgDVOPS\r\nVuocK/YCRtNRmtTXBZTXHlYEH6qLPuQmXpmFbI1NEILdxDOGymT8sgrrDTgg\r\n/D+kJzAfEmERwZ/m9JQAGx8RRIh+iIThxHa5ECRrs/dZ+aGfOdANVa0dyTvd\r\nXBgldvF6u5Y3qoSA4VCVta9gI1nUbYhqwBJ+IzlzAzhgQIijxz673rkY4Leu\r\nm6hpsBr/o3gSrf2dQWv19JGzo6LljvwvGOqj2km2X0M2VmY97zn6lxV9jEB/\r\nAUJlc/gMdF1XUW3fb/NZJfUqp60WZy4wlseWC2msz6pahHC89lVpeONGTE/T\r\nFwyhG5+ZJ4/gflsTz/rfPLU0CEUDBC8wWs8DiUvBsloLyt9ad9bZYQ/8hopS\r\nWyYTxEPbxKGbHDIWbQVCpZk1FEhtFT/fPwuBXcRtuQ6V6cSTGMC+FeAiEHU0\r\nApvm740C1G13psnbJpKPxLJ/msFNfoBHTY9zftITQVbsUikU4FnW0niP28mQ\r\nCfxIvzKbKwNrxknddlTghbreEPsTpqngri8=\r\n=N8tC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/f391ddec27270fff033d71e73cdccf9e/chakra-ui-accordion-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-XrjfdSBQYzji8PIYplSCMNVodFlLOPfbKwMm7VMrzizUz2h/qca7rfugFFgjKX7YAsJiVGCPj+C9uMzmPih0Eg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804193815","@chakra-ui/hooks":"0.0.0-dev-20220804193815","@chakra-ui/utils":"0.0.0-dev-20220804193815","@chakra-ui/descendant":"0.0.0-dev-20220804193815","@chakra-ui/transition":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220804193815","@chakra-ui/button":"0.0.0-dev-20220804193815","@chakra-ui/layout":"0.0.0-dev-20220804193815","@chakra-ui/system":"0.0.0-dev-20220804193815"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804193815"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220804193815_1659641930492_0.3001923643505586","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220804194739","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220804194739","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f3308b8f71b6ae4320a1253735f1a12245a661fe","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-SyDABBNk+3EYgY910GWFWLviYcRBEKiwuVka3G6pZsuaHaF5TAvAUct47ItvsQT1BBbkDqknfD+69ozIbg8sRA==","signatures":[{"sig":"MEUCIQD0+T5HHeeigQSXyy5qcdNnFX1jemU9yoICFOcwjlhADQIgEaJb8quZwQ2fcIAFGQUloBC44QNojmkY1YzBeVcuIr4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CKMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbCg/+IQAdiR/kJBTqLjHUhsDliRJ6Z/f+1b7ZnFryyc0JB4oqbwNO\r\ngkukh1jm5AUM2JVOdcGg/rPWYjB7AhfJKPzIT/WXIn7emmq/5iuz4gcHpJlC\r\nikaos49BeeJ4Nb5DEWnQb6rRwzowQrbERbzaY4PbT/aYJtXvVGv+RX/256XY\r\n9kKU4NPguMEh5n9PKeSkp3Bwzg3RjH3D0iEpIf5tUi1oib/9N7ls+BkRXDIf\r\nYG3CKJR/f8vOIaILNZN3WE2i/VS6Qef/VygVZLhjShSacXsBGRiEYXtyuwwq\r\n4fTkJlM/pfkFJTRAPhhAu9yljXOpCSVil2vumNP4bNZAyFUAP62vwKF7iAh1\r\nOE7zrRv3AFg138PjepzlRxi45OwINmu/018ssDKIvK1Gn1rXtyPDcv/7sxBS\r\ngy+5rn6refeyCKjexpldcjcj5t6N7mqVHpGO4M9Q8Gt/1KtnI0WWt34oAeSp\r\nEanDSvR6Qp8zCg2sPa2Fu96YULs5y+Z62HqAplD/lIURYNTWQQ+vPfsJCYiE\r\nX//0dHy+777nndhPueOGwS2N4uGjfUMTSisbER2nWt6t9yipeQvLf3lmZ1fd\r\n3aCj9bG0ElLOafmWTzbKQcHoPwHkU+EH5Xk+XOJ/EcnNkx/WA0Fb+P2bKcp7\r\nt7+zLl5sDP45w4KoGDEktI8lhwivzDPXHIk=\r\n=Flxs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a44743d4278bf98b2ed4d7d46d115342/chakra-ui-accordion-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-SyDABBNk+3EYgY910GWFWLviYcRBEKiwuVka3G6pZsuaHaF5TAvAUct47ItvsQT1BBbkDqknfD+69ozIbg8sRA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804194739","@chakra-ui/hooks":"0.0.0-dev-20220804194739","@chakra-ui/utils":"0.0.0-dev-20220804194739","@chakra-ui/descendant":"0.0.0-dev-20220804194739","@chakra-ui/transition":"0.0.0-dev-20220804194739","@chakra-ui/react-utils":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220804194739","@chakra-ui/button":"0.0.0-dev-20220804194739","@chakra-ui/layout":"0.0.0-dev-20220804194739","@chakra-ui/system":"0.0.0-dev-20220804194739"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804194739"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220804194739_1659642508068_0.05101059023877563","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220804200605","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220804200605","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c3ac412de5f1667a26732f69d1f4bdab40039dac","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-LXDvhKwVOnBWGjLgRtvg7p9qAMDB5rd5YnW8R9hcFSHt1vTfyLS86SWXEGrUsaX1P5Bft28BjPNaaQrMM7/KFg==","signatures":[{"sig":"MEQCIGkqWY6+DirOXY4TEpzs6iOzgaNPbUGyfrkiBSBr/jrVAiAR7j9ndj731UXnUHT4vtyOWL8y00KJlCBSL385UcgrIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CbdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppeQ//e5OrPVPeDcApWj+0t/a6Ji1PzWniKJHAmeqtCv2JvH4U3RDC\r\nvpeb0z5xr4pKM4FKnZR587qLaxeGSJmnwOvs9QLqXgYA8U2r2R4DCjvGJ7N8\r\npjJ++MrQZVuRqn4Lkt2qJ5xRHLBCvbhj0oTe3Ex9PIWO8krUi3ArY4KfT7yR\r\nZE45NXtW9vFV3zdusl0qOyk8qF0/imh6jwxv8coq6dFLfk2AhjJWeE37bmhE\r\nxv6tAqf8Mq2S+bPbaXNuMCq8JKsXZwd5bMtmYpqWZxx0Bzn1Doqh3eqFry1f\r\nBItZUyrUcWRjCLDOmEbrKkBZU9PgtKS/zIEmeozY4AP5MoZZxBw3an3WWu6b\r\nz696YM135q5lPk/ic+p/O+g0Rpv1cf3//Nbk2pCyo46KZpF8Clj2CYmBfjBO\r\n7Ge10xoj3H7NY92TG5q7x0XQ7DKM6u4CcwXNbuQh0BmT7nBVqlCLhmKzNfGU\r\nLhB3Ou54QONu+IjYXOben3nTrx9e6GK9ijuVJohDXR2vV/7kktj99VQAS+qJ\r\neospbgbgxGh6cm1NMfbmcqXeW5IcEQjE73K80oI0Jo54/TWOGm8mNGkchueo\r\nJT9a1gb6l0AKwwPbL+5mksgUnO3Bt8b6vn1MEPfC3/Qw5cf2/wRkQffd4n7Z\r\nxA68JsAPCDea93DcJqaWL77MUk0+uXLl6AE=\r\n=MQOr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/294423b2967511c177702c5c27cb6cc7/chakra-ui-accordion-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-LXDvhKwVOnBWGjLgRtvg7p9qAMDB5rd5YnW8R9hcFSHt1vTfyLS86SWXEGrUsaX1P5Bft28BjPNaaQrMM7/KFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804200605","@chakra-ui/hooks":"0.0.0-dev-20220804200605","@chakra-ui/utils":"0.0.0-dev-20220804200605","@chakra-ui/descendant":"0.0.0-dev-20220804200605","@chakra-ui/transition":"0.0.0-dev-20220804200605","@chakra-ui/react-utils":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220804200605","@chakra-ui/button":"0.0.0-dev-20220804200605","@chakra-ui/layout":"0.0.0-dev-20220804200605","@chakra-ui/system":"0.0.0-dev-20220804200605"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220804200605"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220804200605_1659643612843_0.1968058659927665","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220805062318","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220805062318","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"32ab70c912678e7100226b2b84f226d33f7e2114","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-p8W5K0F6wAk0CcO6UdDrP1ObP7YgR8fH5uCnJKtwv+PRHyh3jldaGjyNkPGg/dJVu2Y502yIV+17qS1P2RukkQ==","signatures":[{"sig":"MEYCIQCdUic154OjgAPovR4djXIOHyCL/9l0cQK5+L6atIPz1wIhAN+uu5ulW5NVjx5mqQB3eUlQVAD08P8jaNk536lZYxX+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LeDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYJA//Qyo1JydrMqN5EdhpSMMhCwO0CGdOIbE0tYs7O3ftL26eAR32\r\nZsq3Zkv/XHlC67KwH7VomD6i0iXmlv/sMAQZN4Ze7IhnvEQXzdwSr7MW3f1o\r\nzH0zL1H74gJHmpRfwx4HQGLsZNNjfbOwGEc3JmTBcShfa+ojS0AOsi2DQfkF\r\nbCIOtTCdcIynmz8QCBJuLrZ2yt6Xo25HcuRcA/ooDMjPxbmZPutod8HbVix6\r\n3G664y5VmcP2em3VlGcABejlwatcsqO1Z2ofXaox+GJUqQONC2sTGMiXgf3H\r\n1PCzlAQ/r6ELKam3MOMmUwhZmDVXUHSo3uTur/NSYcxXXOOlxam6SyvUwJE2\r\nCYYDIygHLD1b6zp9h/KUe8lfnUgc6fkHWNcSPcIyY61lvRm5RaHLpCHnYF90\r\nKsKb0pmlFf+Ok12BpKNMauadNAe8SuFf3pR5Fe3oROvwto8WaH/1k36SO+S/\r\nlv/FViDf4ESYl24c88E2OUxvfiHdcfUramogkNcErwW5s3JKihxtHNLKLXTQ\r\nh8G+LZNwX230E8ZjsLugx9M0vs+wTIDaWfHiKnLMuLpGJaDDA9aw7+8ZeFJn\r\nkBmlia0h4V2U/PwD5qlAkeHO5+9pISNmNwAlGc/cS07/eJlVaOCrKLDKLBCQ\r\n16CMURXG5TcNAvvQoJbeN3oZWwL0gQg3PoA=\r\n=K4Uo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/073040667b7df7ddcc6a9f358a781884/chakra-ui-accordion-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-p8W5K0F6wAk0CcO6UdDrP1ObP7YgR8fH5uCnJKtwv+PRHyh3jldaGjyNkPGg/dJVu2Y502yIV+17qS1P2RukkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220805062318","@chakra-ui/hooks":"0.0.0-dev-20220805062318","@chakra-ui/utils":"0.0.0-dev-20220805062318","@chakra-ui/descendant":"0.0.0-dev-20220805062318","@chakra-ui/transition":"0.0.0-dev-20220805062318","@chakra-ui/react-utils":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220805062318","@chakra-ui/button":"0.0.0-dev-20220805062318","@chakra-ui/layout":"0.0.0-dev-20220805062318","@chakra-ui/system":"0.0.0-dev-20220805062318"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220805062318"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220805062318_1659680642847_0.01272925441212025","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/accordion","version":"2.0.8","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e29f942b7a85b6736c6e9b128596dcc58cab05a2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.8.tgz","fileCount":6,"integrity":"sha512-KpZbVwPwoYuLUrWsxE85SsBv5c/jXLUEVTginR+7Z3bqjvLfP5cI0BlzzTq0KJgikdmhXoLnscookyZAKv1ixA==","signatures":[{"sig":"MEUCIQDV0l0styyEcGfFMXsx4MJJy0VCuABg2UheVNM1u8ltIgIgRkz70PVYLMHIiqjpTTrLefGz4BTtnMpC0pdomoil24M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNHQ/9EvlHhKNR4S4OCNKMrzF10fMEe9Qzr5f5UfWe3tDjF0+LzNPy\r\n9pVXVnlD2pOZ8vb+Gt3cGEj+kGxmJCpE8IMNgo7MWIQOP+ey4SwqzIpND/4W\r\nmxsFgfjcKVRbpRjFmQfJW57KgTTkXMw0OsejseY1bBv1kvVMCt4AJR3HSxd8\r\nYasxinLSh8ym65L03Re/xLzUD7ubQFU9g8FuE20MiS3Pcj9a6VkiKH5wsyYu\r\n0Bpru7SE9Om96vA2Nvhv/o9fyj9qW/uw0KZxgA12h4xvTWb43sZWWokcarqT\r\nzRiwtiWfbU7VsTXRmDYThWIo+7McSzS+uoXfUx1UEO45LDpTsu5P8aSD9PuJ\r\nl8yEQ5rt64dA/Y1SKMNaVq+rlx+VKI4LxhhNPGz+RkCW4Odmm+Tz6pWH1vx2\r\n7ViZdnNbg85FkkISdk6DKTAfYUjlrG91aL8RDgeCcDhH635au5zgie/5p1W5\r\nINwQlb7bLHm7a6um0NmA5znubADzQ3el3xJgiYzz6NIxG8FcaZSeSEzHQTl+\r\nlFyEdqEd+XpTtODIYEkbQqtE0KcdtiFB9YGJW6uut8HsEKhfV9Uf7P7H2NkH\r\nvycv1uDTZ02QkZg+CeJNL1zlfcaG73kzA24G6kiOFSUgUQP6K1srhly7TJtI\r\nGRkPn15Idq5H5KoQfNp7f8XlV6RdU+D2r6I=\r\n=Aq3X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.0.8.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/1351add0388258e192abf7655b4187ee/chakra-ui-accordion-2.0.8.tgz","_integrity":"sha512-KpZbVwPwoYuLUrWsxE85SsBv5c/jXLUEVTginR+7Z3bqjvLfP5cI0BlzzTq0KJgikdmhXoLnscookyZAKv1ixA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/transition":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.4","@chakra-ui/button":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.8_1659694377378_0.5390348207747762","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220810112922","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220810112922","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"df7b2794c75b4201a76f1cff4ec51ebf78a4909c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-dtZXIbC71dHLexL2hHyMnKDktcOtzbgSwnxQAAHkL4vmrfF48tqQdxkxWf7ZwFZnE8DAQ4w4U7wD6DVNeyq4Cw==","signatures":[{"sig":"MEUCIHDSWErlFxt41J2qEV5yIOIL4+sdsqoGoQcbnCMC7aVxAiEAqIEskjdVH+/QL0DUPkNz30UrdyP2QrIoborM/TuyGfw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85azACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCbw/8C0hrtiiPL0aACiOT0mJeAHVMzSKJC8OORsp6Ap2TSxm/ePNl\r\n3c3zJMwAfmT+Mj8IWgE1zXNT60aTLMFUunb5CMhq4UlJOu2MPXVaXHvnNevb\r\n8bOU54nBcEJvgFxsNbwvpXzID/MLdJsIoUETBeajT6vzZ+FvLUxWJGwy5CyA\r\nr8o34uksNQM7X0EpXTh18Lh8EBlc0lTJNrWJlmwUubIf8NARLGS0+eEcG/fY\r\n3iM43e+zwRwHazn8w9SkcRxisDBR4ExhfmLT/aZlEi5YShtHiEBHUjFy+DN0\r\nY4xkg+TByX4ndRZaG9VXyriUt33V95ngh5aU7tgJcoiSxZhBnRORZ0NsFOnt\r\nSXjCdxyyRnIG9v2hqBGCH/8sNVeFcLm0QoXSRuEdZSUFO4yW1YnPh6ZDENvR\r\nJGEJf0Mg+gzB2wgqlbzuQQ8tb26cmJ2PxjGxd2Ey45uKn+lmJGESQ5SB4lvs\r\nYbyMcFrswJ8cNA7wTPyaU/tfyj4PN1eGBMq7OxEr5Nsri7RTkeHiHUQWvL8A\r\neB82O3acMAHeO2j1vQTv9OKbvqDcQRRAUKG1YAoSNwmMfFABoURfpTEgQmUl\r\nrvh1mPJlzq/h5GBSgmm5PvdfrKa9n83twiDgQWADZYZfdM/J1bN91PTV0UHc\r\nqcxdJHEcisN70Ck5tvucabh3jioVqyUUpeE=\r\n=mD89\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d8fe2ff3cb563d13e10f0ab2cb16815b/chakra-ui-accordion-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-dtZXIbC71dHLexL2hHyMnKDktcOtzbgSwnxQAAHkL4vmrfF48tqQdxkxWf7ZwFZnE8DAQ4w4U7wD6DVNeyq4Cw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/transition":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220810112922","@chakra-ui/button":"0.0.0-dev-20220810112922","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810112922"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810112922"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220810112922_1660130994979_0.49990435019408763","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220810121727","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220810121727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9feaa7327e5dc3295bcb41b3839194f22b788831","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-nhYh+HQOlbWKKEYwmCPVSHui7pNeshBzIIJOnlHyTLahNa9GNontfBIH1y+aWj+zhCE3JMospxiOsgKzDGMUQA==","signatures":[{"sig":"MEUCIQCHm1CEZUg8z+BrxVZeSncfu7/JqAczatNzUau2zHlHigIgcnMVxhOaRz8KAYCkXQWVMacvkUYJMdH1IPp/NmGwnFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86H/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp74A/8D/Ge/qe5Ng9ZINCsG2Kpg8OO8KORwj0zzHv6HM21Cfd5t8eq\r\nObJ6LXCUwS+gHbg3N+BfiLEeUysxgnl2dBEqPtAExYX8N0sTyOgJVzV5q6Y2\r\nwTUD9i8TGYuCdUy1MOCmBF9061mUx5u8n+BEk4Uz3a9awDLk5g4otlrMAjVd\r\nwt0dyihYMJ5Yhq001ayjXuOgO8foHnsfk/nVMNT1E/VZWU3pp3t5ezggxxGy\r\n4Zboy+FEkqzGSxklbfxjg9/hhBfvRtga46T8WWioOLg9KQvpZsI+ULMiGLxM\r\nBkttMM9x2EjzqAXQuv8mUVoqoaihat7HfftwmD8YKaPjNXn62nVjD6NbgBOq\r\n9KeMtPdLmG/wg9jfLaArgvBE86fu4Byn+E0WZ9QhRVshXRYaXH90Uc00a6aa\r\nqGS1XRit8tvdcDUEmPEMxlJug6ZvxcZTIAjy5ibNjQZ/VSZ0D7Y2S9Jn1LY5\r\nHOHkZcoQXqFINaVMOEPxhwlCj8mwXxfKjIVNNCtiFcmtf7afCY3LgDuDOzI8\r\nBYgItlh8CWQj9uk5TPj6hm/VhQYO/A/8wfI8MU/0+mj1ONf/T3AEdQw9hiVc\r\nOdu9f/9xd33Q/wII8SnpZyLQqpFqqyeBEsiGGUk1dQy3CF5bNLUXRFGeGWnx\r\nD55yVKB2NQkvuLRAw0tPS8ZbEJD2jDNi2PI=\r\n=FAS+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c4c599a675a2d9aff3d4c4f97a164efd/chakra-ui-accordion-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-nhYh+HQOlbWKKEYwmCPVSHui7pNeshBzIIJOnlHyTLahNa9GNontfBIH1y+aWj+zhCE3JMospxiOsgKzDGMUQA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/transition":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220810121727","@chakra-ui/button":"0.0.0-dev-20220810121727","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810121727"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810121727"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220810121727_1660133887143_0.6386314732562963","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220810122556","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220810122556","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"340ced1136ed9d274934407b21e39ae509c1eb8b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-DmA7q+YUVY5RgtVYeIwDMJ2cO5zTK7VJflxRAdCCw8+xOsUOccnzgXEVr9oaa7wedElbXqz3Fe3O2KaMf7SXbw==","signatures":[{"sig":"MEUCIGKnSzuDk3CI4wzmDTCgOcn/idM3o+nVpdWkSgnLCe5IAiEA4yx+ERXaIk45J5iBsaDX6hSoJeoKVSEFU9Z68XalK04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86P3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQVA//bg9mA1J8ske8tKMXE22XLf59a70HjxJ+zE0KIczcxhNiQ8XT\r\nra/qnqCp6FIW2HK1C/SMwfUPd211w57jom+HTEULLp2XBfjBn8Zd0maRS9Br\r\n+/jgUo9EyLasoP6amjG+9ZWDGb9KrAOOmq9LbfTeEfsySPPeKJ9KzoNBGFG2\r\nj8MoOx7McOKuk8UopbSj7HZlTREi4CeeIy2XNnvfHHFsLj9KrzsO1QA7LGln\r\nbo6al+LOX+mBR0p2OWP1Fi2whLVUktMN1vwOWUmqKbO0iSDBXa1svLFCE5b+\r\nBmn1vdVUyHrKuUewmRVep/ulmUotV/uZVbau7NG3mfiDURI17rYQR/ikgHi5\r\nIzZUnzwVLggBZ9/cMcqaz5Ypg6W6yIsSzZ0YwrbjPX0OFZm3dFub3fOwd8Y5\r\n9YgGGEdnL+MKybZutFRCRpQ6SBYhk8RplO3DG+EEjPLLIyqf5CMp3TYQvOaX\r\nMnqVYgq/rpLYJaTaelRGEi7LLCbEj+ykSxvsGGW5DcTSTaRaxzEAbh4D3Dts\r\nYBHVEBES90TcGvz0kc/m5TtXkWirhFln1g9hY50WY7aHKm1uMOuWL0HVCsYl\r\n5Cu2psmA4OFA8VeLYxUYtVqHpeFHjbpx+ZJADTlMNiS8XULqdcix6HqrNfkB\r\nGksI5OB13s8b3QbUdxZsY+vUgaU62eLmEzQ=\r\n=bZoL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6c653f726f2fa6ab9419e022f1c48535/chakra-ui-accordion-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-DmA7q+YUVY5RgtVYeIwDMJ2cO5zTK7VJflxRAdCCw8+xOsUOccnzgXEVr9oaa7wedElbXqz3Fe3O2KaMf7SXbw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/transition":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220810122556","@chakra-ui/button":"0.0.0-dev-20220810122556","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810122556"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810122556"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220810122556_1660134391585_0.5042959942213574","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220810124358","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220810124358","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0c0aa91c55f6c90be729aeb40ecae9b47e69db05","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-UIEqk9jfpJNIS0jvoTrpUGdB6jVsaCJAcv75jzknJlcyGoqsCR9tjuoNq+aYeEjp3Kw43rNmJ/Xy1nwA91elFQ==","signatures":[{"sig":"MEQCIBxiv3dAmDuOO7AvAylH9ZBB9783rL+NJGOdBHEx0CE6AiBUKbG2Fnpb7KDRn4xjFMgXO7rLlA07LJ48eCugr0NUdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86g4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIRQ//e6yHFt0z93lYKS2wRpig9RIukHBk66dmIqf1CBamkFR321YP\r\n+dn5tvk6MqhgAJelcOEhRd5Yu86FRsSewrcvuJY09DPPpHbhukoR61QIjKzr\r\nakUCUhQfOOHa3vJBg76RUM6QCNSP1Qs8DG9bDod2QYk31C5JwPWDT11aoyLK\r\n4V6GE6qigzWOWCiGqSV99zDzv7RUAoG0CBXQJ+IFU/3NmghYxwwUNIVXSNaw\r\nsMxKIdplqsKmc3B2JmR6yV/Hl6UKe6IO09FKgbgtnlCtqI5+4JZViZaPetiO\r\nDjKvYHGG/i5kprVE3p2JVlZVlLpMLxk/z1arHW2IySmSW96XEh85Cv4dDiRK\r\nXWFDRugg1YhZMim9SKGlVPz5YpsMJoCrvU923SZyVW52rmUfeCoTEfIumpJO\r\nqn6aKmghSopVXW78sAvXYhp1DPsHqQYUg8lADloscgqyPdmfT7ovJvQX50gE\r\nXo8zxIPg1b9Gb3UPPv+mWOYzQUwAULG1SqSYm0bZ6eC6L67ugU/gYqLFvRGy\r\n7pM3y3W/UoUXxNXsF8kdxZfOWULmxU6sKXyDo0FVBZzBxXGAjoWTvBYuwxJy\r\nV2i/b5Eah3+Sp/O7wvuDI2UN9xzWIl9pl2bdIETXmwP2+QsgsvzRLL1aUloY\r\nGpUcR4w+LH+9WZIe4g/3F3abq71rztRh0FI=\r\n=C3or\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/38c5da0be996fc78d5ec96cc4b3cb0e6/chakra-ui-accordion-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-UIEqk9jfpJNIS0jvoTrpUGdB6jVsaCJAcv75jzknJlcyGoqsCR9tjuoNq+aYeEjp3Kw43rNmJ/Xy1nwA91elFQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/transition":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220810124358","@chakra-ui/button":"0.0.0-dev-20220810124358","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810124358"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810124358"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220810124358_1660135480619_0.9350907599503042","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220810132240","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220810132240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"49990d806b57c63ac9ac854449d24473791656e0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-h4kVedI0rNJwWRDXPciJZ04IHbKSmL7CSZg0VYdaQPyu27uLmhNbVxEgsrnV/kJn0G+ELXrYXyVUBlj69Ov/YQ==","signatures":[{"sig":"MEQCIBnbcCGslgkx8CCiqTV2jx+aX2NY1wyPIEgc56QhmVhOAiBgREh0qAUR8yYA8L9KqXPGkfsryMnWcQeREdjIVb752A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVNA//eg6Dy2tAlJHoIwUFccej6paJPFhKEWpLdUp9syXkImxLFT6A\r\nNcUD4MGL3ncGChvZ3e6RGsBKvfcH2/HFfNsV0b8mMTrmdV/WCxb2lurl5EI/\r\n4f0QHaYl7tunRMrty+cxXIlIrRuXf+qWq2o/WkhU27bZEnVFkrfxTrkOGymB\r\nzYuHQNdItCclrR5Zlk2gEjyNF/dQV+YjWJfdC1fS0L0C873jcBgFyd2olMXI\r\nW26LrxWVX57mG7Do0aEggPUOHw1iITwXkkeg+aAktmH77trmAALDzkZyEBk1\r\nn74Mw2G5tmPRmDjsxGaYOGW/+cTPXvVNB5pPrgn72OCYNM2WuT7I6rH/Xpz0\r\npXNACsvKgFRyC0XdVfadke0SMEWo5I+QwFEnNEGSaTH8YbNCMrnXeDIBiGK1\r\naCOPGFMvt00zuT+h1eXuKsn2ZdzBY5fusEPkk0+rAyloM+lpnyIUUf9+ddvM\r\nAayfMj+ZNBESduCuTMpeVCAGknCzXgFLvOd5PglOpXF4BG1WmFyWer06TMvP\r\nGzQl+xZQ7HwY8kKgxc1CmHkClZ9Tnt1pfWb4btDvm5Dc5utns+lJ5N7waSkG\r\nwhO017Cbeq1uTKdLyXoysTGT+Sk9eyhrAjoDPFK983eRr5U7jRNmWEJo4/zZ\r\nKZLgoMLYtBStpChkCz2Fl4VnhdHi4RRTrF4=\r\n=gu9t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/81e8f0fdec3924d39e0ade8e18b6f158/chakra-ui-accordion-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-h4kVedI0rNJwWRDXPciJZ04IHbKSmL7CSZg0VYdaQPyu27uLmhNbVxEgsrnV/kJn0G+ELXrYXyVUBlj69Ov/YQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/transition":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220810132240","@chakra-ui/button":"0.0.0-dev-20220810132240","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810132240"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220810132240"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220810132240_1660137795595_0.4804538155358957","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220811084042","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220811084042","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bc271e8e811a9443c54c9264395e1d211e85461c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-rKjk6C7UzBrmyiM2vv46FC9EasxdPwDqPAyh0NK6llFinBkdBwyQ2LsDuAj93AvkwbypWC+4mqig9scZpkJyTw==","signatures":[{"sig":"MEYCIQCfN1Is1lT/K3QiPOG15T0b7GwaTvqr9fBYOsl6TNUqtAIhAIKXWiWB1dEryj1FlgpBVJ/3pFtyVE+gVOuzunmLClIG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MCwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpfxg/9F6MTV/5/NbIwZZLFVxtj53CcZnck+HdexuFcPyTTykP+DjDj\r\nLRKvbidQvrJAEpYOt329AFwQmwXxVVCU01ZCSgnQHl8WdO9FzpaB4QbOjRQA\r\nU5PGqI1h35i+3n3ZVM3+lP8LVPObJHRgz3yJvz5F+7YGOuTX1z/+Rc8uYeA1\r\n15pj96YfT92YYqRzbuhWrezC0EGcGjfn8pLmbzY7c3miaY06jrfOZ03L0bWz\r\nGWhU89fIcsbxQkoZQLCHaaVwvN3N06+QKRA+RXwrMhQUS8v6alyEQpW5jak7\r\nKKeZYJn9t/tuh3DjsSTrhzA+xLh/4nBkLvVAE9Qt/g8dwmlMdIgfGNlCVvkR\r\nnacHcvj/ukgdkdRQ7kkue1f5mGYYaZ2JzbZik5pu0Er3lRRpaGO/JChohiN3\r\n8Zsa39yOxQ0PW3MG8pFbQvHptWaEiKm14yh2Cj6J3WeXlfRpPIfyuorncBiL\r\n0+kXLB2cl4aUlMVJxn2xiiD3E32dPp8rkyJj02v3LLdiJLijFMsRkKC/iUxk\r\nOkDLFi/x7k6syyHcnRS4LO07AH+Q/BYcWZIzMZ2tQPjslUjUeoM7mefnI1aC\r\nyZdXNTsXyyJkj/Mxt7amG90sL2DjTKeg5yaEJIrIArGDXfOCiAIqroXZeJ+B\r\n4HPgNUfynC0iQ+PO2+CAiQ5D8D6r9qy7Mew=\r\n=jJlr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7c6f6377ea6f2e5afa8bbdd2d6666d45/chakra-ui-accordion-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-rKjk6C7UzBrmyiM2vv46FC9EasxdPwDqPAyh0NK6llFinBkdBwyQ2LsDuAj93AvkwbypWC+4mqig9scZpkJyTw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220811084042","@chakra-ui/descendant":"0.0.0-dev-20220811084042","@chakra-ui/transition":"0.0.0-dev-20220811084042","@chakra-ui/react-context":"0.0.0-dev-20220811084042","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220811084042","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220811084042","@chakra-ui/utils":"0.0.0-dev-20220811084042","@chakra-ui/button":"0.0.0-dev-20220811084042","@chakra-ui/layout":"0.0.0-dev-20220811084042","@chakra-ui/system":"0.0.0-dev-20220811084042","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220811084042"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220811084042"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220811084042_1660207280043_0.35755624576605305","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220811093515","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220811093515","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2811e481816be387a6aab2872e360e7a0dd7c361","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-2jSe8q4cid6DydyMr7F8p8qJCqDnHkOp0FY/8yeJktkF+cy9y6eqOWPzzRwSlJggN7o9Fqo39HGhxn1W1+v6xw==","signatures":[{"sig":"MEUCIQDYPbQQrLkjzOndO9uujnY5r+WMVVvOPWhNrclyYUmh4AIgZEjq0JmwEV87AJQFteH3VKONLXZas9DReEEKWiPDtCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M13ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdoQ//evF4SRsIHCo8pz/2ifyxCns6gM/ApM+OYaMngNESVBVviQfO\r\nFjQ9VA5pNMfYxN1pPhG2+O+QvhTRS0iKEsiI7eS6g1CE2BkIc68eXFY15MEJ\r\nqkDODmNnG79SYUeTBQzG5VQcY+NGtODCpHT+/wdJ6ZUrB1ECoV0ttbcnd7w4\r\nkCE/nqWY1PIU/rbF+RNsZNPYM2nD2TO0nZHtvP4xlNc+SsjjDIyxCW5svEgv\r\nsuMd9qV2TVuAvri44fO+U3GsEWg2n0c/LsiIrGa3BRyCXSr4JxZWCSS6hrg1\r\nSOVxlniXxkn6CbF7iwmh8CWak2Jl87CggTVs/SBwkL4oZ06a+JOe+t5yFjNR\r\nx4lxTYFkiryrhGAxMnwC6IFw3nj2i3qaM8ujNMyhkE6UgzoITj/9e4zH7Nra\r\nNJPY1cw5pXEEFG03yqsd5jYmB3vNrr+ZhwRd7WOe8R+wfirO/3gZHdyAkVX/\r\nJlwr6oIB3nhgV7dT+W+8Bn0PMjjzW2nO2a5eveYMOsi8gO+JuaAOTlTYzo16\r\ni8jZrB7LAy5YIO7Ilmwauyxwc9b2RtpyddygywVNrS9li7lM3yHay1H1R6Re\r\nB0YActDQD/rYuI3q88pUvc+9kjuFoZUU46BzUOytL8lQODGM+xxzZ+51mhgC\r\nJTvVWhtQcCW/n3oO5ZOKLRbEgq+q4vRTqro=\r\n=PaBS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/52ffee16c18256e9eded468b521e984f/chakra-ui-accordion-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-2jSe8q4cid6DydyMr7F8p8qJCqDnHkOp0FY/8yeJktkF+cy9y6eqOWPzzRwSlJggN7o9Fqo39HGhxn1W1+v6xw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220811093515","@chakra-ui/descendant":"0.0.0-dev-20220811093515","@chakra-ui/transition":"0.0.0-dev-20220811093515","@chakra-ui/react-context":"0.0.0-dev-20220811093515","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220811093515","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220811093515","@chakra-ui/utils":"0.0.0-dev-20220811093515","@chakra-ui/button":"0.0.0-dev-20220811093515","@chakra-ui/layout":"0.0.0-dev-20220811093515","@chakra-ui/system":"0.0.0-dev-20220811093515","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220811093515"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220811093515"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220811093515_1660210551322_0.21509488952034062","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220811160709","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220811160709","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"86f86614084be1158c8fc71698b4d0756a391447","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-5oVg3fTP3Yc32vUtPSy1QyoQFk4gOaWi6Q0JGk4UIyFrbKa85iJJmRNqWVZ/V9nB8yIw/qFgOOnP+yH0OlUwaQ==","signatures":[{"sig":"MEUCIQCnxInxfRZfVF1xwQJ9PiJ8Er8gcI0V9yaCB1H9S+uFQQIgQL3KOd7m/YBrQYF0ZXazq2bn9DwckpT2veRhqpLzMeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9SlaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPfxAAluIy1ecZPZM8nOETfrs80CDz28VOe88Ge6nSYFUf0hb7tzY8\r\ng/SbXxZSWz9LF8uNhQH2MoFHvjzfsmKKCHHY+RFpB5SB+idjDjpIPfUADZcT\r\nk5T9oR/fbO1lZQDL9l7qw8ibUvdcRkJgi/uMS1HKAFLiGvIzR1jZw1DLvRDo\r\nh3YOjNlvh6aPz4eU84ku9c4uXQz8X7KH7O6Za+xGs2CU5rHgHxse2zl6G5I9\r\nAPcuY0XAmNCEpdJh38AazckHklaf+FxSVrahCkLKMtGqkH4uoMr72YBapM3V\r\nTARWY9f6YKNMMxQjcJxWHQ2z2NU17RD4ONxw1Rox2u+JVkw5mx+hd50YJ4Yn\r\n7Qeg/unZyrDH1lQkTekEOS8a+KUtMRCDJLlv5wvdlO3z1D39NaWHpZ35uRO0\r\ntXMtKq3z1hqaVnzMGLdj7/QDUg+KoJ+ScZi6br+O7uvGfWv6Yw+Azrn/5WtQ\r\nWveL1npOwGvLVuWy4e4CR8tCmkmOgaNZanwwrN1Jb4/jeyuZHpwlNoydKR6E\r\nkXX3B4RdLktciM5VVQeSU/9POxAc+QUZfGc/bDVWjONyMUkJ4Rg4ahaqf/An\r\nfookXWYJu5Hl08mwe2Ej3lz4dOgeQFyb40ioADJWpyTel2CB9z5FWZMbVTfr\r\nE3yW2FcsPo9sgLbomPtthyAFuaT0Cw4QTA0=\r\n=akOY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/05402f6ad6620a21fa2b305381b27407/chakra-ui-accordion-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-5oVg3fTP3Yc32vUtPSy1QyoQFk4gOaWi6Q0JGk4UIyFrbKa85iJJmRNqWVZ/V9nB8yIw/qFgOOnP+yH0OlUwaQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220811160709","@chakra-ui/descendant":"0.0.0-dev-20220811160709","@chakra-ui/transition":"0.0.0-dev-20220811160709","@chakra-ui/react-context":"0.0.0-dev-20220811160709","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220811160709","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220811160709","@chakra-ui/utils":"0.0.0-dev-20220811160709","@chakra-ui/button":"0.0.0-dev-20220811160709","@chakra-ui/layout":"0.0.0-dev-20220811160709","@chakra-ui/system":"0.0.0-dev-20220811160709","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220811160709"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220811160709"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220811160709_1660234074733_0.6699380206830554","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220812060931","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220812060931","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"28e5da1e7ddd70c81749c7f18c03c1c028cc992a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-/8bnm0PCsFW7NiURHts1Pn+BWFOWpNOUWA9r7wPGZ7mTpQPLxNt89ypBfT7t1ciLCePmtRYjj3qRUV1UJ7mRiQ==","signatures":[{"sig":"MEUCIQCiP+UCRbLtaVt/YwmHhN0G/cMlgUG4av+Wq2a2eVdSJAIgYH4loFfaILNM/03JXGE9+vsLypqrkAoVLpG5DaTJprA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooZRAAlIaSAS0vfgYAT0v0FM+NFQbljMjp4cWRlaiZ/WY0NMVbxRc9\r\n/gvChvjwXBVgJIeBRlIASMqcC3NkgExQTyJ+gIlT9SFIJWqRf/LNSnm0MQ8S\r\n6It53vZbWgHtV/ZZzgsCxoV6/XHMUpaXoujQdZrnxW5mIM0WLHFSmVt/XR3M\r\nfIqmsUQyLM68N43fwapJ3+K25NSgU855vhTgt8OH31JQRihqW/HwIFiGqXzr\r\nZIsCe1qcTyOQGbw5FvL+HLC9zM6ENFadSRC3LbY/pMGp9SgbLt8lbXpsjD+0\r\nVWbuq2yvS7iqVY1zHtN/Xy3/YT592JbJIvMtopceedxLqx4+XVkeULDMsnUY\r\nWGNSf0Ftsu6CckHpvPlQv1M3e2PCpA3oImkXTeABtnmB+O6bs2zJ43xIF0l/\r\nFHES97phDeOqEGJJwwyvERhi2JoKBvK4RgN76MkL4MJ/76G+HPh2L1/Jcfqx\r\nqSxgr1QZfn5FN36lJoHmVjf+05pGsy7glUjRN/7nx3MhArk7SWpaf3cLi4nB\r\nAeViYVUnVSHHHMnEgQ6r8jqIipwYW8woQYeOftkH8QfqR+Mm5rym/HxQXrR8\r\nFoZZyyo5sNiaDVbY5DKSNBEFgpTqn6rJWod/YF/ciP+GM28zB1Vzkn1pnkiY\r\nbhrt7tsMUs6WxNm4+fxWiE8Y/XFancM74zI=\r\n=rIJb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/99bfa5e3579f218d6e106e447364b30a/chakra-ui-accordion-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-/8bnm0PCsFW7NiURHts1Pn+BWFOWpNOUWA9r7wPGZ7mTpQPLxNt89ypBfT7t1ciLCePmtRYjj3qRUV1UJ7mRiQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220812060931","@chakra-ui/descendant":"0.0.0-dev-20220812060931","@chakra-ui/transition":"0.0.0-dev-20220812060931","@chakra-ui/react-context":"0.0.0-dev-20220812060931","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220812060931","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220812060931","@chakra-ui/utils":"0.0.0-dev-20220812060931","@chakra-ui/button":"0.0.0-dev-20220812060931","@chakra-ui/layout":"0.0.0-dev-20220812060931","@chakra-ui/system":"0.0.0-dev-20220812060931","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220812060931"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220812060931"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220812060931_1660284610825_0.49898842981427904","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813051625","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813051625","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cd2650d1bd52dd3628f59a2887687890489d901b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-Up/GE6oZjor3kSvqsbuD9rG4a3n0ZQAAaltOoZwWE6O9hqiGnTdXaMLUUIQvmGdYOjJF8AcNsAa4Lgi7f3ILeg==","signatures":[{"sig":"MEQCIE8Rxm8/Z0508xgs9WkasXl5VmgnWyJJN855w7J9w5QHAiA/Kc7GUBcuBV+X8enu0I4ZzR7kC/iSZzBKsy0i5cVKeg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zPWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDow//bPc9BHw2gybRRWpX/5EWmjNM2y+zBvqQeTGP/ilFBD2ej7+e\r\nPCjxRmkJttuiqaRUk4+ki+l6uAIjtW12bQfEoWIxkHDQNJnjYqMk3l7yLP8G\r\nk4XXDIC+He50HBWIrzEHFvZ80tV0HH21PXzPM9rYBtYEji2WXG9a64Dxb+3I\r\n1JaXkjX4gvG2QNg3QqHh02lh8f/5wcDQtT25vXqeRrNwscCeid+CnmFEitmB\r\njvQ6TcclMrZ7jVtjHXGCdaABAbkN3CoCMABMWYTTHGeWDf70xH7uYWD5hLdy\r\nVcTaejRnLuXnhzMIDFmxGhHyApC67eHlWjWerbpPavq8AhfFwdyH4b+opPgz\r\nTzrPKtYLjlhYebOe3+YCb6cEzYhT1u0uS/K1qFQLDH9I7evIkxqK/ngaT2OK\r\nsfqWQWXJBAfs4jaycFzbfpUPdqnetYrxLqeOQcz9pB/1IgaknRouHcRzoND2\r\n+yt1KAYG7vpc0+zzqabxeORnc9Y7lQXem0GJydPyO7EBBZNSomfazHylaKSu\r\n0KGqIHIs2YhPO9zvQ6NVD+YExksGDA+xgPFv9jKvRt7946wirIS4pZm2QgVc\r\nnO1JKAoLumQldDmDNsDK+G/q68POZharh4B0lknRun/97ISKoXFXKrtggmUP\r\nPW1lzR08YwM//lZ6gX0wd4jegJaRd0FnkJk=\r\n=T2ve\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5164ef5fba44a4b80b297ba0a6e821a1/chakra-ui-accordion-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-Up/GE6oZjor3kSvqsbuD9rG4a3n0ZQAAaltOoZwWE6O9hqiGnTdXaMLUUIQvmGdYOjJF8AcNsAa4Lgi7f3ILeg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813051625","@chakra-ui/descendant":"0.0.0-dev-20220813051625","@chakra-ui/transition":"0.0.0-dev-20220813051625","@chakra-ui/react-context":"0.0.0-dev-20220813051625","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813051625","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813051625","@chakra-ui/utils":"0.0.0-dev-20220813051625","@chakra-ui/button":"0.0.0-dev-20220813051625","@chakra-ui/layout":"0.0.0-dev-20220813051625","@chakra-ui/system":"0.0.0-dev-20220813051625","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813051625"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813051625"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813051625_1660367830012_0.8114256217546791","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813052715","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813052715","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b28a6e5540f8efc6873479aabf9e60308c1e50ca","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-u+ADpxl8VpturF0AB0jCz8Gmp3u+rxTYpEt7oneMN5OUgnnJi7HT/u/HlNsPNmtJWHpfK81PySZKUHglaZxE/A==","signatures":[{"sig":"MEQCIBqSnV4dfVGMKOz2WODkoXMW9rQyl+fNQoewLYFVIwC3AiAITHRrJCkk2JqzRQWIGlsV7mCtmDe1qzrTZNs/X2ekfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zZjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr41w/+LlPCQ9yVJ3fVp5bU4Y2xlzSxlTHR9Bk/kiPZ17NiyFVYo6/+\r\nB+PWn99RdzJmx54iFQ5qF30nGTQ0kHA3EEyzitdFp19h+RqHwgGaKQM++IVn\r\nIFMz7UP96TTPfAwE/kMvU+RSCbUeAbt6vkyNhZ2StSsOgr4QTxFHZtcLj0Ph\r\ncg3v1upMcyOieOof1xLp1+8FvHpUrcK6xvr71fZwUULg+PUjNqGwupAHYCJ+\r\nuqhNfWStT0S3ODz8QJXyeukkwev2F2Cf/Qh+SNrxO3tC8bv2g1/pgBXThxEc\r\nLJ5XEoFFRyJIz6l9ZniYX/AQi0JnslaiDcL47h7xuQYDa3+y+hFhRsR+fvDa\r\nxnUIMA0m1pjoORCf1MO0MU9LQKBa6pYJZdGhFWW9HRU13xzVeLAAbml/I3Cd\r\n2Ml6giOUApOoGiC9j6WMMda7rNK+6BLRJOaNOfvAfFXKx33IHz5VbwG9NrVZ\r\nwUU+ukqCZ1uWQN+hIdmedTXeZP+bsmhIxUW3Uqn8jQ27N1mCHB0bdVahhVtZ\r\nMyBZuaGKKk0snu0MMGHjNqryYu7wSw3ZAop4mPUB1S3eYR8CGvkSU5uAMQnK\r\n1H6d+qlgIlEykmfiDx+dVDLhzoZMlDjcV6Zl0+DkTCbNKZeDBpbhnvrLWwqV\r\nD+HQmR+W/kXT0oHHAgNFRd22CdC7Iyg8pEE=\r\n=mU7X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6a9ee024c00e0fc899df44fa3ade4399/chakra-ui-accordion-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-u+ADpxl8VpturF0AB0jCz8Gmp3u+rxTYpEt7oneMN5OUgnnJi7HT/u/HlNsPNmtJWHpfK81PySZKUHglaZxE/A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813052715","@chakra-ui/descendant":"0.0.0-dev-20220813052715","@chakra-ui/transition":"0.0.0-dev-20220813052715","@chakra-ui/react-context":"0.0.0-dev-20220813052715","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813052715","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813052715","@chakra-ui/utils":"0.0.0-dev-20220813052715","@chakra-ui/button":"0.0.0-dev-20220813052715","@chakra-ui/layout":"0.0.0-dev-20220813052715","@chakra-ui/system":"0.0.0-dev-20220813052715","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813052715"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813052715"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813052715_1660368483177_0.7450451034950465","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813053727","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813053727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"11ee9595b6f892edffc3fdaccaafd39fafa6270a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-dezguQDQAOr4IcpFLCBMiGfS1RRl7KjUM6aCaR9Aba/xholn1CPBadBu5zk/p3peV2B9y5Zk//7ttG40T2YsIA==","signatures":[{"sig":"MEUCICljE7NMPRZtqBbyPcB+1p4uLL/GM81aKoY6C+5U1cQgAiEAplR9yZyFrImGMYBSpNl2ZhXK7VTD2lKuI0OEsgs3hro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zjPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouBA//RRfIxQjSH7EMV/8+s1D75a/iuBRIRvv+ISVYLc7ulpsQIY7l\r\n7xF23uOaPmBqxgRETK+1SZR9rE4V5CO/k3NMXu71n9Uqc3IbVq0JWGr7F/Kr\r\nUPPbMFQcCRoskMHmgXf9EiU4VdWGzwSMah79mQrz+ybzHnUvqzkw3O2siXEg\r\n8tu7Kj+xtm0bvDE7Hv4fEdZOj/sqUpQvRKXHsh/Ptb5KicfY+UtAavC7DofO\r\n17JT4chCZ4Fql3uyVUp8aEnJ/I4U/gz2AhhDKY7HgjbQOI0Zn2fv86Qz/jkU\r\ndGXxBH/7di0eUDlzFcn73eDm/pjXFxS7ZDG3y70CKdMxbEasevxPea+yxoxD\r\niw+0RacdCed019M/O4QsdzBosyvJROeSfVW2d/xjZOjgxcJGeIAEm6RXtZhe\r\nwwYGk9CY/fsGNASmM1U+K333n3eeQy1HtSTSjTYVfe9GQjaUhACV7GUM9s5J\r\n81uWE2WZaYjoWIF7Z4qEnM9GkceXpdH+Ty6ynVzH2tJGuOk/l9P0fZZHVzQw\r\nLFbHpBlaaCBbaOoWred8DFNTF1gOPSQXmLdBS7PpxErF/07nCcv3OHJAzqC3\r\nJ/NUXdVmu1h/pnMAeiXPcQevXgwcFGR4a8eCo+4LyXw7RH5N/Rr+uDYLlo5K\r\nmDK8hZ/C1D59DSnLuUQhO02AEinBiY2ao8U=\r\n=MnVF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/129647ac8aa8236b59db6d2c7c70f686/chakra-ui-accordion-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-dezguQDQAOr4IcpFLCBMiGfS1RRl7KjUM6aCaR9Aba/xholn1CPBadBu5zk/p3peV2B9y5Zk//7ttG40T2YsIA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813053727","@chakra-ui/descendant":"0.0.0-dev-20220813053727","@chakra-ui/transition":"0.0.0-dev-20220813053727","@chakra-ui/react-context":"0.0.0-dev-20220813053727","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813053727","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813053727","@chakra-ui/utils":"0.0.0-dev-20220813053727","@chakra-ui/button":"0.0.0-dev-20220813053727","@chakra-ui/layout":"0.0.0-dev-20220813053727","@chakra-ui/system":"0.0.0-dev-20220813053727","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813053727"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813053727"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813053727_1660369103136_0.3154325270586147","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813055957","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813055957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6aac726cb8616e27f1dff2c8c7c9373e63b41e6f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-34oLMZu2BvuOgx/OcGe1U4rqh1T1HFF0HuJ8I0LeoJC73C+g1Xt0CMe6gaB5WSKvdddzH0l2QyCT0vhPZ6jRAA==","signatures":[{"sig":"MEYCIQCoCXEG3OAxpwVOhz9iOJErmMb91ZFmA3ofi/6/AzJIzAIhANNDiljglb+DZmVFgI+LGYMMLjCDe4rDbeNs8SX34/47","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwzw/7BeloIKfVfmCUZaOK27TEUkNz9060QUjEhMlfCnpEPLU75TM0\r\nLrVee2Sz2WesWYLSC7qBFseHBAQRxj4DSyER/Fc4Jcvhmko5rzcgmz3dU0qQ\r\nQ1Csce2F7NlyvVNZzgodo/vIxUPQvRpzZQEzwcL/IaA1gV5wZqWQkD5GjXcP\r\n5hCaSFWxyOBuLvGqwYbPxiObTgrvUdiHQ8Ywnazmu/JUi7uiKidVVvVnbRM6\r\nzxzfSX+CbfzVnFRuFS2ynBB3wj7u6m3dle2bmnMQyLBTINaTHfUhY+DJOERa\r\nfSOfWO/WQ7qMiv2Mt9xREk0q5HMS/quS3ZWdqrEQIZzXyTR1bKx3sTdBmbDr\r\nfKJf2mK7aBUcb4PNmimhljKg9MDxTVMQbaBwwvVgQxFcf+ilncMZKpmseOPb\r\nHtVqiJAXqUennnJHKQOOVSAyFbBZqs9uGEXSQHPBEY0tvpUtJcEKU0R2p8FJ\r\nXOCMi+VPEizoz1Mv7PJFIgggTjl/J2ImUXxjTdQuUSjgZIpJvz8QckbzUzqE\r\nbq5ubRqdERryM1Z3kKpye24lL55u+uiqyJIH/LlzIVz18mVnv9FTHl1g82+c\r\nq+TNsaHgzlJbZPW5XCzpO3M+XuF79Xq/FwcAXjwFb1iAxa/aaBhlum0xRnlp\r\n7QdL7PRtjPnk84pszJBPC+MuybVuI9t4660=\r\n=pXiI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7b76b995a6c79fcce5208632d2320b05/chakra-ui-accordion-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-34oLMZu2BvuOgx/OcGe1U4rqh1T1HFF0HuJ8I0LeoJC73C+g1Xt0CMe6gaB5WSKvdddzH0l2QyCT0vhPZ6jRAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813055957","@chakra-ui/descendant":"0.0.0-dev-20220813055957","@chakra-ui/transition":"0.0.0-dev-20220813055957","@chakra-ui/react-context":"0.0.0-dev-20220813055957","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813055957","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813055957","@chakra-ui/utils":"0.0.0-dev-20220813055957","@chakra-ui/button":"0.0.0-dev-20220813055957","@chakra-ui/layout":"0.0.0-dev-20220813055957","@chakra-ui/system":"0.0.0-dev-20220813055957","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813055957"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813055957"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813055957_1660370445867_0.9771009932790211","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813063717","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813063717","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e9ec12bfc173053ef66535f8634ade57c3d3a216","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-YELj/HnxBCBKHpOa4orZWAAbLcXHc3nvmYpcHricH2kVnJ7AkF1xEUSXLIh6f1NnenyXEHC2gqQ9OlESKD8hSw==","signatures":[{"sig":"MEUCIHIo5b04daUXXOk566hZxAODr/o0NVqo+gxSf1Fie80OAiEAmIsm2cfazZi5v6hmZKfqhZ4yCNfZgL1Tv9E/kFkmzd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90bKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodwQ/+JHgCvZQ5iKGcFtoHLpRDZpNDGQXe6bqAYWk+5cPyXAL5wqdw\r\n8bjbEs9pf4xYTUhmPolz4+csTLypE+8UFI8Mt8DpEUiXAJVOqCDjJul5aqfj\r\n3fqOP58cB26Z+qa/w08cmR7foMKUDrOpPtPw/W3llTeXybRwVYPeUmprcSl/\r\nu91kQys7fzhBv8tyskyWnHxLsUkRv+Rd1mYxOeV6DIS0te/YuSoMkx5aJyeE\r\nMsIHgXXZcjQicABW5Q2jx6LslLUXjj6KO8KE2hYXiuFKerwwOM3Oy3DXvnCk\r\np15vkQJds0rIDfZAj0Un68eXupaJ0KABQECVnw+T4f/pBEe5lR1wLHfug4iI\r\nd84L1u8k8bDI5NbT89ZmEpPe1z3jdj9+A5Ze+kDc6wacZAevpwqQo5LQ4iPb\r\nnovn9nb0sZT8gUmrDe3UKGT/k4zqvPznRFGpMU5NjW7t1TFHg+OsFb8POkv7\r\n1Tm4guWcm15/JRXxM32NZW/i0iBjpGDmGicCmjXexhe5T4TGA3xVIt92PHJE\r\nIMxFnaUY8c1qXWvBNh8dJxMU5OhKx/HE5wgItQxTRxmZ6IXoTEuBI5af9d08\r\n6Xa7egpvjoH9bSL8ubfWHUcxHYuOyD4UBrk9AR926ytkD9CdtFU3IdmqzvsK\r\nQqkbuICKrUrZZP9YhzsmKvMtnLEkSzgXbYo=\r\n=NqpR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6eeb61071613b3bb3b7b211966eb61b9/chakra-ui-accordion-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-YELj/HnxBCBKHpOa4orZWAAbLcXHc3nvmYpcHricH2kVnJ7AkF1xEUSXLIh6f1NnenyXEHC2gqQ9OlESKD8hSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813063717","@chakra-ui/descendant":"0.0.0-dev-20220813063717","@chakra-ui/transition":"0.0.0-dev-20220813063717","@chakra-ui/react-context":"0.0.0-dev-20220813063717","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813063717","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813063717","@chakra-ui/utils":"0.0.0-dev-20220813063717","@chakra-ui/button":"0.0.0-dev-20220813063717","@chakra-ui/layout":"0.0.0-dev-20220813063717","@chakra-ui/system":"0.0.0-dev-20220813063717","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813063717"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813063717"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813063717_1660372682658_0.7246050628999483","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813070741","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813070741","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2da465da752ee60dfa8f0dcf9b0b03a410ca3ea2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-yqXnTVvc0viIH8FRoJ8rV/tFaca29oNLc9Gzw5KvRKRWFQFWlikkyuiDc+wFY7e9tuFEIiX5nrm8xDcNMAF6Yg==","signatures":[{"sig":"MEQCIDQ5Oq7Vm7h3rucq9sKreBLqsrr1Fb3dHk6HQVmxZxOYAiAVJPFP/ydayhmMqPAFKy4G+sVtO/XlAOWQdvokyhJNTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi903rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNkhAAmWSvD281LZ/VPHZqPFB5Hr+Rpfznm/XrX7YOywlZku8lpObu\r\npTDQ9zT8L5C2rRbOuaL23F2o6sD0wEEK4C4VSkR7RXE30GLkd0t4p41wTaX6\r\neFq91v6XNuntFkCJ5Yj7Cpe9i0vwiEabQkkSSyaJThoyi+ZvBrSklqD0D/u9\r\nbYyoPAGkbq9xR4/4PxmSBHkW58sHGtektyw87WCZM6y0qs7hBN4eOchXpTWN\r\nb2hfIZnG7jn5zEtbxi7uiRAwW4F2XRxV081987zoxUaxB8juwlo5wCp2+1+M\r\nxzJBCDYjkETnRGjc2aYxRY4TFmajhR1hoCu/F3Ayf5f8FF59BJYizrlAuFUd\r\nLsBvWw5uR75nIKB3Dicqy11NhU8na28WbhYFvAJP6UGZbSEuJ6qJQeyDwGgI\r\njA2IXpjj5Nhrx5+UtK6nYsL9WkF23gHnwd7aBIsifKvFa9c5SXazNhsKw8NI\r\nytn/xIMpBJioEnHcbeGotKlMYd/NKWesDw2WPekPo2QcQ62zYo9CIxA6p0Py\r\nza0TouXqIyzCRcw6wks5Ldp9DzU7aqYwmvtg89aVd2GrMzqM5QjRaVEah2zz\r\nnHTt5rJ+TazJBJRuwo8Q13dgflps3R9Gr/cnTUrzXYYoX2x0iORxSNm6x0xa\r\nPQ3CDA+rDkNk4s5i1M8hFMNJ3+4/4PoMGHI=\r\n=GpfE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9ca142bd0549064710a1b2a270e086d5/chakra-ui-accordion-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-yqXnTVvc0viIH8FRoJ8rV/tFaca29oNLc9Gzw5KvRKRWFQFWlikkyuiDc+wFY7e9tuFEIiX5nrm8xDcNMAF6Yg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813070741","@chakra-ui/descendant":"0.0.0-dev-20220813070741","@chakra-ui/transition":"0.0.0-dev-20220813070741","@chakra-ui/react-context":"0.0.0-dev-20220813070741","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813070741","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813070741","@chakra-ui/utils":"0.0.0-dev-20220813070741","@chakra-ui/button":"0.0.0-dev-20220813070741","@chakra-ui/layout":"0.0.0-dev-20220813070741","@chakra-ui/system":"0.0.0-dev-20220813070741","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813070741"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813070741"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813070741_1660374507265_0.6915845874389039","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220813083358","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220813083358","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"042500b63139c68e754d468e925feead6809cc96","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-O6WhHqIZB7hV12SejcHQpe7WBdVOIqSb0ROKfZpxgG56OJQ+K4trX65AVxqGDhmVdeZW6HRjdWr5e8HN6ZkFMw==","signatures":[{"sig":"MEYCIQDiW9hL3tK/LjFfXXECb/kA/anqq51qNCn69NtVSl5BNwIhAPi+E2eZK1Z+MPiHvOC4dEN0qeS/1nnZcUYs+hemVlXk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92IlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPfw//eWE0SV2tVJ51AI919hNg/C4IcQ76mEPrWH2PqO0b5746orsG\r\noSkngG6b2M+GgbkP28tXmGayKoK0VyGQQs+bbWgXzR3lNKAG0TxBNVzajBWy\r\nA+FejAfPRIFa9vPgvhgGZmcb80h0kZaolT0KSNZAO7hcAispfPlnlyP0sStq\r\navfHCvTaScffrEhF6zdoJIXbhtoNYW5Io8+JYGxZ8CXiJDeqEJGdvEHCcLPO\r\ndVOWSXc2CHGa4kgQW7GT48dxPhSjUw3RgGmHJk70jpmPqWhd8iL0mI4J6leh\r\n81dyxBE3aw6tZpFCxo4fy/CUqqJRFQppLGhfuU/SrBaL8NPZR3Z0huz8ydjy\r\nFWixVpTgf2I8XbcHr+mXef8ykqA/cc/iY5/bt41W8IsMAFZXWoXhVwu81u7Y\r\naUBYkM2UIn1jDA81BziX22psVjO34tT9GsJxSL+kNN2madQQ48hPcxQHQx77\r\nGNDghZVyeu0m+mGmAzmWRtBC9vol5PRxcLvxkVFNF09Fmo6gEYUjY4Mk8P4e\r\nKYEzMtWN4E4IVzq4kPS92mmmfViR2/aOEDsEdNEsBTRejYl98ZhHhMYSNPI/\r\nPNjfdtPtBuAdS504MxT6vtgjgAJX2KekOXl0ku+v4vQPyDVd3g3eKTI015DC\r\nQXviCuNc1OK1EzAy2mMng4IO0Ta1r1Mcr+c=\r\n=Mt9G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/92a851f25a5fd05f079198519dc25743/chakra-ui-accordion-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-O6WhHqIZB7hV12SejcHQpe7WBdVOIqSb0ROKfZpxgG56OJQ+K4trX65AVxqGDhmVdeZW6HRjdWr5e8HN6ZkFMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813083358","@chakra-ui/descendant":"0.0.0-dev-20220813083358","@chakra-ui/transition":"0.0.0-dev-20220813083358","@chakra-ui/react-context":"0.0.0-dev-20220813083358","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220813083358","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220813083358","@chakra-ui/utils":"0.0.0-dev-20220813083358","@chakra-ui/button":"0.0.0-dev-20220813083358","@chakra-ui/layout":"0.0.0-dev-20220813083358","@chakra-ui/system":"0.0.0-dev-20220813083358","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220813083358"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220813083358"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220813083358_1660379684996_0.987323939857927","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/accordion","version":"2.0.9","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"da5883e15b2b4d8e3f8ab3fe01326be9189f53e4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.9.tgz","fileCount":3,"integrity":"sha512-upbrHy56o6nt3QhWEeoS/ANX6OLILlF2fhtsjvMfnxMxYHLEwghJaml//d59XIGnTt+Xz6B3CwC72+uXxUv5gA==","signatures":[{"sig":"MEQCICSVZ2ReNM3tVLr8Y1vWT2lZCMz2BL68xVq6bKWlFafxAiB1qBtZV+ElBLyhYU/w2mN/0RNnIV6ENVQ3s1ecqnRdQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94HOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHlQ/9HhqEXlDrLMLdh3Ncy+djeogD3eEQHuuVMqs54YDJT7V46UkK\r\nARRp8ag1j3kaXcknfk7seeACzYidaKC9tBZTdtUAc0MV3IgvHbWgBer3FVOF\r\nx1qlXL+Sll87o26//sMbZVXGNaKUW+gYECjkUzDGYq61+1OJfONrP1cAJ6nN\r\nxlsoFo1U3lTQUuGmifjp80+CNUpnGvVyumZJmiv5XMwPFjaN9puTRbS/xvop\r\ntOaC7Sh8rcNDAFVxtpBq3F/GVsu2WrGD5h6k8/qJ3IAQslfFeaY0vRDK0gJy\r\nFEjYmEdw+oOugj/1/aHrzNre8dn3c0hhgh3pM4CWIfMkNeleqKcO2xUvvwh+\r\ndA9sC9ZxUrKDoaAcgUAuXvlIBt1+/o3RfrXhMx9FR83Q6+uhwhYNH5GZ1tO9\r\n4GSSkr95DMwxp6Rfe+4ct3ge0eS9GVSarwUfRAiiZUVDGOtVkntODM7UdLWI\r\ncVf8zQa8AMoQ5M3nOYHhO0cfAnqgP/HU9BVU6kK6JWW5Rs10BJ81VDgg0TYd\r\noVDedGhhUy9gMifQ1TR8ewOrsb1mf5WeMCPZXM2AHklxjeGgILZe1HwZBC7S\r\nBuLFFZdmmmwNNsPw88YPo2KuOytu0JeFt6l3MARonAdXyAZ+YvF+YQawseoB\r\nQqsdgaVBvTK+wEu5pogn7piC2xbMHhBA4Us=\r\n=Co3+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.0.9.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5d072b9e5f418a8b57030183db6e3c2a/chakra-ui-accordion-2.0.9.tgz","_integrity":"sha512-upbrHy56o6nt3QhWEeoS/ANX6OLILlF2fhtsjvMfnxMxYHLEwghJaml//d59XIGnTt+Xz6B3CwC72+uXxUv5gA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.7","@chakra-ui/descendant":"3.0.6","@chakra-ui/transition":"2.0.7","@chakra-ui/react-context":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.1","@chakra-ui/react-use-controllable-state":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.5","@chakra-ui/utils":"2.0.7","@chakra-ui/button":"2.0.7","@chakra-ui/layout":"2.1.4","@chakra-ui/system":"2.2.5","@chakra-ui/react-use-disclosure":"2.0.1"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.9_1660387789879_0.29535222313079323","host":"s3://npm-registry-packages"}},"2.0.10":{"name":"@chakra-ui/accordion","version":"2.0.10","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.10","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fc8ea40316b4be8872361ff9847fa95e861e401a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.10.tgz","fileCount":6,"integrity":"sha512-HD3yJ4LV3S5vMH7DwcwSOPrZ+R6+qzTd7LXYKiUphl1RiUM5h97dbGqpqI+ULjIo0xoOvHTyhvO4ENCRDEYkRg==","signatures":[{"sig":"MEYCIQCertxIrD4QNt7nrV5Hpc8aiUJhz96COmGYgQDyTxPlqQIhALsQc48t20qfTSoodvnt8WYI+5zu1XxhrDUf4UqBXbbS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+J/9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjhhAAhpQA2e6V8rFRZS+nWUMD5hff+jPv97viFYMLn4u2t0E1steO\r\nZoRfo4ICJGypynmTnKTNJ1qaPcllf3dqaOmzRY+HyHUC8s6ApuN+mBAb9SbY\r\nk0a9Fk/isC786McCaSH/LPpoZDlRcnklf7QrssMFdFog0MKoPE+4yWIeKQjm\r\nbXBn9kDkWLzu1K6aY5NtrOE7xOE48BZnZT/TNIp97EmmYtskua8yC03Fw2qd\r\n9DPthq727mMW1sXrrvKlshszpc1naSh459mfFovoYHX4C4hw6rg2A4JsNweT\r\noQNdJmwIjnUhA0rl1RqZI8i725jVg7/dT0m5MHqebr6vC3vBIk/PpQA/JV42\r\ndm26QZwJ5Lbn986B7VtlJ0BA7rEofJMaeq3t/A7AmCs90Cg7Ze9bpEssM5X/\r\nOG7EzqbuuVdEXCeygpQq3Ik9sdsFKlSCf9pXeRqVsWvMDK4zAJtOyFVn2mdK\r\naM9gKp64sA42FrRPNkPNx2fe59IiSC+8E/VPzftYsWsubATqBf1QNIroha4O\r\n+j8z6Rt433KzkvgnPsiBHjpdMxH9EGdfxCHW0odQ2lpKMjEu4m34ojDWoxX+\r\nlR4nQsjnYes3tSz9KHFKc2C1XrJugy8BI6J/TDq9cccE5uS1bN+LTptZ5z5g\r\nlvUrNM0Z/pIfFSnjSx+JeTGCQ0d61029hOY=\r\n=d38W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.0.10.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/7d9b018c026e0dd356ea5734945b6450/chakra-ui-accordion-2.0.10.tgz","_integrity":"sha512-HD3yJ4LV3S5vMH7DwcwSOPrZ+R6+qzTd7LXYKiUphl1RiUM5h97dbGqpqI+ULjIo0xoOvHTyhvO4ENCRDEYkRg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"3.0.7","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.6","@chakra-ui/utils":"2.0.8","@chakra-ui/button":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.10_1660461053632_0.10433525444630232","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220818145526":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220818145526","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220818145526","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ab22f2a2417b031d5aa7fdc975f3eb1cc8c47db9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220818145526.tgz","fileCount":6,"integrity":"sha512-zmHEHpQ6cluiYQrxY9p6zeCU6eE8qTm7QKU9v8J0HdleLAxUcPEUo0DvKSDa9m+WRPgKGFZqJFDgimnx+oyJAQ==","signatures":[{"sig":"MEQCIHZU4gyUuzTm/1s0z1u9U5UTbOlCHP3odxyx5RdQqXGVAiBIKyr87jLLn4AeDKgbN/9P8u4D2LfasGcW03I7+mJzng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/lMDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrycg//dw1tZ6lGqA3nrSNGWkEqSlUvkwPUdMkUFy6sdqkECvm1t1Vi\r\ntlHhqPOyQDUpGJFfN0SmBADrrNMk6SCrUaiDZ20sayskW2T6XlrZgW2np5HC\r\nhJeFA9stPdV8ocILX4I3vkqtRsgcjaIvhbPaRQOBDrazi+Xa9Ge31uCyA3tz\r\n1OQisGGgcBLXTCT2smqvLoHtbnzAQolbY9Iy2/SxrtxV33ghtW83PvanfoRk\r\niEoWKDpSqgPm6ml7d2owidzwvO7cJWTrcXe2/FFMc7zVNSYG/Mvv4BZnJ30u\r\nKPx76UBBS0MVzPeYjaklDkIjtt9ttmkQLgRTsGHDrz266r8tY+ASF6mKLTf1\r\nHxCB/Ge/bG3amhrty1kU9CFsMxiJC9UWFUKsBHTkpq1QE7qpFjT2oGiL+t4H\r\nwOVgkokxQlAbh2HoYgmdoWLUeydt5jRV4zD4Bt7qrR8/k7shJfOkrt8Quo4e\r\nUTnsH90VGWVxFucp0cwxywqjTGGqI2vMKx5bWYzgka1j6XFWOzLZFnTuWnzg\r\niKaoUPOXZvo9Q8LJAYvW2aHYIBjodNV3KS3gDzDbSXcwMACJ5NHOBCkHiOvj\r\nS04M0yZSkEwdZyVVyQTbB/aEK+LD5WE6w4ZMnPPl/mw4MN8y+xr4SC3Q6v9B\r\nMyK3b0jHawYLFi9CYUuSsTdPAciy2HxMgeA=\r\n=SXGW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220818145526.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3648d43a3896f86c957eddb1093c1af9/chakra-ui-accordion-0.0.0-dev-20220818145526.tgz","_integrity":"sha512-zmHEHpQ6cluiYQrxY9p6zeCU6eE8qTm7QKU9v8J0HdleLAxUcPEUo0DvKSDa9m+WRPgKGFZqJFDgimnx+oyJAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"3.0.7","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.6","@chakra-ui/button":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6","@chakra-ui/shared-utils":"0.0.0-dev-20220818145526","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220818145526_1660834563295_0.9773653245364087","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220818153935":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220818153935","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220818153935","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"52ecd7d7ce2aabc952c33292ee9c958995ef44ed","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220818153935.tgz","fileCount":6,"integrity":"sha512-UjTl5KH3tR7YE0AS5Y/PS2O90YRulYLrXj+x1B85uo/VdA/x8LS6+pTah4Kfv+PVbGeQ5e8qQXEW0sFVuNDLUg==","signatures":[{"sig":"MEUCIQCrDMtTS5PDyEcgsiV9CuJEe7I8AjKPoc8F8TIQL0VGGQIgLW8ew9Pe3RUSKvqvh5/40zVgLv2pxX03dnXMrpJKDM4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/l1aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr97g//a5Y8XADPabHyFw5/2OMLHwQ75bM4xt3UmQmQRTuiv6MFOCN2\r\nciGQ2Qm8TykkDIGdg1Z8T3rms08pC061GWZyWk+Lez8B1NkpkKm80CZUMBcK\r\nTZ18AYicbZYmRwUKSr9ljShu+AtJz6xh5YCtoM+PYaYqEloRgsEW49Bk8u6t\r\n1opdc1x8zrZqSHJ5ufEBnaKZZkz5lIqFJUZUUqBVOtHZjkEgoquW1opSDNER\r\nkRdTHUUdqlRh9HGnhOtpndbPJ6xbgDDrQTK33KSbaLTs/tc6IjNWv+xJUgkh\r\nI322iAq9jEP0ITlBs+zWWQ9gBniXqXcWG7IHF8AsRV/TDK54m1psAs1VIrnk\r\nAhogP3dlLuBNkU81IydtSZ2aB0ZHYnLjV4qa5GqX2gKoPfkILUrFhy7YBrcU\r\nJk8keDSeHNTpvSlpEWWYTlshHRYTgez0l/hojXSGCh8/YoLrS4abibndh/PR\r\nMloHK9GtL2M7UqGSrW67LqiIFEagl0O8iRRCRpjvvnBdJc11w3CyRoLN4Stn\r\njgUFBL0qBIIXkqgOSQjglYBy4vri/VxvogjC/AjdIWnADwB+bE4IrGeuKSvY\r\nUk/Tk76AXSrIZTQj67ubrsHAdHOPlBMa1rjl3PwK0M2fyXyfYYHAHobxvfSV\r\nAKfVEw//HZMiRs6XrrTpc+8VUYTyATNYtLc=\r\n=tixQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220818153935.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d29fe1c60d670f1b9cfe111e1a59e1ff/chakra-ui-accordion-0.0.0-dev-20220818153935.tgz","_integrity":"sha512-UjTl5KH3tR7YE0AS5Y/PS2O90YRulYLrXj+x1B85uo/VdA/x8LS6+pTah4Kfv+PVbGeQ5e8qQXEW0sFVuNDLUg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"3.0.7","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.6","@chakra-ui/button":"0.0.0-dev-20220818153935","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6","@chakra-ui/shared-utils":"0.0.0-dev-20220818153935","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220818153935_1660837210261_0.045224839167675945","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819090547":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819090547","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819090547","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4987b47839c8a5dc8d2661430d59130cd1d0b85f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819090547.tgz","fileCount":6,"integrity":"sha512-xPXW8tHjxMMQoCkJcNlyHquO7n6ZP4+8fi0Uwr7LIvEXbU6RNzQU2nTqAjUNqZiNKWtj47f5OmTJ5JH4hBZ6KA==","signatures":[{"sig":"MEUCIQD5+C6Xrmdb45RSh6E0AyBZD2FCf1qzx2GTDHmiOYojkQIgWyxrqu9UXiCZEfFfkhrmJjtU/W3s/CLXKhf8T4f2rXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1KLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8Ag/+KzjD1ftuNnuig0UDL/AtqEXDQ19OoquoJLR21/VWPYVWkpe5\r\n2DizRT/ksHjj+XnQY935YNuYOsQ7xf+UcTPXKlqzCblx+Vsf9jrG7WPnqvEy\r\n5E2mVuDq23UnBSd/K9Cd3LlpSYQlykwK7umx2a/iAie1nQumBR0p4esZAE73\r\n28T3kAHzpzjBE4iw68V9tyuZRJIXKZ5KLlr1ySSd/Mrlk++D0376v8Vc1ZI8\r\nkgQhOgRLY4VL+sttcjOMYwcbk/MCwEg8oRUgQ94fQWyWtH5eruzo5JjtD7fu\r\n8ogBoiZXOaDB+KY3QuYkVmq/8+tvzrxPD5JHlBaDjF03XnEhRY6CL+5cgVig\r\n3lH+tRMjHtePnIPK0o2A2eyowZGM1lXG0xLsGeCNLbbv50vfdgpnuww3WTAE\r\nV9kRzDBMGRLi6lqE0lepvpcxdxKxIu/bPEheqVHlo7SLM/ECzc7vR32vIBc6\r\nIvaMn70uHCtvZWxncZxx5ulcPh3FvgRwydazwNFsWPegx6i1o4BZs8dGSxUq\r\ngThUHb4b8uW2USHW/3AugDg75fqlcn9hur7mgL9oVGB6noJgo9aculO8HzfK\r\nHJbMnzs2cjoaO5Zr76xVBvPY82eJjNSc3pCYLzgcOEHXWMRH+w1WQoiIxi2t\r\n6+w8YqQPZ3EsFao6Aj6jCJDGRSAgJnqBb4o=\r\n=VYyN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819090547.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6167ad18fb7e236617a09e59dc1aa742/chakra-ui-accordion-0.0.0-dev-20220819090547.tgz","_integrity":"sha512-xPXW8tHjxMMQoCkJcNlyHquO7n6ZP4+8fi0Uwr7LIvEXbU6RNzQU2nTqAjUNqZiNKWtj47f5OmTJ5JH4hBZ6KA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819090547","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.6","@chakra-ui/button":"0.0.0-dev-20220819090547","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6","@chakra-ui/shared-utils":"0.0.0-dev-20220819090547","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819090547_1660899979462_0.30857133520961755","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819092119":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819092119","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819092119","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e6fde132e6594d09cf327266457ce33199e05bd0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819092119.tgz","fileCount":6,"integrity":"sha512-j1EKuim0P+w0H+twQfrE9p6J/f9dU5u+aNWXy33GKmq2sTUwNhFGlyREHtGKLUtp2JOab+0Zfpfk8rvzwdwKHQ==","signatures":[{"sig":"MEQCIEZS2icLBr683vZOATDaele4NbMXspQOLV5KJ5kcb1mxAiBK2G/ZtPwCzgYq+jq6DW/RafWmt8Ec++QVJhsNuwFBDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1Y6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8JxAAkRsqsI+InCNvTHH6ag6juuOJHbQOcfEfI2Y3QikN2ND1Zr49\r\nO7QPHfHC/cwY9byLL4neJv2dXy7QLFjPetCHpKmESsvvqWaacyQMSPjhD7tA\r\nr2VWmb+vcPdiTCuxAIhqEC0p9kACDeJmlnnM9BDbtI7c93ulMIpqchs9D7dU\r\ngAt4WtLuUSYFKjiYw6HkHwggY9GB01wCi4SBYg8XZHifhxcvC+N0iCU0OhD0\r\nsTKFF/4GeVye3xWM6Gq3acweF0OI/gXsJ4LtJBV8Xy7t2Ew8P186dm7dh2mq\r\nx4ZN9V83CVxRPSbFdktk8bf7rkTjhrd8ftYiWYpkyOS5OV881O56eNNGeMSg\r\n2Tc5DYaC8ubIVF0cUpuQrJ2e29gt5cTVlmlp9Vf6vARd9noX6JFeAZirC1ND\r\nJ3OVpcEf6pdcQz2cU+PC+/1yG0rBjIY/63OCNS16lgIr/AkoES6BpoBJYECP\r\nMCv8lBH7S7AMdEOLHTQfmG6c0JZs8azXhCQ4hfz081KuG31TyNPzRyyUwUyx\r\n8+VFiTVPoLOvKSwtoufRLxXeylmjeJ2jHk4gKEdatajT45YOn8te37r5gQQH\r\n5HKenfQYEQUwt77Yx1mVJAJhDju7vLAlVTH/BY2W/GPZwa4KVvgjGpunXUqZ\r\nK7v8mUIr+it6qWZr6uoyH48B0X08k7xZkmU=\r\n=AQrb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819092119.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/93ae783b17ddab0001a2f29c6f297e44/chakra-ui-accordion-0.0.0-dev-20220819092119.tgz","_integrity":"sha512-j1EKuim0P+w0H+twQfrE9p6J/f9dU5u+aNWXy33GKmq2sTUwNhFGlyREHtGKLUtp2JOab+0Zfpfk8rvzwdwKHQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819092119","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819092119","@chakra-ui/button":"0.0.0-dev-20220819092119","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6","@chakra-ui/shared-utils":"0.0.0-dev-20220819092119","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819092119_1660900922201_0.163340684249482","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819114147":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819114147","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819114147","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1038a12c970e88b02269b37e948fc04cd80f9eed","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819114147.tgz","fileCount":6,"integrity":"sha512-h3otrnyGuaP76wB2SemiqlBNJCGoh0o8O4xnje1nF7B71V7Nb1Ae9qUhMCtzUi0nVBZLitEVYFz/4PZykexatw==","signatures":[{"sig":"MEUCIQDbkiMbrKvZiRQXrrVMiGqUOvBQVil1lPZDpbU75b04qAIgenU1aJnTyR5NIL2J7c4VjkjqGKbsBtsvP++YggubPfI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3cfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoijhAAhdpPkskRELPdDg7yJ8R3UA51D/JoJWu1pdqc5GBQLVeG7/CE\r\nUCccbEQ1/rsTtJG+PnEL7cTc7lxhPOKIDodsIKywjbSi5v9Qw8VJVKOViNFq\r\nkEB5dyq0IsVtd44Rdh0zGmkPbg2LCgWjvHxwd9BxaifTMm8qamZvVUo3Ysvl\r\nK+j1sIWf/jvHsrGDcIsUWj+eER57dATILbKX12fkOmJgSiVtaxlzR3RBlOa8\r\nrAk/6wK/nleDT9/uVTkWhK2dSBtx5M/DLWlFzpiFUGEIjNB2mvtzVcPACtuh\r\nRJKGc7I9utDbmeIMVmhxWY1uLZy3oDj7f5IbCOC03j7E1YeTXJXvSqho7uLw\r\n/Qpuwiy/B7lhxyqSq4XBAFQIeEPmF76tYlH6faW44NLt0XLNHhHVhUPIbO87\r\nxHcahgu6c9+f1Fleab6vDt53Vckl4g02sLBatThvFWGAjSUAoyuDZGeQiLbl\r\nQWukcRqxeEsqI9ln9x0ABWgXITbCfGYgRe0N05jOxM57/1pfHyHQKVMOm/Cz\r\naY4wd5wpmRMqQj5/4rBLRwd+0llT0eX/02vqlbyMXLCzMphGlbjJ6h7rO99h\r\nuvh6qgQvutqm9Y63h9B9iyfe9AzmzkmBPtWVS6qlk+dq8OGX8ykRYT7N+3Bv\r\nm2f3z4Xuz/Guo8ohxPzt8yqeG7MgaHSaT/Q=\r\n=pP4I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819114147.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/998c95653ddac2536ea80dd3f793cc3d/chakra-ui-accordion-0.0.0-dev-20220819114147.tgz","_integrity":"sha512-h3otrnyGuaP76wB2SemiqlBNJCGoh0o8O4xnje1nF7B71V7Nb1Ae9qUhMCtzUi0nVBZLitEVYFz/4PZykexatw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819114147","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819114147","@chakra-ui/button":"0.0.0-dev-20220819114147","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6","@chakra-ui/shared-utils":"0.0.0-dev-20220819114147","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819114147_1660909343295_0.8414857190209626","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819115812","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819115812","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0cab00bb3eeeca60463aefa50fcc285ddc3dde8f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-Mybt7UCMzuToFrSyhPWkzDf8W/yAJ4R+mq8SAaXK1suOg1tb0eG1kHWMDoAYPqWtT2t9zoyAiqNiov4Az59fiQ==","signatures":[{"sig":"MEQCIC+z11BzZ5epp6HjhF8cF7QuJMMXqHwNvSSabHHMKgMiAiA7Lg92+/fdgyeYQqiFt9eTxXOrHvPnU/WlepkhLFA93g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJ/g/+MlTD95QUNWDW2g5lmys0g8Bnt8qbThz011dukFEshcYxz7Cc\r\nM+A3cWkOCiNIEKO1pIiuwkkQB2HobPuj04bHyv4iRmXex/maeSsINAHkq8fA\r\n2QkR46vuix5eAM1rn0P3aIZabcYmf3RveyMyirODcakXG4Wxk1Hyf03GFuPm\r\nYjLJD1F5E2EvtkWG83bW+U9LlcD6vMgVlInX+4pvKb/nKVQgc0zc1QiWltoC\r\nM99zEPSPM9HWFkxgZuC9MiOKLwU5KEVTuHTp/klZs/BgWstwmrTBWkBWwpqQ\r\nF+PPms40zOX+daJ5eRlsWobKDL/fMt+s7TlBKdYWvr98obmlP/wdjdpST/Bz\r\nQ7uKqPXcpV51Eg8dLQzjMLfulgajHANg0TW7gTcbqeVjBhLL7v+Vsk2i7cYz\r\nxonFvdhTOofQWrnggX/Q4lDly6wiVhOkzWJuBM/VBL4w+3f4C7muTo2aSPN7\r\nOzZt+1gQChlQX4vPf7+adjtZrbysKVAXgqB5fA7C0p2YWRfaJ3ZkPX5551xF\r\nBDwxaBy/K2Q8KoW4JakujuMrbDDa3D23DjPdFqgjv+uO0RAPudmlOr5SqTUi\r\ngRSmeLhr8larcGaifCzWDkWBWdB0YeiZ+U+DhTZrMmd3mmcrMAYqy3RJ5Bug\r\nESXzJU8l/03L6f7NgflttVp+1zCefQJ+HBM=\r\n=OPBM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5770002b77a8e43c39d5bfe69925bb13/chakra-ui-accordion-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-Mybt7UCMzuToFrSyhPWkzDf8W/yAJ4R+mq8SAaXK1suOg1tb0eG1kHWMDoAYPqWtT2t9zoyAiqNiov4Az59fiQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819115812","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819115812","@chakra-ui/button":"0.0.0-dev-20220819115812","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"0.0.0-dev-20220819115812","@chakra-ui/shared-utils":"0.0.0-dev-20220819115812","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819115812"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819115812_1660910340302_0.11490173746990595","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819125800","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819125800","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"39410cc637b46bc9cb32f058b9533224d7ed2bca","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-VA8b8GQteoN8DZl+K+xUxSevrxCrXgyoZ6iC4WoYP5farkT7lWxVfNhqUOVBQCah0yQqHNKlDdOE9lMg8ygxqQ==","signatures":[{"sig":"MEMCIA4ev5Fe9I1C0aZjo/9PTtE0D0cFIFlidJNfcZ/XpYbUAh8UsDCWucninWkmrLsyFpFACaj7+Ku25MGX5TTTlBAW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8xg/8Cq785SbQHrNUfFHC9GA4Z8MIE8gGEOXcCCsMrmg9vnv3YsQ4\r\noCWjGeFeESbHnyGNbKJuQjzrD0lYGnkexvbBBNxa6SP3sygIyX5S32Je8MZK\r\nX71K5BLM5rr2LgxzjHC+BKTtyhYK2STdrnrGH5/xcsAjY6pem+kvJDZTk+wP\r\nBEJwS1JabNSGA2eZfXWVprORrOb0225QvjJB1rEGIAJtXKldkny/uNH1YXNH\r\nxl1/DZI+EK4Vvr9A2IV321bT6nb6x3oZaHdWOUvKoVsa6TsQ9JBmhol1pspT\r\nbvPDNiwfk0FALM7nOTgI1WsqLmS+GIPrPx5JELvVNRy3ylqY/dakYWC5DBCT\r\n/9FMrcOPhkSxs4jX2A/sbmlzNju+G2gOCnrl5DQN4YOScKQ433//6BuFaQ2W\r\nsH9/T8CXpBWqtVfGNnoducUD6lXX7tES5jwrXCbOvX9fsowxO+OPWKyfIOdn\r\nIYpMq3s8/PSLCb3gGS79A2lmei3/UOZuMWMDBoheTiCR1HZNPKu+S1Ztk/v/\r\nzq9sEYClNSlisjtuD/mjSBCyct6cDSlOuDgHdR5VjMDolDE8MSH3Qn9vJXST\r\njAG1Yyd0SH0jjbYXns8KC6/JkK9N76r2UaffN8dxqYn6i4K0A1H2Trnd6lM0\r\nf8K5Q8HhNo1zjWJNxxKBiwfnvpjA9SJZKUM=\r\n=PVkk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b50242f6c44a35e6386d21fdd8c1d827/chakra-ui-accordion-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-VA8b8GQteoN8DZl+K+xUxSevrxCrXgyoZ6iC4WoYP5farkT7lWxVfNhqUOVBQCah0yQqHNKlDdOE9lMg8ygxqQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819125800","@chakra-ui/descendant":"0.0.0-dev-20220819125800","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819125800","@chakra-ui/button":"0.0.0-dev-20220819125800","@chakra-ui/layout":"0.0.0-dev-20220819125800","@chakra-ui/system":"0.0.0-dev-20220819125800","@chakra-ui/shared-utils":"0.0.0-dev-20220819125800","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819125800"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819125800_1660913928994_0.30965989541265615","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819132034","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819132034","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dac9dfd04671dc7fd3e3627000b235e9a9a455ee","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-7E+AP7SZak+EzpDHwMCfhk7jWn9MWbQ93GS64njCvirRlP90j5l/rOOvHELQPpEFvq/j0bASMTRBCu5R/Aza2g==","signatures":[{"sig":"MEYCIQCu1+n0PwI8hS3lEptqYAH1dpzzR5GRzqBCRDRYQ8HeTgIhANKDOhuBZgXF0muXPOumZQG1SUWcu8APRZwf0yGpPpvk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEtRAAlDNypnBZzPUUFm7vjChQDQzVCXf/lOISAocKDcoaBnObcV7r\r\nmHxJOfOBn1Tvjnt7qm/Qm5eyhrnN+KccHw4gWG+/Lyo/GCeFvzjWUCpXG4j7\r\nb/DkZycwdjyGwBqto+nIVN7kdLK6L16gF6WsVGFbCjy70yEFHMnRAUY3w+Yi\r\nA9JcVSddBHpJz6lzaLD6mD3neilp6O4rqqc5Hj98JEG49W4y2lD82R51emDp\r\nm716/ox7uIg/3smHTi+uXn/XT18s0TKeXu8DwipYK+0J6KJW+xZKWaZQyWil\r\ngJeVJmGfrEGXcj/I+pyc57FtzfXR48zehy/Z0PVF9kHwFjap9zgtJpIBpZ5V\r\nJR0eHwkVtWR4ORKQKRqK+eL3a8JO1LZwjp323pGmzF3uNhcfGk9GBmHEdoRU\r\n3468QVOIbrvelOzQenmQtrGzWrxYsWp2jNupeZh4H1ktUzK9DiTWCojTmzoU\r\npm+TTpLRdbSJrkJ1PablmmHaGbfQUWfnf4u2R67OFzeYgPwk11P9BFUPgvC4\r\n1zDrXWauv7YSIqEi/vfbtnFnGdn7A/L2ObQ8ah6qlUSD25Wt5Rcm8PNfu2Z2\r\nV32VFFxh+suKJFRwNL+v4buqThKqX4xeg7r8r45XbQPhbw3Usm0uFEDe1+nF\r\n1FjFWNTwAxyaSuADA1O28dRbqC8q3xTc1hs=\r\n=96FA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b83c073a5c46c198af6623ddad27d8f7/chakra-ui-accordion-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-7E+AP7SZak+EzpDHwMCfhk7jWn9MWbQ93GS64njCvirRlP90j5l/rOOvHELQPpEFvq/j0bASMTRBCu5R/Aza2g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819132034","@chakra-ui/descendant":"0.0.0-dev-20220819132034","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819132034","@chakra-ui/button":"0.0.0-dev-20220819132034","@chakra-ui/layout":"0.0.0-dev-20220819132034","@chakra-ui/system":"0.0.0-dev-20220819132034","@chakra-ui/shared-utils":"0.0.0-dev-20220819132034","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819132034"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819132034_1660915272384_0.31429056856205606","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819142048","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819142048","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3acdfd3cd357558e40a3d33a9701faaf3f1135c3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-vswFwn56mBsWYbV9vKK4DWznJCp+hEDJrXxjLm8I3ulNW9UlmjflfZiGiyuRsrbgV/y6qutBa1ohch/ptZgu+Q==","signatures":[{"sig":"MEQCIFIxWsCUOVKkPt0Ma9JgkZJA62k5ZEkwGOU25Lg0FD5YAiBavxAds5bnEbC3hpzyhQ5w6QerhPwveBC64beqA5HgJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5xnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmps+xAAjBOywWyQ81tEQVP/MX/h90J7VT+1O+U+OFVuJUArEwLFSUm+\r\nlPjQs2McWjN5xdOhh2YBIVzhCNnzerGqmiOvxX1+FtpIOxcjdE/h1DC6ZJ6d\r\nlfAFno+jFVEGepuqt+7bgLmSD/kFZtabUOXRAvbzXgpgHYavJpgprK59AiXP\r\nNwLh34BFlTqukLVoFUAVX7wvVcLgXHPYjj29q3iShMFIWbq++wQsifwcYeA0\r\nmiEj5CgZLpL/J3AbiY6LSLj0Gll1PV2w8TdSmpbyK7/mw8zqAUh3d3JCQTZF\r\n45YXS1k8xx/YfM5CUWpL0+BsptROucxnJUxmkJwlyG1xjCBqaZ8H66ydFsZM\r\n/ZDwkemSnWm+a0QqlaXXX6N6fx0uik+FTQw8fPzEAGzZeohFE7wFRAcLyZBA\r\niaIgbM5UtTSA4EuPiGsmR86qcwctSJreAwhCxp7nqOU3XbxPOrLQJgeFkLyf\r\np69Vk0bWBr8RYjvi5eBg1o/fIi16+79z80+fNY2+wiOpfi7l2fp8ab089aLx\r\n7XVrsJfXcWWk62ZkgPnw8fNvgI0wcoaiETxrGOkXsDfMIxZNO41048CaHwRK\r\nL8RWZuwGwu0FTKlnbzfFxsozQPzlEcDmfU4ACLkZARuIgeJDw6zHoH7357r/\r\ncbJyFj9qARSDYoluTziSkxARYYhSNp0Xwas=\r\n=M+fc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ba9f745d87602eafe62e50c2340f648e/chakra-ui-accordion-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-vswFwn56mBsWYbV9vKK4DWznJCp+hEDJrXxjLm8I3ulNW9UlmjflfZiGiyuRsrbgV/y6qutBa1ohch/ptZgu+Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819142048","@chakra-ui/descendant":"0.0.0-dev-20220819142048","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819142048","@chakra-ui/button":"0.0.0-dev-20220819142048","@chakra-ui/layout":"0.0.0-dev-20220819142048","@chakra-ui/system":"0.0.0-dev-20220819142048","@chakra-ui/shared-utils":"0.0.0-dev-20220819142048","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819142048"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819142048_1660918887489_0.4251337539734277","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819143632","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819143632","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"68eafb64eac0bb816564fa0fd499b86d96a3d8d4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-QJNxsOQeQedmCxNWfPojlKWRBGVFJvGv6o21JtWpjKLFw2MyLTC7kWKHylePJ9a0tGbC5CtJWUu7aR3Om6aF6A==","signatures":[{"sig":"MEYCIQCGkxmbPUUjHiOw/1tYp2mV46Fud8QZLE4MNiXa11NuygIhAPh8ABLqf++peCuVXHCIHijm5s+usYW4tJy3RJXs4iaK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6AdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp1xAAjaVw9xf3RrFKXPyRlm+Rg5RybwFgtDrBcfcuRBZ+0P8mR/Xh\r\nKIOwNd5IiUb+v0dFC8UFS3i77Wd+bAxQfwOcjo/f7lntm91ctdh5BN8mZQ3e\r\n497QOYrpf/Hs9rJTXD2wpFkwA9KuiOsUOgVrmmPduaExxvMAxNqAu8svi4lt\r\nTT4PLN/h3YlkzHtF7TFSwk4/aKVQJzpwUI48XCAkxKuoQKS6Nmt5rpUlLa9T\r\nckcxW8VFvV0wY8pn1Smr1AB9Pr6Rf4vpNuwjdybgfxDQYAdn+56Cj9xWe+5s\r\nJV/P92N8myjiwOVSndldZk2ff4Te7Ci866p1AMxr0W3NofIoGFQjOtvAPz0Y\r\ndRftLZdRhhFJ40b8Hdf9kINmQOSjf6JUtRBLymbr3ZdwLpnIC5P23oqDKceI\r\nWc1D6bRVa18l2Htzw8zu7kH7EgviiROnafw82h1TwY4P5tUR66id1fBQjrcq\r\n7v5msEw1qcqywsdoXob35bRzCwjEv19PdxZeJl+z7nQtmAOxRjsXRNv5CJGX\r\nS2k1HjL/HenBZlebpgiNc2v3/8HWUTZ0vJrazxnZ+j5nV13/wVI5TZdYEdAQ\r\nC7BOKcxiOWpjdEt3h46ZhceemvsADxMmkU1yxhfyo1VLX3b0+sxQLSyxRRq7\r\nbzduCi99kQ1G+FSE4yM47N5S8LY8XsLis5Y=\r\n=WM7T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/94391cab9770f15939cbd702854920d9/chakra-ui-accordion-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-QJNxsOQeQedmCxNWfPojlKWRBGVFJvGv6o21JtWpjKLFw2MyLTC7kWKHylePJ9a0tGbC5CtJWUu7aR3Om6aF6A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819143632","@chakra-ui/descendant":"0.0.0-dev-20220819143632","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819143632","@chakra-ui/button":"0.0.0-dev-20220819143632","@chakra-ui/layout":"0.0.0-dev-20220819143632","@chakra-ui/system":"0.0.0-dev-20220819143632","@chakra-ui/shared-utils":"0.0.0-dev-20220819143632","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819143632"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819143632_1660919837516_0.34283384883379564","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220819191103","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220819191103","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"88391f04d48b697f01bf4a6101a9472fc9dd64cb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-Whu417YrrnZnzGAeUDsXq1kwgkJne4ox+ko/u7enCWv4plgnag7plaj8GNsxtV7DB1cRH0UdL+//n5OL+u4p/Q==","signatures":[{"sig":"MEYCIQDOJed+TaD3NVfLJev7sivBH9T4og4Zol051kBu5zgSNAIhAOewQZyPuAhSEPBQyGf5FUjik+wCrgeObDle14kawA5d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+B1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQLRAAlwVEsi8ipTbkj33C5JUfBAhip5haUchx7wE844GDAIFEUS8F\r\nG+/OIoopAADL9TrOT/1P+XcmYqs7pZ4zDuz7kCmOgFgiG+d2lIBFZa7Os8aP\r\nCu+V0YDG7BehRJEnXISd53m3g+qv12qhe3im9O8VldvLQdj+6JmssHHHz7UE\r\nWhw577KwYTqx0m9kVVjxHJXlcqdt2pZ9K3X8brFBgZP7MZKyj0pB2c/waCDX\r\nCmUuTjdZd6NTuC0euRfWTW3j/TsAmzo1Wn8f8jj49u33ahqhSUaOAIJjz/RL\r\nJY3mKKsGoyhd6OsqgcapfWWpyE+9aTl6ZjSylTGqDZ8P7N5XTdJPUwCJq5ZO\r\nzCu0/HVVxT5vQM7tRrxpTHR3tESpxQv8xtCQvwjwWF8bskyquiJtKu8nGWXI\r\n9RfLbH1AXzcMjadIVGkDyHItIibL7ZQaZkF3jjxhXXSZajJHI25eWF81AUdz\r\n8+gzY0ictEI1P8BV+c6Go0utKC2sqVGx0u6h27aJVuD+r+bl7yh7L/A10kNy\r\nMCSh2IG/Xtc2c4JbqjM1u28iq1f31HmRzHQQxTffTa5NO+IMU4O4/GO1CEyp\r\nlLe1ECa6K4hqTmeOcm+r4hOT+Sy7fUQ9gSONnaPsLwlljTYaU7tsV8b2RQUA\r\nxpr4gGzM9UDmxb3sN1pevYao1c8PI027RqQ=\r\n=0okO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c8022dacd95724bf774248fe322de746/chakra-ui-accordion-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-Whu417YrrnZnzGAeUDsXq1kwgkJne4ox+ko/u7enCWv4plgnag7plaj8GNsxtV7DB1cRH0UdL+//n5OL+u4p/Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819191103","@chakra-ui/descendant":"0.0.0-dev-20220819191103","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220819191103","@chakra-ui/button":"0.0.0-dev-20220819191103","@chakra-ui/layout":"0.0.0-dev-20220819191103","@chakra-ui/system":"0.0.0-dev-20220819191103","@chakra-ui/shared-utils":"0.0.0-dev-20220819191103","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220819191103"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220819191103_1660936309318_0.555909381325816","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820120308","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820120308","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2634189e4ab16f82900073b06b0b99f97207927f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-+lr2c/9Kmt8O+89/00p8btkNFjwIaSJYNPiLmYAJl6ylmG+LzqEoR8b1znsoIJjW1VkVHPZ+sc5EYWA21qArBw==","signatures":[{"sig":"MEUCIQCLPSnI550uBSrZ9iBPbd9Q/FyFEkQbHo+rvz/tKDheNgIgHrt0wKK8Tuh5od4TVMpf72YUv4lh0a+NIx+jHON78bY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM2hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokpQ/7BgpRIuxgq9ZbMkt5ym4qIbN7zae/+gmogcxKkVUIM9Zll91l\r\n7oYIPpHyj0TKBpqi6QAiRt088hXOz0gHBgr6PF3M6EfyxciigO7FiOxfq7dn\r\nzidmYj5cbmIgEQpqEsB+crB9uKTKl7eUG5ENy+wrRci4iLU0YVsk8ix33oek\r\nLRtibEueYA9jxAZfmDkRJqVQTvG1jVPfQyK/Fhu50WUcSIbnEgQ1xMhcSJ00\r\nJVhM3zaobCK1JZeEp7iOuf8GTsvH4nqF8K3UrJQU9/V21aAvRPEyjpQFP+oN\r\nDGNYo+O9IIqJ35vdenOaNfKUCTYxHGEfRdn/+DNnfGa4Fb0Q8iYoMAyWIE+N\r\nQpyB8fILzwkkGxVYiE3PdkF0BJ7EJtV8lm81DhQ3rKSNSkM7LjbEERn2Y/BR\r\nnZ9FzOSg2XfxGfEjNcQlOHeF6YjBkMX1UHvFY9yWykPjAL8ZcvG9+m1ogM3/\r\n5S1AlumVZM8TEXb5AG0DfC91rYYEPPf6FJ4lLXF581mxlvU8LWSks98MGDXh\r\nGUInh14QurTRYjBMEKfnqxAxqQAuLbg6DSGZinrjUxWUyo5Kt8k7l9OOrvY/\r\nCZAw0VPLS6gINfvU+iestfVftDvMNJHbiEiyUr1aNpxfRgt9v7GnPLLuRgKu\r\nAmwTK+S2n8sj9TuCSddTynaMTKh5pThcgE8=\r\n=YjXF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9ec2ac95bdaf88adeb8e74a5bbe4a232/chakra-ui-accordion-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-+lr2c/9Kmt8O+89/00p8btkNFjwIaSJYNPiLmYAJl6ylmG+LzqEoR8b1znsoIJjW1VkVHPZ+sc5EYWA21qArBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820120308","@chakra-ui/descendant":"0.0.0-dev-20220820120308","@chakra-ui/transition":"2.0.8","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2","@chakra-ui/react-use-controllable-state":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820120308","@chakra-ui/button":"0.0.0-dev-20220820120308","@chakra-ui/layout":"0.0.0-dev-20220820120308","@chakra-ui/system":"0.0.0-dev-20220820120308","@chakra-ui/shared-utils":"0.0.0-dev-20220820120308","@chakra-ui/react-use-disclosure":"2.0.2"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820120308"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820120308_1660997025744_0.11078057411236686","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820124231","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820124231","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4f13f8f4cfcfc956ddc0412d16a27c5966167f7e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-wnW0I6fUENTlCpA9ZSnGka0JWlVbnlN15SSb43GLxCG9KOpbnL9qkw7ybc4mEAtDpuaaazyLBUn+aYXM3CYgkg==","signatures":[{"sig":"MEYCIQD7LkggMgCqjkwigJTAmE8ZnhphVZ9yVUzzBnkEj4IH2gIhAKjeIDbAUy2rqXjijO5t6LFADu5+37j538R6PrTBfTA4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANbzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyMA/9FIh5A3QfiT+Xw9+q9N7VMQUwIBtIAHXqn0d3eDpEzmORLfDM\r\n4e6eZ/hwmv/CVedPlD2ftLiIRzWOBnEV+EQ9Yd6+4tR8gZrYQOl17DS4Mqqk\r\nhlNvm5bUF5Tcx6JMlCRUnp7td1cnz2JT8/nDvF2+tPQUUO8LsOv2PfxeCPrG\r\nhguIeMnmkl3qHiBauw9Jvz55aM7+WEUsO3TzuYDtX0g7mbHyipcSU2ZktDQH\r\nb0sdhy0m1UyDi/Wc4U9zdnMtaei0+Yh6JriF11AoP6Ajcjric3RVo+eJDzvi\r\nbgWwQ6oapki92Nfk0oFECqjbHn+JqjPpZRCU1wY7gNKwN9z/LdiqGXVYqk82\r\nGelHBUOwXuz/dqaEXNd67PY+dJYUYihq4CLcwF3oRe9CQ8ftnLIRpecQsI42\r\nuF1C/XX0U/ynO7FDqRlox0Bgk6DW4RH5YNRVOb2OBzGThuFqD7zqHYkkjwGX\r\nGX0Wf7g4B6aL8jnj5ZLuaq68T07XztUOMwDp1pu2IGlFqU0y4pIBA9Ujd+vF\r\nsjQSJzZTNcY2Xnjj3TSDqE+xJEfl4kV5xt5gE5dt6qn3DiO85cRB1pZwOD6f\r\nX4LGdN1nmugoWT/gzCfIm4zQUktiX/Bz272ClY8qoHnk1K9LCiREYZ7TOI+9\r\n+MS2YA7/IVEJVImyp1fcFZAVnG+oBT7K5TA=\r\n=o7Js\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d80ef2abca21a1a58129f4bd72fbf1d8/chakra-ui-accordion-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-wnW0I6fUENTlCpA9ZSnGka0JWlVbnlN15SSb43GLxCG9KOpbnL9qkw7ybc4mEAtDpuaaazyLBUn+aYXM3CYgkg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820124231","@chakra-ui/descendant":"0.0.0-dev-20220820124231","@chakra-ui/transition":"0.0.0-dev-20220820124231","@chakra-ui/react-context":"0.0.0-dev-20220820124231","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820124231","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820124231","@chakra-ui/button":"0.0.0-dev-20220820124231","@chakra-ui/layout":"0.0.0-dev-20220820124231","@chakra-ui/system":"0.0.0-dev-20220820124231","@chakra-ui/shared-utils":"0.0.0-dev-20220820124231","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820124231"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820124231"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820124231_1660999411660_0.5341072323333946","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820152257","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820152257","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"065ff6a9a5bc9707a4b822621ea2479d3ca22d34","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-3eGIsoX/E7dPECCIpazUNCAvkz50wfYbz4dvE2ZvXofnttH9XatZsa7eEZfRs9fjaMpiN1lo666TmEf4J+o+7g==","signatures":[{"sig":"MEUCICa0MHloDYKgtqWsCOBJLUS1zYzo3jHn8OF7WuqB5W+1AiEA+rU2MtUCvVoo3hZvg8LQjDzdZEgAeg7XoXRR7jTrjzo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/5A//WzWkSfDriDvTkLtv4/NUTBM8/oHoLzarYCo4PQ6BhWDTMWnG\r\nH2qc8wSIzw+a2EfkedD7u0UOV/mnmsxCyr8+qVCuRUJh6lH+l0IzjEcDdFoL\r\n90ahEkkzytkoziBGZLzEL1sYyY2XxOmm02mwwUv/VQGofbSXxMJUFVMzXEdG\r\npACWY0XuSaldjIbpqeKai1JkVfnOqgGySlELc6283NRxAOMRyHqY/rEbVouq\r\nmlqikzaHBsQZoBE2ESclW86vkfJ569jDzE+isRSc5sdDHeGZ8AeBCqvqq2AU\r\nK9+1KL+r7q7o/8WHLX7Dku5v2bfGnU7lY+qu3K8R+01XzrPkkkWzlxr/p3Tf\r\n3ndgJlVaBq1ZRytb0Ct00vC5EEQuLWC1EkkSCDIHvgW9XUBMyvMERk5jlDJQ\r\nqfVMWyT5JzthJ9LQl/Dt3TL/bwNW34ZwQflRGFej/OYoq5uEeFlRNWSbmqPT\r\nDfAJkR6jVttwlf8JYeDbMjYfkXoxtmdzDiDOQWaZ6epvYN72y+QICDObkmmi\r\nVaF0sa/pMuBgBt0mMdN1c/qX9Tt2Ibo0Zn1eTx30p/Y201JApCWpQzbU0XNz\r\nVxrtJMKqORV+kcVuzpswLGTbXCO4xDikoGEWK0tGx2ZpnvIdoNtmuw6l9rm0\r\nwCFDuSYMFs+ZHL9QjzYkBBrcoTEbTvLHOn0=\r\n=/BwV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/58ef370efdf3c5ea3d1bc6201ae4de6a/chakra-ui-accordion-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-3eGIsoX/E7dPECCIpazUNCAvkz50wfYbz4dvE2ZvXofnttH9XatZsa7eEZfRs9fjaMpiN1lo666TmEf4J+o+7g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820152257","@chakra-ui/descendant":"0.0.0-dev-20220820152257","@chakra-ui/transition":"0.0.0-dev-20220820152257","@chakra-ui/react-context":"0.0.0-dev-20220820152257","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820152257","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820152257","@chakra-ui/button":"0.0.0-dev-20220820152257","@chakra-ui/layout":"0.0.0-dev-20220820152257","@chakra-ui/system":"0.0.0-dev-20220820152257","@chakra-ui/shared-utils":"0.0.0-dev-20220820152257","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820152257"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820152257"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820152257_1661009027370_0.3883192697012632","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820165925","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820165925","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5f258334212efd9559afe506b558902a02f90b54","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-GcnTVAUvmJmQuNh7blvdhgrcpHHTbtunoqNinYvky1NzU96tgjFHEiiufz6I1ZO3uT6DfsCOmt2kMEmL5R4Dew==","signatures":[{"sig":"MEUCIGN6kCnurbntraBbuehYhMD6OtXaVvfMtsaFwjWzvaPXAiEAyMAA8KtITrkUb/jxhAG/mZ7AE+BQiCocAaM0TGRidYg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARMdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolEQ/+IOOUrfdT9zy2dOFdmzNKvakr3Ij4Nd/bwEVZGx//rA58eHo/\r\n1+DHwA/mSBZiNStIBbbWgW0sBXJyuksZna2iU24mw7g1FrDsUvuocfbs4h2c\r\ngB9blciP133uKwjP/qcr0MjMmQVF61yoSi+iKz+62Gc09tyxdvuJSPaADf7q\r\nUSVrACuW+8lK5JpJZTaJ3NyxMilp/b2rfHzxr/Y14TlCzhGUhs7s6o/PSI9m\r\nW/G6COy60ytmWuoy84Jkc4kNm8qNtvy5kd4KBJb/w9+pBgePQN4m4M9TNADc\r\niWy8YjdEjHhInAW4Uhf///jTM3vo72mR2/oG5f89YB+4TdKxXgSmw6uF3atI\r\nb+pUQjosF0iNAB4Ak7gXO6A6Z0SmX0UZkZdM7s26UqkK6xi0nRAvxDtKOKOI\r\nKN00/ya1K0LCOVFIxSD4USCWQQ8QMBmCaSrewgKY6VWB+3Ke2AHjQlvujvkX\r\nNX9q2lwzr5XIUAVCF4TrQSVWw5qdA8wjpl2eEJSc3ypVQ7befRhFDdvhKh4G\r\n81tpgLXGWMZzySaiBkUMEaYf2tAB5e+ytjjE5fL4GFpN9hTeIIzv8WO4f1+P\r\n9YjcREhnMWqVw/Knl+E6wJaOSTtqYQT+XNvNU4ZReI8aGvKnaa7So39juiUD\r\n4MQjLuNEtPuN6W7ElfuOh+Zv2TV8fefgK9E=\r\n=gin4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1d6d7b4e0b79055ec13edae91f5d7522/chakra-ui-accordion-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-GcnTVAUvmJmQuNh7blvdhgrcpHHTbtunoqNinYvky1NzU96tgjFHEiiufz6I1ZO3uT6DfsCOmt2kMEmL5R4Dew==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820165925","@chakra-ui/descendant":"0.0.0-dev-20220820165925","@chakra-ui/transition":"0.0.0-dev-20220820165925","@chakra-ui/react-context":"0.0.0-dev-20220820165925","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820165925","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820165925","@chakra-ui/button":"0.0.0-dev-20220820165925","@chakra-ui/layout":"0.0.0-dev-20220820165925","@chakra-ui/system":"0.0.0-dev-20220820165925","@chakra-ui/shared-utils":"0.0.0-dev-20220820165925","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820165925"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820165925"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820165925_1661014813706_0.8450883007014922","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820172220","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820172220","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4a2555eb2c03278c4894e005eb1137d62358d8b6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-Y3mCYTFyP7km5svavrY2Z0aFvWr3upM5lSg4yMacF+sbrXKf19I5p8Uk5Ccj92OJXjisaoz7LSkNkMX+gyWuYg==","signatures":[{"sig":"MEQCICrOfWjhW4pojtsPvm+6RuJysuixPMDHc5569ITqYFNqAiBCNmWyY0OsD+IPBya4vxkM0mOX8K8qh5KchdodRVobEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARiCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpB8xAAmPxcojhe+FTKyqnXGOwv2xpcwqlk+qRGbXeuwYvurAQeGu/b\r\nYauUGSPk9cOLnCCciJgQfO5tUvyPfHooJGLkp8Lz32wj/XJbz0fNlQuzzJEQ\r\nO1yquncVeGwY/LSw/VMT57cwNEC0cU++pLdhNSQN0r3hapRZWPo6hydwxLRj\r\nNypwOHmPLSZq1BiL0PaoWNYZ64OT2fxDz94INsivO0WvPzXR4O8dhdEt99ax\r\np/4fNRGwWwQsVQ0Nze0xCbrkZmHjGOObn87I/sRHawqrsNNUdYUuvmudbyoQ\r\n3Od5bxO3fBZ/J61q8lnlIpJ/ozbBaVmyQv+EAAa7vedSO4Ctt2PVjK0X9Ul5\r\n0wI5jS6ubnWX+2VhD5kPI6nvx2nYlZhPXeIwl51UiUu9aPgh8TBFdBsosUfA\r\nlVqtVXaichCYI4S4VKz9kKEdeL6uElDzhwk78d7R9yqrKZn8pN1djUt5lR0/\r\nEgIYH82wyXmS6jSliZvi/kRaIvnoy5RbVUdAH4UFsfErbw6qbsj8lAnJ7Y//\r\n5ZiqIsAG6aSmtmaojfKyJfr3iTwnesE2IPyOm54SbjIU1a1QfLiI5NvXD6+k\r\nLTd6E/XTeR0vtwF2yBVStU1hXu0tIiYRjk47e4lN+sZg70NLpLJv9pj2bG/o\r\n99w3z8nEJAnUTT6jjNxMaHT2Ki9ncoanVDk=\r\n=NtPU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/49a80f3aabfd4d67bb250884166fe071/chakra-ui-accordion-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-Y3mCYTFyP7km5svavrY2Z0aFvWr3upM5lSg4yMacF+sbrXKf19I5p8Uk5Ccj92OJXjisaoz7LSkNkMX+gyWuYg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820172220","@chakra-ui/descendant":"0.0.0-dev-20220820172220","@chakra-ui/transition":"0.0.0-dev-20220820172220","@chakra-ui/react-context":"0.0.0-dev-20220820172220","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820172220","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820172220","@chakra-ui/button":"0.0.0-dev-20220820172220","@chakra-ui/layout":"0.0.0-dev-20220820172220","@chakra-ui/system":"0.0.0-dev-20220820172220","@chakra-ui/shared-utils":"0.0.0-dev-20220820172220","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820172220"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820172220"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820172220_1661016194105_0.40296428529213224","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820173639","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820173639","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5e7ac7bde128966e32b1e92abad959b616e04089","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-/GQ89D1kDOY2vVeXus5vhtGFxDerrzRO4ICIlPc3sh3MfcexIZcl+O8tf/BAaFKL9pXwRdU7J5K/S0APN4RONw==","signatures":[{"sig":"MEYCIQCx4tvo6rrxRRc+8LuH4plXeztnhiMkvJlWZr5f1p9HrgIhAMflvv992aswe3+5og+J3Vk8qVhLPH72lAE5TJ64M9Sv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARvYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4QRAAnDirqWingWo9hEL3v5et4Ffj6rU6BM0RNVMEdi/fVwZsRrR3\r\nChsXQbpWqZO5nr6al4hWVO4OQppm8SFh2ZruCJr1UALbNCc4kirEoh2Lnriv\r\nItRXGY3vfOHNTns5nAXOw/Zkk7A4IY9dJbLQs3bte90DPZvK1OkKdHq0kzEY\r\nwmhHm6QN1LQmExEUBa1SUxG/Zw2nn73Qhqbge0sOoourhMfI4d9a6D3znBvx\r\n7lOtSiNcvbOrM1UyScsyBVCDd5stkvnFMMpNb+3WxU+zERxcYK3EvkMJxHA3\r\nlUvVxWFYAOpCM+fugUHgCQxFVB1ndCYN25lyHcT35Oi8Y8w+oAB6HSMLh+3s\r\nbd5MYgm9p20QHSPqspQY7ll5Q/aa5/IyZX420FTg5nawrM1S5Tuu29csOxNo\r\nhdkqrPO1QZOan9CWtuhLASFJvQjT6txwsvW62KvFA+RWeIJ1g/lqAdEO7Z9j\r\nAvDr8N9XTSF8XtFfQI2+CJuRgo5LkcyWx0YYpI8UP/fnhOfFvVJ5Nlp/dIA8\r\nD9uji1D78VDDDSBjSq5jhIyEr2rAsylQq6P0xvnXjomgYV15Gi29U864EqNV\r\neSgdOrgOcPbk7p75PZjHscNI94rSmgn0a/QR2YTrxLnu6MoRkkEtvlO1YaPq\r\nP8miajqS1VKQUtSaysrxSrXcYCYr7n2R2Mk=\r\n=zjOi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4366e7642dd7a70a68771d30847c4e23/chakra-ui-accordion-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-/GQ89D1kDOY2vVeXus5vhtGFxDerrzRO4ICIlPc3sh3MfcexIZcl+O8tf/BAaFKL9pXwRdU7J5K/S0APN4RONw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820173639","@chakra-ui/descendant":"0.0.0-dev-20220820173639","@chakra-ui/transition":"0.0.0-dev-20220820173639","@chakra-ui/react-context":"0.0.0-dev-20220820173639","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820173639","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820173639","@chakra-ui/button":"0.0.0-dev-20220820173639","@chakra-ui/layout":"0.0.0-dev-20220820173639","@chakra-ui/system":"0.0.0-dev-20220820173639","@chakra-ui/shared-utils":"0.0.0-dev-20220820173639","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820173639"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820173639"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820173639_1661017048684_0.2588903296503684","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820185458","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820185458","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d81804bc560fbf1edf4bd289be3489be0dd6fd74","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-ZVd36A39ULq1XbpR/JfpN0guM+TkwPb6pYW+2Sx2cVujjwovJO4AZIcfWQinVKjg6Z+mprzWMSeKX0cMMrWtEg==","signatures":[{"sig":"MEYCIQCTEJFb5J7t4pmDcbBU6KU4/kjZerMmin3Mj8iy6e4OBAIhAPaCWn1qIg9EwJ1r75+IJZizOfY3ROFHJNezjdZCgGxH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS41ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmps9Q/8CW4cOFKfRLhDLt+ob7qBnFeQq7eIJE0noSbSiXhFya7Cl6LT\r\n7I2ugWK9qGeQF0+ZazTbTq19ZVa3/l0KXfDUiL4JJ4Z+RwZRHTv2Taanhpgm\r\nmzzAruhhGSPcMj9hVejXetsQ6ZRHqJJF1tNKXwlKn+YwZySxcdeh7ubF7rSy\r\nNPiNiE9j43MbJfxQHmSPx59jJtk1idTt1v4prVNLQt2Qtl75RMnM531raSfT\r\nrvs3FIZlFK/mcAulwtlqY01qIuzl4fN00o8vHsiIPspTeuTNyd94qNGZ80ck\r\nEENz59jRav17zA0o2e2IrJ+HzpAT/gdhUHvAZW/hiBTcJvDnuOJto/mGNmrz\r\nXsH+pjazK1Xa/fIk4oEqok92NPQMjah75XchUPDR6PBLhPj3fzGp7V5htCMz\r\nPf3J5Hzs/caWmqKOZqkcGaoAfnncK4Lbj06C8lq4C5hjJ8iY6c7S/R0d5o55\r\nXRdLlcQGji5+562DiIYVUbhaiGd7jksJbiN0HT6h6N17U+W0/IH4e0dQ4XaD\r\niPybnY4KGnT0ah+SClq8QwwrA7kacbrRf7RqFaBnEsQkaxItzi/gPwU1nGL4\r\nmCsSsBUKD/tNdbmIW6gwVgaXuyGXkwJ0HfnbbqGy3e9WCxBLRH5VxczhQ7Z3\r\ntT7ztoR4Cvwpb5F7y1PVJexNXvB7rgWoUlE=\r\n=SCmg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e779cd6509b344c01115be40b015fb73/chakra-ui-accordion-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-ZVd36A39ULq1XbpR/JfpN0guM+TkwPb6pYW+2Sx2cVujjwovJO4AZIcfWQinVKjg6Z+mprzWMSeKX0cMMrWtEg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820185458","@chakra-ui/descendant":"0.0.0-dev-20220820185458","@chakra-ui/transition":"0.0.0-dev-20220820185458","@chakra-ui/react-context":"0.0.0-dev-20220820185458","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820185458","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820185458","@chakra-ui/button":"0.0.0-dev-20220820185458","@chakra-ui/layout":"0.0.0-dev-20220820185458","@chakra-ui/system":"0.0.0-dev-20220820185458","@chakra-ui/shared-utils":"0.0.0-dev-20220820185458","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820185458"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820185458"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820185458_1661021748953_0.34514289180885727","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820193723","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820193723","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"22626c5f858f6641cdaf2ad263521f330a55a1f7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-+8CK2fHbvOXeljNMq9ltf8I9mVPHobQM4sczW71JKsUCF67Y/q3ntbrW2LliWyrsi9mTTGHmpF13V+r8FEdkMA==","signatures":[{"sig":"MEUCIQDv7ynH7eX8OWL4lnysNbqtCydbGFx2rWE2EBTBdn/iYQIgKM5sVz//S+2MVkQaXKxbG0YCJUwE/7/fenaYWLeJjZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATgmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYiA/9E3Qj/KZl9CYsvX+avfDD1dIdbjceadzw2sXeob7PaI6DgQ3U\r\nXZpSk0MEdjCzsN5uJZh1k4/0I7YShqM43v1blcfxbaAiXmERja9YkZyDTIP3\r\nCPJfqoLIeROnpRwxGDZjIrnDJ6Rb+Gnjt6aX1z6hvMPoVOyPNNLg1NjFBkKG\r\nh/0033mui1m0nApvonWHKb3vh0C12QatGQ4uDE3WeRKU9f/Vx/SeQjG88t06\r\nJwFZg9i464SFnknbp3Nhr0KwSdmAbFOEYoln4wNgdv6sOoJ9emJqe20m7IaH\r\ncZrsrDe9QDjFvVlpRbTTSGEkUZgGUwiAb/cYPxAGeSpRQUfjJ+mLfaDuDK/g\r\n4j9ZREeXqHD5kDn9jnjyJyx926z4zPW4gC+dOAZxzk/UPQgnewk7ZbNiKTzm\r\nugsdLIVVbyVTyNnlkX5Ht3fn/xmx9iMrhPHZIdqIg668ImpyJqkRo+E1BFVd\r\nzHp5weKm57/zXoqA7CsXXUvNbbO9qXKCrlDmUaV0HPCeXAGNNR1X1fnCowxO\r\nkS0lz22LQSrOwctD8t2Lgvh19Xdo/0Q+R/H/hWku1hznFRyHuGqGRdZv+dTq\r\nkc9ewUb01pmxgUD9o1OQ6Cjbfyz7dTMrwF3tgNTxOMPJftUQmRnRD0i8aU6M\r\nLaqWlo7IQCta0i1UBQ4usTPTVdPV3Ouvz00=\r\n=Ur+O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2345887afeb04d13c5e5b5407c43beae/chakra-ui-accordion-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-+8CK2fHbvOXeljNMq9ltf8I9mVPHobQM4sczW71JKsUCF67Y/q3ntbrW2LliWyrsi9mTTGHmpF13V+r8FEdkMA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820193723","@chakra-ui/descendant":"0.0.0-dev-20220820193723","@chakra-ui/transition":"0.0.0-dev-20220820193723","@chakra-ui/react-context":"0.0.0-dev-20220820193723","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820193723","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820193723","@chakra-ui/button":"0.0.0-dev-20220820193723","@chakra-ui/layout":"0.0.0-dev-20220820193723","@chakra-ui/system":"0.0.0-dev-20220820193723","@chakra-ui/shared-utils":"0.0.0-dev-20220820193723","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820193723"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820193723"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820193723_1661024294266_0.9351347570195654","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220820195548","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220820195548","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a54959721549fd6df5e3b23d5c35ab21191eec7f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-ea0G03kmaamOEo4BnduYaB543Ox8z0fFa8FQ3FbZ2ZnrCI3elln/wD+EH3etMELuqbzm0mqJbLXw75DI66Zq8A==","signatures":[{"sig":"MEYCIQCK+z6cKmKk2MgwJCBnBdS6tSEcq+FUow/+COV7U3yHcwIhANJnXA8irLmQtcHq9X/pB1U4keO4XN1HZgtCPWEJhTHP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATx3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqkbw/9HkjVDU8fmuhEVGjJW+652PCpmMzjiOT5x2WUs6JOWps3CYfT\r\nzf25Nw0PYAILJUPib08TSIwdeaokMqTcQpbD/UXuyLCYP6NNymuoodlkKHnG\r\nm98AR8YMRom0RGFlNtfnVPkNpEdKs1EArZMN7Ns/f8mw8b3aqV6U9vT5wWaN\r\n/4fbzLg5e19ebw/yfqkYChtmrMaDR0xFHbh3DNcKemJjMcjRY+uw2eV69r3n\r\nxxV7FJadWvBEvvvYbDCW731yHuHL0np0OVqk7R72uiqIqnJx25WbC+Hr9VCE\r\nJCeI9TAPo5uZOuXmkXCKh+ylA9Hy/5vMLyNOZAtE9PUZ73I4+YlfZTgQykNb\r\nXU8d5xyCdQpQIQuZM13UNYpawj52MKNTdjZkIwSUqiEWj2E9Bb6H62T806QM\r\nbNcYcM0bzsSXXDJnuqipLm+RiIQpBQD2F63kKLOEh6qXbg93UbCDh+ks0piw\r\nPOrkNmwU6bCxTqsKIROoNPByYSgqKTqhXR0HCWxNg2bPzMCy7C8HetOa9enL\r\ndiwldtHpKfgPd+hlmg2oDG30m6iLD9G56RqjiHAQIU3vn47aQRyRvJA3UXdd\r\nCtlFvetv+5xAbZCvRFdogQAwBDpPsbJ5K4AaHKtJ1CnlQ+7IwNcD5xrOqVb3\r\nNJiQjEfcqHkIEcuPz5bH38FATkidJAMfB0E=\r\n=4clC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/69ce54c4e40f18f8e566e71ebf3cc2aa/chakra-ui-accordion-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-ea0G03kmaamOEo4BnduYaB543Ox8z0fFa8FQ3FbZ2ZnrCI3elln/wD+EH3etMELuqbzm0mqJbLXw75DI66Zq8A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820195548","@chakra-ui/descendant":"0.0.0-dev-20220820195548","@chakra-ui/transition":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820195548","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220820195548","@chakra-ui/button":"0.0.0-dev-20220820195548","@chakra-ui/layout":"0.0.0-dev-20220820195548","@chakra-ui/system":"0.0.0-dev-20220820195548","@chakra-ui/shared-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220820195548"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220820195548_1661025398889_0.16737421540346298","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220822051456","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220822051456","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"78d73211cbda9c1c2009c3b56aa87cde4f7035e5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-88i6KC1SPoybzHTluHcei3pTHErI9Gt7eW4d3YMjEStZ8gb76qFlSp0p1t0hk/KQUCikFYxq3CLPfZ1UcLS76w==","signatures":[{"sig":"MEUCIQDfKcjA+DYlJnFEkQjudKI6hZ5Q2aowqsnxdVJKty+JkgIgFBbbeBJihyZh8wM5S1/KkN/6bOC4DGPcx3UFV9f7Wto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqg7A//ZCo1LwDdgqMgU5DYZ0LLuVAULCgldqFEQFioUEB3OKkc/FDZ\r\ngAETcqJnvdM9PoBWK/2Kt35+AfhQZ+tZlfbn+osEtA9JYWXGQFLIQ6nGtIOk\r\ntit/TEcQPdTbDfM0vHNf3KACZM4bsygu7bxr1GxzIFkag8GK4SY8cdbiw8WE\r\nY7vv3DupOZdwrsh2iZU5kyYYcQZjGhBQPYyXfP2juvUh0g9X9MBP05KapnYk\r\n59b7C2f9/tQV7iWBA/7haXNkJMfo/siWVVIbnnnvCYiGAPYOnIrHZI72+yu4\r\nBGuSwvMl/7n5T21q3zCVhyI+DwU6/Ipu/FSS0+zGi7Thqijq7R1+RcWC8sf9\r\nSGSmXauWdQNp4OVBfjJ8hM4YpwX1wclFJGwcv8yJahqfnE3Heeu8/XPmTF9f\r\njPw9PpqC2QtEqxPAieNtC6ZVbzmfqVO3MFytZFgSCfnDCEKS1nPVVKU2WBjh\r\nbybK1+YIB6tnwITy+hsxETTTQgd1KjUqRuC1LxrlxAZqYj/FcUw2aZ47Q1qH\r\n/8JAbe+KvGaW0WkGUMBaNLYNIe7lBBm0UHF5y1D6unoPXkyrBOiAnCQtEq7D\r\nq8crseWrxoZhK9C/d4AJci6I1s5O9zOc0+AFhJko+1xLB5vqbA1CZYdCadLk\r\nCtnAbQqrFOwMHjW+k3dusKklwzzaM4ennWg=\r\n=ljBM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fabaa58ef973847eb72ee0574c975961/chakra-ui-accordion-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-88i6KC1SPoybzHTluHcei3pTHErI9Gt7eW4d3YMjEStZ8gb76qFlSp0p1t0hk/KQUCikFYxq3CLPfZ1UcLS76w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822051456","@chakra-ui/descendant":"0.0.0-dev-20220822051456","@chakra-ui/transition":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822051456","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220822051456","@chakra-ui/button":"0.0.0-dev-20220822051456","@chakra-ui/layout":"0.0.0-dev-20220822051456","@chakra-ui/system":"0.0.0-dev-20220822051456","@chakra-ui/shared-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822051456"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220822051456_1661145345443_0.32266271659841506","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220822054045","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220822054045","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"959439758ae8e2b93b12cf6045bb297d1ce756d5","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-5WviiWgZnL+Z7N09XupEFGqESQWC5W5/h79P/He+9kjaLNc/Uwa56HhD2ExicAetahdIgETnRvj9FwbQZdLvbQ==","signatures":[{"sig":"MEYCIQDBuKeuXvNyX1O0lr+g01h8eXRqBC2FFjtq+fQAPe+g5AIhAIuEnD1F0/cCdbD9uetlppyJUoKlzpyai48MXUEpGLSb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFXQ/+IMfImQk9al+MPy2nPbzuSHIwyC3BIDZk1brc/PmSzNsHaLQd\r\n+YUZrpQSnqM+TcQqq0VhGXjL5quPz3b8a4Fdk+Pt/kkMnVu0cezI5RW38h84\r\n30vbG6iXF+4u9R0KUPtdutcpzl91qZFteS0ld9izFKQNhU8NuWCdwdeFr0zK\r\nGKSbaINiaPfl8iHhcrMuPQIq0znV//gQAfHtPn5in+6dxkCGOQqnIeJ1l56Z\r\ndjSkfu9CuGHoYhceb4hS0L1eA0TTbIHL0BDWNIYThmvEYKM5hxvm11+boBhX\r\nYfutaUYKXvRP7dypNYgz01ofceOcFb8DjOuoSN9ul2eyDPLM+PGRar2ykSfs\r\nqNvckfcmzuwen2XU/tMJEKA5Aw16MCZdHLI2/zx/wV1/4dEAvNQy9eAU4RYP\r\n3Lnji93bq4e4b0oiIkU1fqp94qAkLfnI5cjhNARJ4E+PLDezF/BjkApiSFQS\r\nQ9VwL2yrvkR9aJpYuz8v87mWAonKKdeTvnKhyNR6UU51bewYTPwoBUGnUgyX\r\nRK1aOhWGHFdmbfANjMQ0b25ev00HzkeBGqqRrYUglsDK4IOKAR1Fvu5l6znw\r\n+X5IehAVOJbBOVMBuO1XSyAH9WH75FuuNTYNoS34VH6y3h9tgT/38egv2mRr\r\nbqrfwDSmDKw8+7s4p6dNRNqy0fJQPu/Zepo=\r\n=T6Nm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5323006e4a8779595729b9b6ef5b990e/chakra-ui-accordion-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-5WviiWgZnL+Z7N09XupEFGqESQWC5W5/h79P/He+9kjaLNc/Uwa56HhD2ExicAetahdIgETnRvj9FwbQZdLvbQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822054045","@chakra-ui/descendant":"0.0.0-dev-20220822054045","@chakra-ui/transition":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822054045","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220822054045","@chakra-ui/button":"0.0.0-dev-20220822054045","@chakra-ui/layout":"0.0.0-dev-20220822054045","@chakra-ui/system":"0.0.0-dev-20220822054045","@chakra-ui/shared-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822054045"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220822054045_1661146897383_0.02473053813171111","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220822055339","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220822055339","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3381ece1cf39d4b14d70f80ada62e15c869abcc2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-+8010LtGB99/MCufW101CiGwsuD2VJkxv46Hr01qlKlvGIUmRUfo15Tb/RH6nHfkTRXGd3+xz5waJu31Leknow==","signatures":[{"sig":"MEUCIQCJ10i3jhqSqctHUNbsIL3LyHcJp4TXZ1bAYfDu7R3LNQIgTaxzMybTDxVNKEgSsTfyLhxIOPSDEsp41V3/thc3358=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxojACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW5g//TjEJuqRN/a2fLd9HCOiR28fY2KUMt+RnBcTdF4kwP8yltll+\r\n+lQbDamn8whrTc9EbOCKzjL+YnpRVy8+pzzWj9rDurmIxzXvXE9VXRu3UMUH\r\nsR5JJXy6w4OWi0WMNynlPtoFoYuKGNynddRKOIhksgPwbS8Jc25GlT1216QZ\r\nEQ/ibYsmIiIXpEgZUSMMKZa9ZfSOATH4OoIrH+JEyOJ7934yMlnkxWUO1eex\r\naCwaFQAChT8unUz6CVVpzNNtMMqc6fVSuwTTyhRCd9nzYbcmg2BPPwRzIg3Z\r\nM2mk2TXXj0HjfDNJhEzrH2T6sRnzk+a7P7z+0/Ho74JDiJ6FkLA1eAqes5sG\r\nyn3QDTLANEjMvgipKL52asV/DZeX6AgGipCafUAoy0MO3O9ReFy/FNz58cxF\r\nfLHgzFsvZKdUUnpVEakv/Ji9KhVQkfyhyy66A6/XA9kCmi23P7MiI3hAF6hQ\r\nB03oGKthj7Pv4+OPDWI7zpD/Nfg7KomKoeOAwJ/XSqOf/eWL9VIB01HtYTxt\r\ntReffnvGbxOtXAaCB5ZpBPDr7YsvuMQZ03IW97XwH8x7mDeYk8tNp8Jw0NHH\r\nFZxTWAQnHuUqGGuJvY+N7vLc0f9beVkqWvKRU7X+3KHJKXIzdBenD9QEiBEh\r\nPhdskN4B1HFLqGaQHYWlWh1pPBam7/dOzJw=\r\n=E8TF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a2008b3c0030cbd8db089ed2de351de7/chakra-ui-accordion-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-+8010LtGB99/MCufW101CiGwsuD2VJkxv46Hr01qlKlvGIUmRUfo15Tb/RH6nHfkTRXGd3+xz5waJu31Leknow==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822055339","@chakra-ui/descendant":"0.0.0-dev-20220822055339","@chakra-ui/transition":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822055339","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220822055339","@chakra-ui/button":"0.0.0-dev-20220822055339","@chakra-ui/layout":"0.0.0-dev-20220822055339","@chakra-ui/system":"0.0.0-dev-20220822055339","@chakra-ui/shared-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822055339"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220822055339_1661147683754_0.8760964404217202","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220822103611","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220822103611","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f53c57f3e0d8655cb5cefd07ee47c8c8d3340d1d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-QGUDtkzLytosXKvHD0DDJqo/o2pbA8S46QGItXtb2woymb0JKHwntwBw3iPbQg52XlCNjbiyPAjQ+yPa4TmUTg==","signatures":[{"sig":"MEUCIQC3opZKkqsCTmv+E03aO22p2CDGac/XztB7Dol25h4AlQIgGdWetxVFyJZAADp+s3pwDOb3b0BHWnpSGJvXW5rx+O0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1xPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTWw/+JRH/24u6AsSBLgpd2tB/20unw+/0uOYmKjOi0Q4MT8PVkPOm\r\nF8KRDaPCEN6WbC26lT4HbxuJYeamZfQyvjVd+5tlFqz/pdqTy3h1NDdSsFtK\r\nYOcOkpd5IO8M+qlVjn8t2Q6gmSIoiRcq8hSZTF0PuF1yB/ZTCmoAX7wz+R32\r\n5OKU3SGyx512868akuiq7gSO94NLts0btGrQiXGfgHRrsamJiZ2jR43u2LB2\r\nMuA4ah6M0AZ+5jgl/KVm7ELtK2j1lTIFOS+R5fnQHjRlOqXuEBPaFoi4Xi+I\r\n7cD11H4QBSrfNF1GYjkSLHqPl1aa5rWQRM49E9FpQ29l8g+q7Sc+ofMZRS8k\r\nM492cCtT2MQzc6OuQsXRVSWASJgCutBtX91oeLFcKiUT4z2uOLUfbHoPwW+I\r\nYWbXURVDvVvq6Eq0WwspLpSXRh2mzrxMqQ8tj/abgQvMfAAUnXfjby4VuAj3\r\nF9j0ApyPSYwVDLbTgf/OxcCO2moJIJmgcoSGHz/yw6k4tM+Qr+YN+6vmgL1p\r\nCewPWsYZYSq0W1XPcoz6LQtBKRep7Z247zjvMVbUU6//ewdnxZ8fKi14jHXp\r\nkwYFNVG6O8FL5UzvZvOQPwPFGaX919hsqAuHVYIZmdSqe2UEzWlePYPpeh0i\r\n7FN33r5Cawo99IO7HgKP6ytM/TtaYIn+vBY=\r\n=oTtC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/85c7853af55698eb491dea4db8038abb/chakra-ui-accordion-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-QGUDtkzLytosXKvHD0DDJqo/o2pbA8S46QGItXtb2woymb0JKHwntwBw3iPbQg52XlCNjbiyPAjQ+yPa4TmUTg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822103611","@chakra-ui/descendant":"0.0.0-dev-20220822103611","@chakra-ui/transition":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822103611","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220822103611","@chakra-ui/button":"0.0.0-dev-20220822103611","@chakra-ui/layout":"0.0.0-dev-20220822103611","@chakra-ui/system":"0.0.0-dev-20220822103611","@chakra-ui/shared-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822103611"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220822103611_1661164623052_0.7081985020345549","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220822184448","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220822184448","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ef2778427f63dabe40b252f4b0f42ae3205e6015","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-3DDXHmQZrbbdspZA4AtLnX1FA9V1OTuqHB+TgQ/1IHPBXe2n+L+/do81neFpJFaBYuZb3HqFcm04Wm0BEfHABg==","signatures":[{"sig":"MEUCICKjCOz0NP5B7VDP6BVjcp1aN56EI5NVU2N7H/c+jjxJAiEA/4K/8yE6yM4CENfeLPG19qRVlLD4/0mbbs10fhJlEXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA87dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYchAAlbfJbqTgxaPr5ssJEn6urfbqHMFX9vcwYfRzvuZOakiCXVio\r\nrhwRENJrZ3qqDLS1+lG00DHteMnhfrDsL1CGc9uQl9ybCo4iXB2O+aVX4iTs\r\ndEjFCXY+SPocwEfLyAQEoyi7+xCUTNjLX73saemOqwR3CDaN1Ddaa8RXOnZf\r\nBy+kDQiH5snXiuwc483nIBo45jT58UpWjtG/zmF1FckFsw9GWH8WaPZVB3LK\r\nFRe35YfqL8/l4oGS98QQb777zaosa6TkPEydj004ptOW8RSfWA10+du12Jww\r\nFdzY2XK/JVSJOopJY/6Y0W4WGX+TSk7eM7+Vk8AmmYdIkwnguczVgibVua10\r\nNoP2zyUlrmPKshtAgHLRoEWLawGZsfwlFLVakPTmUeCMp6cldJaMIEUbeEDz\r\nMH0p8DjO/lSo05H3NHaFOF1JkEzK/ElfHFc81pFxNckc12Np8kBlM3Ekc0gf\r\nj7oOuftrZxv/+RBmgF+KKRTSB+sYUSboxBl4Pbz5kmS10eWf0DRSxA6C19o1\r\nVhqHs7FjgXog9dh1B5COUZ4lFOhVpAUiaqFPc2trpxF4ZMI//YyK25zloenw\r\n+MTD7PGLY6qLCYF4a7aZjUR0hg9cRLYNA25W/1vcBavix2I5m9yOlBgEi69R\r\nTsgzgXsJRCUHyzeZPhIQip0L6q0iVhDUhQk=\r\n=DIC7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/756d9831871a63fcb06aaa610c3c9b69/chakra-ui-accordion-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-3DDXHmQZrbbdspZA4AtLnX1FA9V1OTuqHB+TgQ/1IHPBXe2n+L+/do81neFpJFaBYuZb3HqFcm04Wm0BEfHABg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822184448","@chakra-ui/descendant":"0.0.0-dev-20220822184448","@chakra-ui/transition":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822184448","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220822184448","@chakra-ui/button":"0.0.0-dev-20220822184448","@chakra-ui/layout":"0.0.0-dev-20220822184448","@chakra-ui/system":"0.0.0-dev-20220822184448","@chakra-ui/shared-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220822184448"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220822184448_1661193949036_0.8585699145423562","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220823150801","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220823150801","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"62c17f7f79cc5776f30e405b8d272f051227df66","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-bcNtKEVFexvsiaAco0EnA3xZUihPikzNaBscpNy3raRH/rWaWHKjFmbRPWqGTipKjuBtl0DuXxJbMVF+f68L7A==","signatures":[{"sig":"MEUCIQC/Z+rSt6M2yNBziMjpUmBGMEH0fBQ69qJrnYEuj/BRQgIgIyon/iCFY19CJgptZQlSz/uTYS2VmHXsEIACPFR4Jwk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmofcw//TOUsKRug42i5lztp5ilKiLVTd0lbc9ilkaIYQwHquTFDQ0GG\r\ndIRXDVhV+UCtl+8RBetTZ/4bpjFHJUI/CbULy6tybV7DTJdEktnap/TeuSsV\r\nrBtzBhbGPqZ4xSWYjSprhNyfMOBrTha7CXrGyPcgAyIopujzHjpckHhpjgI7\r\n511i4Jzi+UvCs0WBcH2ICdiyn3lQo8y/v6XLY4WujStCWVCjCDc1wlHYnt54\r\nTcfBDAEncmsHE7LplAWlyo8m5tEzAdNcu3zibu5o5UYyZGilWTavy3K1fm22\r\nXodWLoCSFAEG700i9fNg2qEov0XKSM7RRzg/1zLWtGfGXsw7e1gbm1IFc+7q\r\nXviEK1Wjyi5bniR0penGyltIuVbkjSK8FbhAxGkZhCEfEGeCWvbmJL0q/Ynp\r\nLH36RiW9sBuzVZgd1fD128JOwjY6zr2rs1D56SyyHDHd2KY9h8I4/u7LMcZA\r\nnzAQCu3b0v/IveGl3+knnvEroLkrhF+ha0HCfumOkXOsR+JdzHUSvcXVE1Tq\r\n6ZrNIEVKqeJtGvDA/HOyBh52eSoipPb45WosyqrB/+1iN2Mye57RBMK6gTE0\r\nEcjRrzOqOT2zabyR7Dt/iUeHP+FbIFvhuHenZMTT8GYCj6nURxxYIal9N6Cl\r\nIVk/L9vrneAuvRd4rnsV7mp56S6mm751dKQ=\r\n=YvLm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/56752d7922c57f1b9078d32bee2548b1/chakra-ui-accordion-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-bcNtKEVFexvsiaAco0EnA3xZUihPikzNaBscpNy3raRH/rWaWHKjFmbRPWqGTipKjuBtl0DuXxJbMVF+f68L7A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823150801","@chakra-ui/descendant":"0.0.0-dev-20220823150801","@chakra-ui/transition":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823150801","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220823150801","@chakra-ui/button":"0.0.0-dev-20220823150801","@chakra-ui/layout":"0.0.0-dev-20220823150801","@chakra-ui/system":"0.0.0-dev-20220823150801","@chakra-ui/shared-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823150801"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220823150801_1661267332598_0.46470523524121354","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220823165602","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220823165602","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5f6efeb0d99d8ee40277d5c04f6085e25b6a422","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-2uSPBvCwwHwH4IPkYIqkIm/By2UKLX+fxudTzaQxeQ0qzdGdblOP6b6Dio4RHFgjel7m3bLSI3Dwmh3sjQ/YXg==","signatures":[{"sig":"MEQCICYh9js9/Yg2Fmuqjq7UUChQbT+9ufB9vE1HvgazouOKAiAXcksvvot5YKNeDX4S2ay3whUhy823YBWkHkhTV6CoNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQbUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmramhAAik6GfCcYE1Y1GGMOwfQf6LPCWZg7CUfhMYjT+hpS0ETTIcc+\r\nnKl4orqvmzrFdKgkBnofwnDty4aPZ39VAJIiegZvQcmHGiZGfzAGBaWuVY7V\r\nc+IW9TA6VrcvdcwRXW/51AWNOHvZW8+gyPjLEj/aChYKvpnlUxUR6iOikVWT\r\nEOyhoU/u68WJi78+9LtX7C05wXuwsTYm8tyby036bE0VqzykWNSL8BYEhOkJ\r\nCbAZNrci1YdhFPdSMa0QTRUDDsOCpZC+aY3pWj0ifA62+JicCA9NJYYN+PL4\r\nsIoYp7M100tgPDQS0Jt7AQnd5nHdo4UEKT54oHtpZ53OnT2KD0BJkznCuHTl\r\n325DWQr42KcUYxoSaHcz24vqhdYZNPXCdMiBjB2mXJfxnx1qLE2H+kstSFSw\r\nox9n338aftRTscpLSrAIelgxrMr/ZrMVFjHzivJHaMSm5kd40BL9sYX+LXBf\r\n6q0y6R304KcHNlizZgZq/f0DtcjQA75WWQyWFn2cvKb9j8asDSnx8fKKVwg4\r\nhuIxVRPtIS2+16E0R7HiGzmK5AKttx7JIxuXoAr1oqzGasG5Tv7j73bemm+J\r\ndKlicN4z2oguWs5J3E8LlNkHPaE7hhs8qEvYRED8bfd5ndXtJCgFC1UdvymD\r\n2C+OY6fOszXZPhQHPm1akfJrFQb6L/c8c0g=\r\n=COiF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a1c93e813d34f8aa7e22a61fb093a558/chakra-ui-accordion-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-2uSPBvCwwHwH4IPkYIqkIm/By2UKLX+fxudTzaQxeQ0qzdGdblOP6b6Dio4RHFgjel7m3bLSI3Dwmh3sjQ/YXg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823165602","@chakra-ui/descendant":"0.0.0-dev-20220823165602","@chakra-ui/transition":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823165602","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220823165602","@chakra-ui/button":"0.0.0-dev-20220823165602","@chakra-ui/layout":"0.0.0-dev-20220823165602","@chakra-ui/system":"0.0.0-dev-20220823165602","@chakra-ui/shared-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823165602"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220823165602_1661273812717_0.5929687366454008","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220823192757","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220823192757","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ec495c9c079cad6b5afcf6a7b5ab3bfbd040c8cb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-PUoc7cAilgv8QX3fcCWQg4k00cN8LD81SZgQNiJGJ3bEKAFQHLOBnp9K63HsKgyTM4nvEVHTze5GuPJzmlA6vw==","signatures":[{"sig":"MEUCIQCRsy8dcnLg2ilw4HZx0bUzhWrai4+q+5TZxcU76ngvhgIgBCja7UXv7fpr+wHDWu+NE/jJYtqHEddD/bpNAXexQdI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphuA/8CIoqmxkCmRCb3Z8Y7Cy8umXHG+gTwtUOkrm6aOJlZwsyRj0f\r\nrFp0IaXQJoOMZeIVNa3KHq12LThyne0dqizsn4XU0xr/JCtF46hzFn3i8MnX\r\n7kR9MeVA/L9g9KGvcd1ZvJmEik7MYokYVNx/DBKqnYS/FaJ3rnU7QmDgkdut\r\n3Ot6LZt12uIZz4dmP6J/zSJnYjLJu5TAMtmtjQBcfAI3/mXWVaBqB0WUet4c\r\nO3xqxX5LTHHizVxd6d0tibujyB6SJXm5r+iRx4Fp5GbsMcUpLpN/rgUWa47v\r\nRt4Ks7N6J5acPZhaeppaFOVKTlbvcn6l7C6h54Gli0mDrD65iXCLzcRrWXOS\r\n9DaMToG/dNM3+rFhtmVioDneYrCnC/ePYiqeMNajsZNf+Hox9hFxyEejt1yJ\r\noLPMxI+mEnZ4knrzOJr4o/8PaXZzVSpC8/r3YxxonjOlIjmjnNVQN20suQaI\r\n4hJxzQ0b4d4JiIL/gj4aU7Paw99jUVVdWVT2Pt65spKFt7UINYZfPuzfe1K1\r\nXFsA459evyRXYxxKgTRdhwJ3AZtnjo6SkQjS5ATaMsqoEa7t+HiAp8MkN4qf\r\nSWekAKNKADVReXAfL8lTUJFtNrXwevQnYaGprrQ6AUbBbSgAWwRtcE+3ZJMp\r\nI1XWbqe+lTdnqQuTACkJatZutjE/x8R6TDE=\r\n=exSP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3436323ffe695d695ad1154c42b902f9/chakra-ui-accordion-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-PUoc7cAilgv8QX3fcCWQg4k00cN8LD81SZgQNiJGJ3bEKAFQHLOBnp9K63HsKgyTM4nvEVHTze5GuPJzmlA6vw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823192757","@chakra-ui/descendant":"0.0.0-dev-20220823192757","@chakra-ui/transition":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823192757","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220823192757","@chakra-ui/button":"0.0.0-dev-20220823192757","@chakra-ui/layout":"0.0.0-dev-20220823192757","@chakra-ui/system":"0.0.0-dev-20220823192757","@chakra-ui/shared-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823192757"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220823192757_1661282944106_0.46929217226051345","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220823195046","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220823195046","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b82db7404fbadfa0c73966109bf20ee0edbbd206","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-6eTY6HuDzlbVzsVCVmE8EC+840+jEns3JWS08lchIBqNI4+k1cEmXwkHqrYWsqOGSl9euk728Glwvs6E9cmTSw==","signatures":[{"sig":"MEUCIQDucE5C5RftDOUR9GOK55tPPAHQeRBRtfjc3MU80rQqagIgWAYdGYv/VS9g0vOc6Hjz9wP4Gl+V1Z++veEraoC9ySs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBS/eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZyA//Vs0NW/Y05Lij0H+QdXzJdsD2I2tKE0AWvw5cY1+7uzT4awOn\r\nV4m/E4iE6m7ligk47ESV/2DUb9+avLW5qYbWEKnMqsoq/ldgpOQnby6Fqvso\r\nKJ+cpxaZDAyLgZwTQFxGS/TLaygQLHMYrunJLyIBtWAnCizPKodsSUbeu7YW\r\n/niCkDQqJJS4SSoPY51KP16+0CQ1qgKBI1Kjn9mS/aqV8048BumrsDejx6hP\r\nkEGhgjpwQ/JbITNp/EikKEivjG5uHR7b4POqNjUNDdiHtZb70XKmkC4NAU4d\r\nD0fpF4HtF9tddjKWCG1fzqokzRTT74XN14a7GU6BAVqpCCGtB2p6Cpc9Xsl+\r\ni4m0uR52Svis5H0N/j3Tg6GJhTsTrUm5lKiNfDinDskWKMLyRNog55p1iphy\r\netAqDLDcv0d1fcGFanFb6/LEK73VH2Km565lZ+koAZZF9iBE+NXONdmz9JNL\r\ngAUzF+QFm3HbAW9naHqz8Z0Pvbqr9QO1URxY5gq0H/MdcXaKkP2PC7i7CRnZ\r\nWJM7cBeFtD0GG4UdWkf6FzZucUNqAIslTMym90WN4EVgTPKCK1ttOQ0OcTD/\r\nERGbwkfEbnGgM8jEASsOkF7nbPINbwCE09WIfjql798wO51+O5CaCRaAVNpy\r\nHhHRiWkMJPp3sgZCyAlVB7mMtEzL8Ml/i0s=\r\n=HcqB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/90cb5d4d768142de9ef94ea642bd612f/chakra-ui-accordion-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-6eTY6HuDzlbVzsVCVmE8EC+840+jEns3JWS08lchIBqNI4+k1cEmXwkHqrYWsqOGSl9euk728Glwvs6E9cmTSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823195046","@chakra-ui/descendant":"0.0.0-dev-20220823195046","@chakra-ui/transition":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823195046","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220823195046","@chakra-ui/button":"0.0.0-dev-20220823195046","@chakra-ui/layout":"0.0.0-dev-20220823195046","@chakra-ui/system":"0.0.0-dev-20220823195046","@chakra-ui/shared-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220823195046"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220823195046_1661284318010_0.7137729154825976","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220824074122","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220824074122","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8a41be7459d1c2480d3a1305b89de34d2f3d6331","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-9vXSsGmb+iO6Xa5X0s6Ci9Y0yPP+a5XFNSIxMPEL4AzvwgveALbpHAx0NVSN1VIx+Ao+nEFpfH6GaLDXDYWVNw==","signatures":[{"sig":"MEQCIE2aL0W3PUoSFjwx40QvldCjbVDAs3RCIATPFEGxABchAiB+sa5OkzIjlF2D1OKf0EUItea7dKE3FDp79WMexiIggA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPfg//ROvgzPmSIEV4UMAtJXwdDv4ICmZXQ1QqidHw88SR9nQz/4T3\r\nZJhC1i84R1yURgJR6dxrOCqN2QyuUmN0zboT5IBrMn61Emg+WhKIDRSExJEN\r\nBFsFRN4RBIJVzya7A8ZgeltNsSnaxlsIXMV9uKsa/Rmh5UtHcmHDHRAu1p3G\r\nWPKkDiXjJWtnwKobEPyPN7GRB4zj2KtkUR+3+iCNlBhXuurNGCtTigePpkFp\r\nwsHiB5PxSFrTwrC0qgmx0sDVsCv8vL3+E3qZS9cXxAXLgGgGTsONMH5Bfylm\r\nOWir9XRcfHOahAKF+s9j1LQUgUt7IEIxItq8D4rVHd2GcJ2QgZqfSoNvkDAW\r\nlsAccpGvzk89uewQef/c5yHBE/+u/i8f6+KZ1mW+vW6mDB7S4sAnCi5TMt3J\r\n4wkVdAb9O4uTbAt3/ifKUHzknXbgK3Lp6ajp2YU85xn3MPUjmiV5GoBDlfgr\r\ns4GqGXmKyEtNs6JWZhBAYsbgpg27CopPy7fTGWXjyCnxHZBtwAMX0bHUOST1\r\n6WoABy9LuRN6xrNO8OEP+mPf0t5YKJi86sL/mZ3H8cZFBJwjGAtBmK38JfcT\r\nJ6sLfgvP8PK2QOQ/im0C+gPSqAF6SqOU0mRUl0IejO1UIgWXN9LtumM+60BD\r\ni6ViHRZDOwlJuisva05kdocazcdMx89/a78=\r\n=zrOH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b20807febfacc2af7d36aae1e3f58c94/chakra-ui-accordion-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-9vXSsGmb+iO6Xa5X0s6Ci9Y0yPP+a5XFNSIxMPEL4AzvwgveALbpHAx0NVSN1VIx+Ao+nEFpfH6GaLDXDYWVNw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220824074122","@chakra-ui/descendant":"0.0.0-dev-20220824074122","@chakra-ui/transition":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824074122","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220824074122","@chakra-ui/button":"0.0.0-dev-20220824074122","@chakra-ui/layout":"0.0.0-dev-20220824074122","@chakra-ui/system":"0.0.0-dev-20220824074122","@chakra-ui/shared-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220824074122"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220824074122_1661326931217_0.5866831940388193","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220824080240","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220824080240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ce4bb088f0370e0561aee94e9458926fb390eaab","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-qSi1fXuiZygYRRVKX3dvWIQoEYpTgxMva9CTCve02Esy6L/nSmW8vjNDS/MwoiAEXQj/g5jxEYmz+VdU7ZHpFA==","signatures":[{"sig":"MEUCIHWW6h4ey/UqfGo8tLIeDYOnAQNrhWMSNDCAaGJZCdOoAiEA2Vnh+5/2w3Pe7g/OJCmwSE8IOrBZvvQ7/AlFq/17vdk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdtTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqy3xAAntfD04STBkCZueGWqGqgL3C/rAeFlOjdTpJbD1/gFnmlmYdO\r\niPcSz4GdGDoemEMck78INosvZpaEGX3mGcBe2cLf2OZiPipVt29RcmpCqQHE\r\nASGsSsv55JbaNo+qa/cmf6E50HFGM4VKCg6yMWJLlY+261OsNAvSPqdeQmuV\r\nJF2k03OSJG+lkmvkHzSGRwekPXOufUjiK4pUTePP6b0a0BGYIsA4xNkOZXK4\r\nt4sGPmnEoxSISb7dwqyZgN6lyup+fcnSGmFyNfEXpTp6MrIW7PDzmF12UGrc\r\nDciShdSAreuqD1BnkxLL5Vj6tzPu5vi9i7PkoYhCPr9bQbs+x0ZhGWmLbB/z\r\neywviChRG6pB7WyQbKqK34hg9VRAyZdlbGxtRWWaLgGyp0M7mcFR1kmxPm1e\r\n5zeDgfz4XNEKgULIBuRTj4pYteDHlVVQr45C4gBuoXNm2ObBDLA0DQnjcbPL\r\nZoyUW2DVpyF+iEeahx3Kn28KoMWsNNQIadUXxwvgg9ZnPme3Iz1UVuMksXNy\r\nL5LeoYIkXqIJgU6ybSQ+IIrh/rrKi30GZ8Zoq9edrqqmYglOvM6Xr+sGScmn\r\n18E3ppIb2mRqPrJ3ZKLx3WnVEOM7AL/eOcXr/H7v+3/rNYKHDQxjvk8SzOPW\r\npintlzS7Zq0jbPybOMop03S3nk3g3QPHsRs=\r\n=AlTX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c85880fb4f7ad08cbf040cf07475872c/chakra-ui-accordion-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-qSi1fXuiZygYRRVKX3dvWIQoEYpTgxMva9CTCve02Esy6L/nSmW8vjNDS/MwoiAEXQj/g5jxEYmz+VdU7ZHpFA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220824080240","@chakra-ui/descendant":"0.0.0-dev-20220824080240","@chakra-ui/transition":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824080240","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220824080240","@chakra-ui/button":"0.0.0-dev-20220824080240","@chakra-ui/layout":"0.0.0-dev-20220824080240","@chakra-ui/system":"0.0.0-dev-20220824080240","@chakra-ui/shared-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220824080240"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220824080240_1661328211586_0.37174587126218683","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220824082222","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220824082222","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d4d9d2cc46cf2f8ddca948d5212a3f5786a3c7c0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-WN9Xm3k9whtM3Sr1SDVPWGIFijXzp6LgyxvHVs47vEa37gupCgXeuHHv9u0IZIl3oji7+NYJ4lHiMcUnPgprJQ==","signatures":[{"sig":"MEYCIQDDP346dslEHjHg8BB3VwjlZOe4Kl0UFO9pry4DVPtuoAIhANkoZO2JMiydWEMPQ2v0BVqCQraiISvsX7bN7+MVvyYt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBd/8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEYg/+NJRclRsTca3+bgfKT3AjKW8f8wilKoFuBtb1IdQsyuSUUOPn\r\nru4K6DBqZQ3iDK1IggdxCyXKWraQaaatCsYygqP3ogeNoMpd3rbpvErSDLyB\r\n8aF9DYTlVwR51RNl/+ParjWMluV6aPKQ+HN6/OSCVPWZL4dx/+DBgXWWFYsh\r\nRH3lOSFc8+sbkdBYXwTTEdZLU2LwJb3uNQLfv2K0H+3SztpBCz3YwCDgORy3\r\n4Hyc9zIuHGHWBcataRDwXSGsKXZNdFjWfaTTpMlrXuky8c7Tv3+lo9tfZUec\r\n+FgSj6JIOJwV4GEYjG5uYCuc4osWe3uPsFquYzhFFuWBL5akftb4wDgmimZG\r\nFURchaTg4I0WRmwZ0sjCis6fAZaiBerTbdgo0VpId8zVnjPlAgu+FlgE7Jeg\r\nkpEhDSHDwN2y2F59/PQ8QzAx5Vzb8zp3nGJ7qju4nz0wLODzuxmr8A+Htnwi\r\n2IXWa/hBzRyef4DDrsMqrjagZr+Cv30Og6QqDQXK5aKW57ILDR7o7yfTlZoX\r\nNUqOKLmEt8AWnibui1ERX/yWYQenYl27CSVOeTsTabrJHvp+4Jcfxh/h0IiY\r\nq4p7+k2lKBXrBsBVmLPm3aGofK+bkh/WBu42AoODY3JexkVrHbmBAQGGBJtr\r\nnKbcGwN5dbZF6zMwiiyU4v0/LipBrG7/eEM=\r\n=JJqn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1cae9fd4323c05e1279ebf51bfc0e986/chakra-ui-accordion-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-WN9Xm3k9whtM3Sr1SDVPWGIFijXzp6LgyxvHVs47vEa37gupCgXeuHHv9u0IZIl3oji7+NYJ4lHiMcUnPgprJQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220824082222","@chakra-ui/descendant":"0.0.0-dev-20220824082222","@chakra-ui/transition":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824082222","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220824082222","@chakra-ui/button":"0.0.0-dev-20220824082222","@chakra-ui/layout":"0.0.0-dev-20220824082222","@chakra-ui/system":"0.0.0-dev-20220824082222","@chakra-ui/shared-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220824082222"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220824082222_1661329404708_0.7713360224482047","host":"s3://npm-registry-packages"}},"2.0.11":{"name":"@chakra-ui/accordion","version":"2.0.11","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.11","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"08818c5c0a3b9ef4f309a730ad5626110b50e7ec","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.11.tgz","fileCount":6,"integrity":"sha512-KTMli2m/piZROhtY9zynfW7h49dkpS4n8Ny3uBcVFCtRg7zUOklMyUKX8I7KqAPAUROPiwT/5kE9hui3XpksQg==","signatures":[{"sig":"MEUCIGfrC1yjRzN9h/7KL2e3IQSkQSa0T6M0E7YAYXkWf07DAiEAoAwiuUvEywswFYF0avAS/drvr+sbeCg075PsMhElyKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeVzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLUw/9HQnRzHPQNQtu0FI7qeotWe14NkKBXWWddJRUhYv7TL2Noso1\r\npaCAO2J+5vTEs1OxMa1o8UMQ2LHbbIwQ6opOLvovqaUtd/kpQXm21D//w+b0\r\np/qdbghSRqkud2514MywcEnzfizMTADQxU+C9nIttl2p0vvaJVkmANkQLwum\r\n3eMyGnGP1eExHbQ2pwxxG/8eJR+MT2xt4r2wjQHQQB+b5hOYnZI9dFXLEpfv\r\nq736BzlsdEbr98jnFsa54GfYwJD9ukC2qHOmS0O9piELUGyyvPFyTPK1gOVQ\r\n9K+oNrabDsR6bSnONy4QJSA8cKf/Guj8kYZ0mNkqxa0cRcW1J+vMdjaqqUqG\r\nKSodGNDefbH3zO3jM5FH6d9SXPYiAL3Kt2vARZFPbXqlPK2wzxckuDYWv92J\r\nQNn6RfiKWqxyBDm2rZO5OV/p/+W3T2bKGXpuzX3YeGjbdJBAfawphJOWhiS0\r\nK1ZTRuv69iDAuvEqvhPaZMeE3XshNhh5TOft1haAwvOK3xTXJ7pDs/KFz/lG\r\n3+QU7H5a5ekZf9tnadIzWmJNE9Kq26x/3UbElQffnNhGZAEq/SygesDa4Wkc\r\nPWjXSQlIQTqqr50idkezQmqA3tQhY0x4Mr/IReRnRrFUVT8yNoTO10jR04Ks\r\nUdspkfU/7ht4TAFZcY7nakL11yjZ3hXAV/c=\r\n=LZeK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.0.11.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2468e3f1b02fec433fa75ace3751f9ce/chakra-ui-accordion-2.0.11.tgz","_integrity":"sha512-KTMli2m/piZROhtY9zynfW7h49dkpS4n8Ny3uBcVFCtRg7zUOklMyUKX8I7KqAPAUROPiwT/5kE9hui3XpksQg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.7","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"2.2.7","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.11_1661330803220_0.42785835591903765","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826154141":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220826154141","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220826154141","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"69a2745790766a4a31d6580a74c489a0797a33fd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220826154141.tgz","fileCount":6,"integrity":"sha512-bVdIwNuahklFqEgEwMBgkjXZtDlXDkZvCyH7z0PPouG05DXcwJtq4+XfEZCuuK7YS291pQZwDbC6ZMjFDVkf/g==","signatures":[{"sig":"MEQCIHYjriTEhPQDPzgXkVVjNI8ljiTCPPxk4gLfp8fD0OubAiBc+kdUFSNm1O66ufo9H+oasBChxzMss3mYBn8FkW3wCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCOnbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqk5w/+LFRksc1gxt6+dpp/qen4qoBsFoIp5J/TWrUTbbGlWnOmHQQY\r\ngvQxuB1VNCYGYTIepr823oMqBZcbu64vMH2XxzmPW9p6OLNO0BZr8I8mDW50\r\nVwss0NEAB93W0kI3cat8ee8MuaP3cqQbLKXl3Zce6uHTIU53FbgJkIEC2RVn\r\nBS4+om0eBWy0cfpnS4Y4cHb6Eh5EJEBymryOdYlHGVC3UDpemct9pMfLniXH\r\n94uCwzoiwjSz36FvGG4z51lzyznl+cvEfl6Zx2GKe9/jk6jCAFWvxncspZeo\r\nnxdOpm/Y52jDoir9TYyEu6/p4h7FTfCIRQItZu50/MqtiguuevE/MCYdPC/f\r\n4AgSpnYm/7tpbsKdrpDag7LNNydP8ZFsYMTdwRZQzIqzox271SGSVAzBbZMv\r\nnLgEUjOvQyAQUVWI4ezs/J0lbeGmpFJgMT2GZ3bBuEUBKpc6o5AshmLnQqXF\r\nSMyELt6+7R5KZZzOwFsfhRsmlYYovchd3l/lQggVin8Xa6ZbD788SptBJAj2\r\nPsCvpnDfrj0ozOkReMmSxQDngCEpVZF/9pZfWVfn/OU0hAIu0SoailMrm3C0\r\n9fyJnTVfYbBh3qZNYAXRxbNkWPqTjN/K85JJYipqkU9OAJdSmfdVHk3OIWsD\r\na9QqEEidwTKQJOChIAdfNNQZOX6DKU4gOBY=\r\n=CPjh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220826154141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/008ea7ddb7c3ac4577f3347637a4a919/chakra-ui-accordion-0.0.0-dev-20220826154141.tgz","_integrity":"sha512-bVdIwNuahklFqEgEwMBgkjXZtDlXDkZvCyH7z0PPouG05DXcwJtq4+XfEZCuuK7YS291pQZwDbC6ZMjFDVkf/g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/descendant":"0.0.0-dev-20220826154141","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.7","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"0.0.0-dev-20220826154141","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220826154141"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220826154141_1661528539273_0.300248976103616","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829120312":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220829120312","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220829120312","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4acac7a4c5c279a20dadbb8a54d189635a2c172f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220829120312.tgz","fileCount":6,"integrity":"sha512-mGDKFf3JE14drc45tzxdYZPetX0IU//I9NAZiXyvOsSIpfub4hNNZqKwt+wZIDMjPIUWDqMe5O3wzhoBcIsl4Q==","signatures":[{"sig":"MEUCIQCDoXHDDX3VBtszDSbwpwuKm5JTS92kRaiX+wrbjuQOggIgVQ/RIFuafa5xRA7pATaZIfz/VXQh6NNV2j2rdNe8H+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDKsyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqS4Q//VYFbi8sHmPszcEdsJ7QXlNQKlPBXoYOSJjiY+Qiznm2PkJ9J\r\n1P4qLswIhNhfeoMA8Um2eo4gB10SgwTeB5cgUVYuVt6Naeq0VdwX7yhitGrR\r\nxKyE+mieKfqn4ZCXNVbewrbuYKmIQshmH8yZ2+u8YE8JtuLcLsTBDYOeEIvv\r\ngcVIeRK5KL7ZHP4UiThFwJqeEkW5E+guwX0AVjMxduDNBAYaV7mthI3x/1G+\r\n4nuk5DWAciGi7CwV4iZkzXakdQwAf2zceA6LPey9FmPwWIqzbWxMgFfj0PuQ\r\ny+BOK11icTlePYO4L0ZolzbTc2rlyqrH39ipI65BflC2oNuNAhH2ym7FP9ST\r\nq3HIbZoxBMLHwSh6aNwA7pcjMKm42dzRsEd956lyS5kxyhMYYly45+BMREZ3\r\ngB3FDZVom05beWEoS7hYbXvFfjcmvkkUv8I1nVsXFkEyvDhMhc64u3USJtWH\r\nITMwF5L20O2eJZyT4CV36GuzHbTeMI2bpGipxgvu/7Q4heBqDU2cBrHmE1hK\r\n6uQQybDqHa53fSVbfxRVK17n0y9Qt5qROU3b6mGHmbMET+qPOdbhEEwbWkpi\r\nSdv3U71BbpV+Sk1gGap+mB12OugqtPofK1tVMjH0vZ1rSjtyBTkaG07VcgT9\r\nAcJUIcGjAvZm6mzVIXzHvc2jtj7hEZI23PU=\r\n=NaQN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220829120312.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9bcc0acef2193f48a15223edc81ee4c0/chakra-ui-accordion-0.0.0-dev-20220829120312.tgz","_integrity":"sha512-mGDKFf3JE14drc45tzxdYZPetX0IU//I9NAZiXyvOsSIpfub4hNNZqKwt+wZIDMjPIUWDqMe5O3wzhoBcIsl4Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/descendant":"0.0.0-dev-20220829120312","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.7","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"0.0.0-dev-20220829120312","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220829120312"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220829120312_1661774641823_0.14438981492037506","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829121234":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220829121234","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220829121234","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5a0e495962608d46c92818d92eb4cb4b3f6a738","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220829121234.tgz","fileCount":6,"integrity":"sha512-QqFcMiHNlbF5KfQZAsnLT+rvJj4ngkKsWpzl8yjWjx36kY9lLyF5stW27OYB4xaHfpFLTkMxQTtAzmk5t/WvSg==","signatures":[{"sig":"MEYCIQDWhi4nsdhpTw7Bt45ybE0uCHrsmq3jUnEY6RQH/CO4rAIhANpoeDi7GuZ5X40GHoXEKDbEIxJ4DZwZkycl8pDReC7c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDK1YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKDQ//QhHwlSp0SCUr7F/N4nP/w7W9Nzft80cMrL76DWk64MGxhqGj\r\nPSawYa8o+fRxowUKDXSTfHBn78x8ozWqt8+V25DyjasZHGhOMtY9S4Q6l9DE\r\nCshkCQ0g84e2X2ZeNuQiUhypAJ7pUs5C0h8hBHDJ1OP24CkxMopuIjxZbRDH\r\nRZPsve16PxnCd9mERGo5oxjRmBsWE/nR5ZAoefEmFnRb9Ovgpvw+CpM89naz\r\nkRuAbr/aPwHue6FLJEBLmjNLL+RvmX1Wn1KXWc+PTNVf33WhZXiibVAt/1cK\r\n/BKqjFY7H0MA+DyX57p5xtBcYk7w8VVG3EKaxMLBf6m5Pm8j6YyzRGwM6Tdv\r\nbe5diamMjN9FRH4SqDVPlgyXHsazQHEfPFclb8aE6xhpUCsB+O36cCPEtq3x\r\ny5WC9YWKKLJ5ZtKskWneT5ofN9HiGM+ouw1OyvQ5WrfJTZ5RV/R2vatlBEBT\r\njyhUC6jFAxNNmBuKUIsxRBvD2FCy7pOFpgEngX+1EkNioGjp6mkC/Dx4n5R3\r\n2z1O2JCXmUlrWDs/QrStFrZWFHXY5p9xA1hGkNwdSIboVNIOCxaXY3KeSWFW\r\nGiOqgenI+CrPtmCl+ZWMbRe4yrfbWL1roIcNwQ0H3M0yOK3HEU9K196mpxhg\r\n7fwpAhbuVGvIqXBxBg361kYu03pAMiuxZf8=\r\n=Oruh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220829121234.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4d09e418a07e2455f712582c0c393e34/chakra-ui-accordion-0.0.0-dev-20220829121234.tgz","_integrity":"sha512-QqFcMiHNlbF5KfQZAsnLT+rvJj4ngkKsWpzl8yjWjx36kY9lLyF5stW27OYB4xaHfpFLTkMxQTtAzmk5t/WvSg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/descendant":"0.0.0-dev-20220829121234","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.7","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"0.0.0-dev-20220829121234","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220829121234"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220829121234_1661775192686_0.09608149788753373","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829143113":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220829143113","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220829143113","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"120415067a6f71fefe1e0c205c16d7c0cde8e302","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220829143113.tgz","fileCount":6,"integrity":"sha512-T22loifF8MLKiFcjeE/tcKHutINjvcdlebeF9D4dLx9YIoS+BxUyejbi1cyY6UmLoDrxHRjDb42GvZrd+P3pzQ==","signatures":[{"sig":"MEYCIQDKZ+kGPn8ycJv30kcgpx0dVGj00Fs2by/dA3PaTt84ugIhAJDE2fWW1jlad/+sCXr06fiOsPpYr90OJW9Lk7aRCQTT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDM3ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuuQ/8DW3jUmM2DUKk9OvxGPiPT9Gjd7/2faji0YynmPzTcXvyD7i2\r\nPmRjePAD+lLXQkHvO1m9y6s3yKuAcIa8Y8XT3X3WMJ4FhWVFbFvRa+4d2O3Y\r\nAM4hJSt1C66LnWsodfQlcASAyM6P+Q3aOt+ul43NBWbe3pJQquXFmiuYILfG\r\nMnJNKT6ASG8xm8iLbdxfRBp7kpI2GQTiRBO/kJmTbLuSMUURlNpvhx7DFXBz\r\nCmE+EjKil05vkv0ZT2j5fEFG1TheUlH/4+azfLlCE88dhsMdfOe70sTAUIwo\r\nkGe8VbPcwaKil++wlhG7TPf3Oo+FgXwpHZbzaUGNvhWRweFbkUZGwQzNvyQG\r\nSLuDmBMx+rbCvwTt9EIIS+JyU56vCRDesik+zbJC8esZUWR2Nq2+Qidpgp8m\r\nrEWkC8Hgze5vlHYWwq3rmJPSGHsKGFdQV4SFpTr3svALS4RyL1/vduP0MsEU\r\nKeL/uIK2oIHaeoBOwdo8QB4s0Jz31EXBqOvBa9AeKqqmbET4lOoMX6I/6Czt\r\nXVf1Nqg9VDmxeJJGjsWWs4kcD9tGULRwWQL3uyaC8EeHys66Y/HS3bJX4qlA\r\nVNRGQ75MRgy8F1UItvDiMzlFd3tff98o5I2IrbmO/M2GTlJjAsUGbfV4qpXS\r\nkU7i9xTVuJ8BGQPNc1Qwlc3NIgim+r3ZC+c=\r\n=+Fyl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220829143113.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6788b72cded44d1b5943a73fb731d4cf/chakra-ui-accordion-0.0.0-dev-20220829143113.tgz","_integrity":"sha512-T22loifF8MLKiFcjeE/tcKHutINjvcdlebeF9D4dLx9YIoS+BxUyejbi1cyY6UmLoDrxHRjDb42GvZrd+P3pzQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/descendant":"0.0.0-dev-20220829143113","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.7","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"0.0.0-dev-20220829143113","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220829143113"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220829143113_1661783512836_0.15588729167724913","host":"s3://npm-registry-packages"}},"2.0.12":{"name":"@chakra-ui/accordion","version":"2.0.12","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.0.12","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd260fbecb639748314f440c89052ed45006c585","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.0.12.tgz","fileCount":6,"integrity":"sha512-O3qq8mILo1QODjCGr2xwxC5LNFakBoMzTjEgpvpIMynxWc/1RKfGuFLis3IDfpHIicXmBTK6sNiZXewmna88CQ==","signatures":[{"sig":"MEUCIQDRxO9PiA0ZDqp/zWxkC/WJQxMHV6JefE65TMALrxEA5wIgUCh0DyglJotneNSryOiRDx30wPhM4ZnMjYh3AkqzsfU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDNgEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmomcg//RlUcHPfO0gpyRzgRz5cvAR/2IuQ9lVgKVguJt3xmYpnDLHB6\r\nDBIApqMUBVaBex7rqs6U5P2HX034SvR/tLASbNoYL9OKeYWxUHIoavpxJ7FS\r\nhETCDHTLJmr8cDeAl9+tyvpS91p1v6AdV5PnLr9Pq79H2k7WEfr9djmejIy3\r\n+OzVbEcMDE9aFaTYmGS5jBneeapKQ+yIBORSNUDaXZ/B7l+HnA6DJl3rbQAF\r\nW0zKOCqYUOQrvikderqFkZfK+x9ZoBIQE0+7GFq+qL0LbgYSUiDnFmNltuow\r\nIEnNjP1jOzK9Gfvb/C2x+S8I36WJ+foy+gSo0CHA253sclYLSnAviJID+1ct\r\nPzOEuQG5M/PJEhqS9n/onqALaapvGHYtdAVn5tN6mISb+Okszjf1AuSD5+8x\r\nqLWwcI68THxoTmyfb2SSNoWGUwYCQ2AKYW9yGLyMSU6UbMmOxopI5G8H0Ym8\r\n+qKnrCchE6q3xTAxVN9fQ8aFYm5PFA9iuYzeTEhL51oaxoLGNHnqbzhHKCWU\r\nMKKysCSEc8Jvxgjmx+HTR894atiCuLo/QedMsV6UAlDPFCm88AJjIbD1Kj7m\r\nlO1GcfMSANh+Vfmak+jhxoJ6Sqeq616tC28lkSpl+rvKUgrKEVO1lLI/KiVl\r\nUw7DvAl3qHHh+LgSQQbbZ1ZpW+uhomQkL/E=\r\n=PlMy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.0.12.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/53c941df6aa56cd6cb7d94ed1c44a4ef/chakra-ui-accordion-2.0.12.tgz","_integrity":"sha512-O3qq8mILo1QODjCGr2xwxC5LNFakBoMzTjEgpvpIMynxWc/1RKfGuFLis3IDfpHIicXmBTK6sNiZXewmna88CQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.1.7","@chakra-ui/button":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"2.2.8","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.3"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.0.12_1661786115927_0.17980409512869633","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220912120959","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220912120959","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9a874d63c4f1725e3a3ae0b8c5650b5574533781","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-w9CwGyIC2F0PS2E5ogMSVd6qm1WIhZY75K47u7Dc0JIyac1vKHAP/F3hK8tEQQx0YROxoW7gLUjd30GsWhg4Uw==","signatures":[{"sig":"MEYCIQC/LuC8DBakmuNBgJWCELtn3jP1PAixwtTUhkxdNmrC+gIhAJOm9oyJpU1Pee9BfCJNjcohVWSPfCGC3qRVmQHkBoW4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXkA//WDjwWqbvmhj/9onfDWMiIyOWk4PndBbHB8t1d/P5RQdgniQS\r\nLLLx75drJzLUTe4raZnvuItSpEoeh3Ofw7hhFVPwilffxGdaiWMB4Aiuon5p\r\nwlU+ZmNH72LVGVu87rndO6U5mOP0STQmfovdRNIzy5uWAVpXl5rIoOHkONBF\r\nFsCxdUMueDQ4BlP+Ja3SNQKAcUoPrDYjtZgVAPAwvcR0zqH59Ferul+fHzUp\r\nwweWP8EpykOYVA5FbVxidKhez1RjfxGKxSMJ2UNFnnl1or96J+PkfMF3EY+Q\r\n9cms3Kce3vhl/5d1UdgcqxVCJiaXhsUBxEpd1ymZE147nTkADv9/HiAIe0IU\r\n5MzVfwtjnoCRl8xU6vb/T7N3nb7BaUGkgmeLsqVPUVt1IoBEK14lZlXuirCH\r\n2mIP6czuhEQIQdM6KuWQr0pPLh+bGgPfs+qzs6dpm35Fa1vodLD8or8IALKg\r\nzQN97neo0Hg5/xcaDwzMqCwM9A2QnaS7u0OzUygnarmDKPFNNvHoOIkuznKA\r\n73btxMdO+8awxl4TyuUfQZc98VcDTCWuZ3qHfwPVHTuxwMwFfHkPZRSDM/sO\r\n22CBh+qMs4IcbGdApLXweyHYNVHRi79icBd61MrfZgv4DHgjabclR5s8u3gK\r\nSFy/Z9CpNIyUdofGnRDj+/LoBTRzyagQVxw=\r\n=O9LV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fdb07ffd5b160f9030c51d43b1047ef7/chakra-ui-accordion-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-w9CwGyIC2F0PS2E5ogMSVd6qm1WIhZY75K47u7Dc0JIyac1vKHAP/F3hK8tEQQx0YROxoW7gLUjd30GsWhg4Uw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220912120959","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912120959"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220912120959","@chakra-ui/button":"0.0.0-dev-20220912120959","@chakra-ui/layout":"0.0.0-dev-20220912120959","@chakra-ui/system":"0.0.0-dev-20220912120959","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220912120959"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220912120959_1662984648891_0.8027319011328671","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220912132201","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220912132201","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b98ec64acd3939c09357f9a4a0d0eb58221a9740","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-4XbKEPbgVTC+orM1Y2g2a3Hfso4BqU8ilQZ926XpUVYNE/UvpBLtdidHrAG5Bgd5nIXS6ibd27JSomAeGhxMyA==","signatures":[{"sig":"MEUCIQCj7hDra4FVrv0Kty9f8ncjd5UR4LKiYn88chq/eW6GKAIgFfot1PF6srXZ+zSY2ul78/Tnddt76SUmwlkojtk6478=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzKjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplyA/8Dpoku1/U0HIo2jr1aT4vTCz/npHnhg0dz2KKUkxMdikfQZkW\r\n+AY2AeRdRflaMfaPszLU+Js2A5zNhQ1yvn2CdvOo2FZkUoW4J+fDe4WDSsxq\r\nBE4hR3BIVdFY1XSbIg97yzxQuFUjkA4AhM6d9aNpx6kq2d34kM05DL10vwJd\r\nLpnqH7Qrbe5yO+SYxVKzEnVAqOJGD4Xd2Ryp1ayMuYMQ3Gsrefs+ankzagLy\r\n5ZGMi6x8K9YPXyTFKLCHaZ0U39HN2BoOgUy9Ax7h6LjYXjun+DtYPzKyBP0b\r\nNQAeuEPiRvMJIY6iPAOnyLr0TP3t+ILc6it3AzqxFFpb7ApHg69IXx63cU/I\r\n0SbDza6Ykt8DlmeBKGPutKiaTBgrjT0v5BWraQpjGoC0koeQfv+KeU93Fmaw\r\nTGwyLoiclBRIW+9eJ+SWVtivqTreX/xPRHRp6LaprpQTg7NMdVxas2uOEj/o\r\nCbXhcJ1nzwBjvMK15FMb1uf5IS4eRwpN8/sshWWA9DYQOjjnElrXE6bQqDmI\r\nt1L0Zq2VhFJqLltHgLQ6I/AGGeBRbK3Q6+VxTbyX07uHt7goutpUdwYCbwJb\r\nXyMsmlowee6/Z2xvn47j0+r5sFSWpPW67DcEkJcudIeZTE2taC17MIZw43se\r\n4yN2V1E1GtVfUpfYj7iJqyt+6vT2hMGHCnE=\r\n=x8CW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1933ece4bb560a50fc5835b4d58c9267/chakra-ui-accordion-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-4XbKEPbgVTC+orM1Y2g2a3Hfso4BqU8ilQZ926XpUVYNE/UvpBLtdidHrAG5Bgd5nIXS6ibd27JSomAeGhxMyA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220912132201","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912132201"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220912132201","@chakra-ui/button":"0.0.0-dev-20220912132201","@chakra-ui/layout":"0.0.0-dev-20220912132201","@chakra-ui/system":"0.0.0-dev-20220912132201","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220912132201"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220912132201_1662988962784_0.10079524027798437","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220912133211","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220912133211","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5362193bf5bcd513dbf53958a132929d57dd18a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-IqiJUvqrcKLtclF4lMKOqlB21Y6qpwW1c5Nq5JynwQY5zZZrkkFOeJpDu6hC5pkcpNIKw21bg/8FeKDNo3a4Tw==","signatures":[{"sig":"MEYCIQC2x7qBA2zYfxEnx+noBjTWhLZJhO4urSaasG2dfNmbAQIhAJH0kprniPpjVuH++sAqJ0Gndq2YEumyYNKZ9/syBUb9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUUQ/8D9KIj5wEzsk5PfyNVyCNgcbAU6JVIrKrg1BdPCrtATeRJ9on\r\nixeKseqwOxur3vhthUfl9v//KDlN0y5vHUyp/USxMbQ66o4lnsc1bs6DS5vg\r\nq7q4qicWk+cAmHV0znI762R/iHO1u0P+9tHs/iFwDR4eI1vpEWSz3hj6w0/8\r\nddQLaaBDm4GVv4Sj0N0tHlqagLh9TlVTcgfH8xGq/cP+0h937CNjmwaZZcQG\r\nF58Q4ZETTogZsCLvHjXhDUs/lc2mb/RGPwjSYKHYScszXYb5Mt7dMzI7OG/B\r\nZcV0I/6gESEz6LeRYj1piWePeGnwg70/QYtfu2EWePnC5MxQSe5v53tnyyig\r\nmsCENw4ihV5bF6O29JTvxOXNJqB9NoJPhjhqh87dWlbyYGASJNdzVw8gxVeW\r\naOVIprQ7XuSghoz3OEJp3C4TyZMOVTZ9WTBYBwkQ8Z0zGZBYqmUsZK8K2B26\r\nvN4m+AwcOuNiFgFGqu3k9XeYTmCeg7mbpENncntAoN93s0tY9dUlIr0Inlzp\r\nxYIsJU3i9IBLXorzIAZ47mZi+2HSpFiIoPuCiOQnUCwpGnheuBa0xMWzhKeO\r\n3E+bvIdgVm81LHaRnzgJ3UcYK5WZUpRwZSGDSAuDirP7d4DECnV9FL29NQjX\r\n2jv2CRicZYx6V3krwfbb6kDM+diaL/+JTqw=\r\n=Ga6D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fcfa2a663b57a4afefc51fba48d5b28c/chakra-ui-accordion-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-IqiJUvqrcKLtclF4lMKOqlB21Y6qpwW1c5Nq5JynwQY5zZZrkkFOeJpDu6hC5pkcpNIKw21bg/8FeKDNo3a4Tw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220912133211","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912133211"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220912133211","@chakra-ui/button":"0.0.0-dev-20220912133211","@chakra-ui/layout":"0.0.0-dev-20220912133211","@chakra-ui/system":"0.0.0-dev-20220912133211","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220912133211"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220912133211_1662989580629_0.8800317858487481","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220914090509","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220914090509","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ba5d28e8b7b53b2fc8cd987f584e95867bbfbef4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-NroMU1sYbT4mHIDXYeydf45vMa7qe9RauyXXPFfhRSN/ZUiM3BuVUCdW5wsGvrdxGgICsFtTUrvC5N/axcxR/A==","signatures":[{"sig":"MEUCIQDrRAB+plUJm09l72Qb8sG9e8s4RpXewjNm2ldxRGB0egIgAVz883y5EYGxKMKDR9qOn0Xic74LcoNF4iOZxBzWnLs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZl3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGPw/8DDXhVI8t1/EYs5jAHLT5ghxqaUbmsxvg58D2aoTCUXDMsVlb\r\n1XuSSNe7d0P4ZAWV7O0bgwUFrZAa8t1EsXgJel3nK3HR/AIABvs63CwgyULP\r\nkovBnXgcMEd6m3J2m7mQTy7Y5oRCAYyn4TAL8J4xV42i2InDHeh0oyGtSJSW\r\nhNohhqZXeq11LSJW298vb4O0cA0A2VlyCfkrEwFS/PiCq9H5yLmQFQdp0XSW\r\n4WmDR3f4EFd5IdaJ0EjVJ/h6lTOHfqITwfwNQOb+T8w2xTgbOxWfBL+vQvJa\r\n80oBqYnLnT2L13T/k9n85p2TlHXQcBbsC0AIemzJ3M5RplaNsmwDY2tv46/D\r\nyeNtPwFwxYV8hLrgbdh9+AEFdHpH4fjX8oVDaXnhplpaAxShn4zEt/pR4ODM\r\nXJb8NPUjEmdwt+7nYEy9CwCMDy7tIaiWGEvr2br0lF5Y4rL7AkTU+zkFvrQe\r\nZIKp0gzNJXfR1T7bbKTeRF7ZKddGlPKNqW58JzIPM7OHzHUDF+Ve2Vgeu7S5\r\nGUVdCyMgKtPd4amzD3L7Axrmw9TrwD93EwL/xtqGdSfOkAsPYJRmw6djaqnL\r\nai3Ukhu1HKzTYA8PVO2QVOafbP/s4bOhW44Myj1yfw3+2yx14oX2EViafdRN\r\nb1BtG/yXWQOPd9xIOwkj02AMVyjEG68y/qs=\r\n=kFCe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a8af2603d6ae93bbab1a5482f5e284e3/chakra-ui-accordion-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-NroMU1sYbT4mHIDXYeydf45vMa7qe9RauyXXPFfhRSN/ZUiM3BuVUCdW5wsGvrdxGgICsFtTUrvC5N/axcxR/A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220914090509","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220914090509"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220914090509","@chakra-ui/button":"0.0.0-dev-20220914090509","@chakra-ui/layout":"0.0.0-dev-20220914090509","@chakra-ui/system":"0.0.0-dev-20220914090509","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220914090509"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220914090509_1663146359771_0.9684491722830051","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220914105014","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220914105014","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cbf7141332a14d2daebce597a3eeb3cc2976f478","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-k/fjn2DPkioHp6Z93vywZPQZDyi87XxatKO+L5qNU071M7V7Cvk3QkXmggSPZQ1LgnYvmOnzTCdzfSfxl0D62g==","signatures":[{"sig":"MEUCIBF4A/+bLF+glfcPNL0MWyRVuf2uWwiSnIBhngqQgbfPAiEAgUhhDu1J38XZda99n1OGoIwTavhY7UH22Wc9l/JldO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbISACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA6A//bEYZj9yWv15YVtvggE/IepFQUvEsllCNlzic9SMoVVLyuIHK\r\nk8HjuzYP/OHS6nDyAVWYklE7hCawJGsYLHqBF5JnOeJGrX+VAstsOB8ZzOD0\r\nB+oVye4cSpLknKqVkLnlqiVMu2mxryiTvKFHIZjP9au1ooXEEVbdGAXBH9G4\r\n9an41Ga4/3r0WTsu7275XlHtWyggvJzVmXXej/iz/F/Bw0yhFxphf4zfL0TJ\r\ncCdQmmBcZvXQrRdlCY0AhZpnGrlLqLUN2lbZezNWjclXBhrtAfGOvFC/CxCY\r\nJ/jddDfGP153c3Qc67QgpdlSe8arhVwrdXM0hWGtPkJ/SjSQiPanXVgrIoGG\r\n2f/JS8N34JUWMKm5/vQfQn7aQGD2PQNq4lSFxLhpsiVV+HB8w1Xt53TRrC+S\r\n46GNr6NnbohPgtigzNcClxgSYXWVp0ghbdZzyrQjeoUWVboTeQ8egsJB2iw8\r\nTPfZl9ttbJQrtXbUJSD6hjLvyk+zPRV6qni5zd1hTf7ErtEzm7G4g5ah75Kb\r\nFOallAst0XZPrQwZdaK+xl8o18XIvIKTa31FN1RgoqEeDRkFzJ6SaYMuU4ny\r\nTOoSqXgbQx++d/RcpcjfSsW+ctcjPS8/X0rCYrc/ySWM++QVLPDn9h9bAbn5\r\nLai5EEZ2AB+9yUrtKtQ+LXUGH9ezp1JfamA=\r\n=Xqnb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a12b2d445eea182ff6369ee3392ccfdf/chakra-ui-accordion-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-k/fjn2DPkioHp6Z93vywZPQZDyi87XxatKO+L5qNU071M7V7Cvk3QkXmggSPZQ1LgnYvmOnzTCdzfSfxl0D62g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220914105014","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220914105014"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220914105014","@chakra-ui/button":"0.0.0-dev-20220914105014","@chakra-ui/layout":"0.0.0-dev-20220914105014","@chakra-ui/system":"0.0.0-dev-20220914105014","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220914105014"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220914105014_1663152657896_0.5422991364036045","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220916140800","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220916140800","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e4a2144ff65f867e8725d1ad0f28748f6d73490","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-klIN97l4cwdF3ipd2fjvOrw4ug/oTmxaslzlyXMK4hjJ8IIjACXo3Ow90SYuWER4bcfiXOZ3W1UE6daSkSCytw==","signatures":[{"sig":"MEYCIQDIiCNUJPZ/KXy35Q9QIdfg0+3M0OXfeidR8ETX5QUpnAIhALuevMiQaOk8HLB3kCzRH4gcZnKPobr1zt2pxzpP2tTt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJINoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmof3RAAjeFfJZuJZ8ZF5kXfdqBlt64wvXIRJLJRrzQCMTQMS0Rsz/UX\r\nWt+jBSthOhpHCvSm0Lz0b3xWo+SThMZnKbTVYCiYHuBstbHj/ke2VveaqMVu\r\nD7btJ/FWlAloBssbqh7meQcTy6r3yyoyU86TmHr8uyA7k2bMifO5jF11cO8k\r\nTrBKqWd8IdDCDKXFtztg3xJLFn0hJMqpHiZkEVrOUyYJb60ZKl1Wr9+av4Vs\r\nk0WG2kD3RaQ4s0ObJv77DQJntPRqjRF/YebTBPLf3Wrp6x8SLOpKI2x0spM5\r\nIPshJymmdAdJfTMk+vy9K86C3+cGpuae/QwCF1+voCEfONhs+cK0DkKNarrx\r\n+8JZCYpdp/QJjrmwgTQHypGxWxIsIEthiw9toRmRTP0TeR7EZSxG9FIkDAU6\r\nLc+ayYltP/QVqBM+pbP98N20tvNftdnFaK1mSS/9HrbmXkn6XJ1HfvZJG3Xm\r\nKjbtaSysFtoGw5r2ciDFnzL4KHW37T1J3jp/3VfQisfPuUYqhwYOnM1PEnV3\r\nx4EdP7NIuqTqOmcHUR/JePCZW28BexdUDcyk3XTDZK89UmnbR+sUPLD4Rp5y\r\n8hkb5KPUjVfpAVoxbk5JX27w6yktjhjys+XWEMQEJHH0p4XpD6aR9L79Y4YJ\r\n7pcdkyWY7IaXdCqCQ/BiK3UtBBRDh0pUCbM=\r\n=eXP5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/16b3ab00427cdd051aae058ecdd27830/chakra-ui-accordion-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-klIN97l4cwdF3ipd2fjvOrw4ug/oTmxaslzlyXMK4hjJ8IIjACXo3Ow90SYuWER4bcfiXOZ3W1UE6daSkSCytw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916140800","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916140800"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220916140800","@chakra-ui/button":"0.0.0-dev-20220916140800","@chakra-ui/layout":"0.0.0-dev-20220916140800","@chakra-ui/system":"0.0.0-dev-20220916140800","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916140800"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220916140800_1663337320148_0.9663792369833848","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220916141616","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220916141616","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d60271ba19408db774af8bee04e7ccb675ba7d30","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-0JQwsxf5Prx/JCC4+/qVjitO5FnuKybwUSWHNTzz0qk3SeoWn7i7MCccUfWCknsa7jwEmtQ9Ztxu03MiP4yc1w==","signatures":[{"sig":"MEUCIQDSYmJ/9iMKi1R7tEoY0OA0UAcKT2ktbXMPt3wil95d4wIgDRdIR40lqoiBJNP/1O6OAXQzk8oHcL/GBgJUOj2MA9I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIVbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoruw//asCWvQZGTHbQkgyR+hH8VbuCxt1H3g+cHNQvhK3dGYQ8V7kS\r\n9zitGLzJYxXg9FYjAm5TqIjO6gzLXqUfYbwgKd5kxhJtMMrQNTgPGu92pt7f\r\nkU25du9xA2EGplSHospTQXY0PfMA64vj5Gk8YoeZR2dGAXzWvlV614Yxzb0S\r\nC8hxs5ctob90EXiyUMuqRUs4SWjJU+5TrRQxVszwa64mJPHpRZxNmEaaeTXj\r\nE+Gwj3jAABrktVzNMW8Cf8PCroV9IrZPXr1wxIFAvvqV4BhYygkSMYw+MPK/\r\nAAmi0oca7LI1dLdhR9xYCN97JLV5GymbEpD1q/WS6Y2XvAH6HUitTFGbf8mv\r\n1u8tAuubDh0doF4JCK49a3AH6neuGEzznpxmHLudExrnSE9P23jwyPlpMz20\r\nvbljOGOolNnSuV7AZ+FT/MBF/8PCoBOADtrMq128aJ5qKEF3ZM8pMPrr/cwU\r\nIsj0fYpagRfuBXzOsR6HTKLo1f+YB+20YlK5c+NAZIWdM1lhSBnhkaVGkt0h\r\nJUubp/Tuhn/6O+Tq02E8VIb2vJ9iES5C5z0Ghc7ofkR5mdagza4366cZX9ao\r\n3qhv7RsyuIq9C+RnjYdQNC8CkNPlbiwNpDlH+3QEZdQB5AAup35paG9F5wsV\r\noC8uxnRKL8+c3iithHkDxsLVHg5eScsVpWE=\r\n=I/3U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/48c08ef54e715e1b03f464763ff419be/chakra-ui-accordion-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-0JQwsxf5Prx/JCC4+/qVjitO5FnuKybwUSWHNTzz0qk3SeoWn7i7MCccUfWCknsa7jwEmtQ9Ztxu03MiP4yc1w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916141616","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916141616"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220916141616","@chakra-ui/button":"0.0.0-dev-20220916141616","@chakra-ui/layout":"0.0.0-dev-20220916141616","@chakra-ui/system":"0.0.0-dev-20220916141616","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916141616"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220916141616_1663337819102_0.6752323196362258","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220916144141","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220916144141","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f282f0de3d0077ac619122d676e6f228ad3c23aa","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-+9qBMuDiMzYNg1Y4qe+jSY1BKNNhelBQW2KKaUAAedXdWGvhNOIZBiu/odNjN0dThmE9TpqnO+htbRIdp9+ryg==","signatures":[{"sig":"MEYCIQCH7d3QB+1yF/rHMwazUnVHVhvmsIWtdBgGZxIzZ/8eZgIhAMq5TtBzsL9qSb1uUZpnCPPL5OrMrN2KarrpTRiYC5rC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmocyg//T6CnsheCIKUJb10Pc0S0c6pG8C46itOWfKHBLGLKf/A4rXRD\r\nlHoYvG9mJB6xNCka6qWx08ke79YiBswxFZnjwr1WpuAZ3tKOtEiW5nST0ML9\r\npqY9oqnHWj58S/wV4daD7iRwnsS81cvDZQa73TYB9jtfsMNXs/cFFIdl3N48\r\nhj3FH19iZj/1w1ERy23rLR58sfuUVHVUHfTi/ch9jprTGJtuZTHaqSSVKQbs\r\npfpW/zsDZtyAfR/nooByhwiREPQzr+8EMeSWv0Q/pQv1WdsNaBMob73/Gxa1\r\n9+Pa8DFFjkhZ7erePsK7xJ+tBqqqUkVoVdvEUfTZprb8f4pHeXLoH7IiEgD3\r\nbVSsYVyjXXaSyifSFMFp081Vv6lZLgzS4xZShofKAn8zZAYe7LTo/8tPllsv\r\nZakzjiUkyTulkN+Lb3i219UclwmFXqowTtRAHmmLd9AKr+sl6QyEN2XqN5eC\r\nOS7t9iHASmPijxZHjLqBHzWM4ozYKNTroFgkTWGf7qXlfc/LV4rkMOPlur0f\r\n555cprQHN6NS6Ze0r1u1fCWo1QMI/sehCTuKsFRMI1bWYh7NCCUYHa5uxk7r\r\nrYaHNTOz9w9bpPUO5egLNn9vjj1cK77crzVX7Vd5CWqp/qJN7ncKaUxE+31p\r\n5C68Eka/e0x/6Dwp2p13ajueGb58LRSaXc4=\r\n=4zgP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/db80494c30b3c584bbbff8b2ae6483fe/chakra-ui-accordion-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-+9qBMuDiMzYNg1Y4qe+jSY1BKNNhelBQW2KKaUAAedXdWGvhNOIZBiu/odNjN0dThmE9TpqnO+htbRIdp9+ryg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916144141","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916144141"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220916144141","@chakra-ui/button":"0.0.0-dev-20220916144141","@chakra-ui/layout":"0.0.0-dev-20220916144141","@chakra-ui/system":"0.0.0-dev-20220916144141","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916144141"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220916144141_1663339349731_0.9224424391528343","host":"s3://npm-registry-packages"}},"1.4.12":{"name":"@chakra-ui/accordion","version":"1.4.12","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@1.4.12","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c990b3327ac8ffef472d6e76d77f15a809d2aa56","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.4.12.tgz","fileCount":16,"integrity":"sha512-Hq5Ie1SI4mmtgBmeuir+f7QKgopZEyQOojgufo/A20keMSy5Yk9WZjkXNQgvoIRl1AsoziIPUlubQOtkBZjjbA==","signatures":[{"sig":"MEUCIQCyFVHD12GAmmmPV8vdqw1zBDwXG1UPDtIdrBa3tcYCVwIgGin4jGUQ9Xj8QycjeY1eiCpOePV+jMWzNsZc7wDFcps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":90513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJJRnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3GhAAhuORx2YsnU0S76STCDO0Xm3Dv/3md9uvGINqlkHeWBLafguz\r\nTX/aW/cGrOjTh1b1UG8SPeMg/JeDd+HjAN7CG8RQGaSmI/f5H3MfaWHoop3U\r\n84EkQUW7Q5O7ndHoVWHfY7Po4CJk6jvp2YE+2jBdBU4lCvsmZDn1F0Gj5ED3\r\nMZ10oDNLvu1kGJrlnsXd0hw250v4bY227fQm4s4kCagDfn6mWxUTqGDKG1bc\r\n+wYHnM+a05Ey4Pz1I5fRazRqdGUi0B5EnTkvIJGkqfj5V955hvsLamMCJqe/\r\nupEU84Eu1s4b7MiOe22KR0PUSBSuicIW7pPdMMS767jgLeFzs0Wx6gUnhjie\r\ntFOTMdubHSxFs0Xap6i7VWM18TFhtRPglSFeCK5/FvnpjePWeVcPzfHOX9tJ\r\nP4VMgGbX4ZsXljjYdmIuofFksEv+j0DhesZ6G8g0teHuDnanRWDXhtyQtj2u\r\njDm9m+GrJIm6gVMKXc0M2+rrnYdZV82+TehD2F32rQq32g7SePKcxsb2ZT/8\r\nAeo8IBzUTyMCSxfAW6pF6UrN/Etu/vjALz/XMjJBhq865uQ+hxH5ocoPFkUT\r\nNegMwun52m9bdX1pnO7nql7E4C4+zQt54jT7IOaA1YhY9XEiIDPFSnKC+q7p\r\noixj7xYC2HznMqKs3sUP5pdjlJJudu+Lsj0=\r\n=cqDL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-accordion.cjs.js","types":"dist/chakra-ui-accordion.cjs.d.ts","module":"dist/chakra-ui-accordion.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/accordion"},"_npmVersion":"8.11.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"2.0.5","@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.4","@chakra-ui/transition":"1.4.8","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","framer-motion":"^4.0.0","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","framer-motion":"3.x || 4.x || 5.x || 6.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_1.4.12_1663341671455_0.3188514229690411","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220916164745","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220916164745","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7becd2bffd0b494e242227991b647f93b371e078","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-Iuh58uoDwTwHdCOvuJKqksH8/M1+Fpv06v9pshN7DaaMnfsF8xODvZJe9at7ruv4AsQbTu1Duiz+wB5SViIeQA==","signatures":[{"sig":"MEUCIQD05fFCr4RLFwwLuCX4pCwZZ4GDOQrsD0DrEWrvnFmCEQIgNBJwsciQ7tRePjOd2GGDYFI06KJnF6RMm3V0dAj9zn0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKjhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUQQ/+L33BqyIZnQZ9VsaTwwe6bEWooIjyhXCZ7KPMSHigJWmAIzc7\r\ns5XOV/VScWCZZe3MkHaCjIMkUQ1lsIDHvRW1hR3gRkZ9H4mHXzxt+c4YuhKV\r\n67OhZ9aHCWVmMdz8Z1ILkWEMZ8/6aNRHf2ua4bXq6PoN4YASPrhWuMAPa5tD\r\nmaN2mnd8M/baofkTKMb+zYiUIbfsweZDcw9gtCuN/A+PqT5ytkk5RWohgg35\r\nPihPisHW+AoZC77zIV8oYMmDxNWFCK766FBU2mfMKoP39isNpGpK/dVMY3/t\r\nj1pKzmXXjY+rMnbTptKHdHox269wGjq8WVoCl6p8+JNR1eld0/oJLz4SAhOV\r\n3aSj7bxbx41lnqRrnO/EwQnySuCiGqQH0IzKQ0t4H7yu3zQPHj5d0BaVSKBf\r\nv+lawkkq7prDTFIHxKv1nQkIbHq0rFQSybvGx0pgCublit32iQ9DIMdcow3v\r\nx5K2u0Ecwsy8JlxjYTuiumHbrh9ujz1j+eW9ih3gjee5s+KqF/ufXxOrjsJI\r\nojnalosZf03UosW2ts/skm6Ur76nRJmZlczDnUbxXIyAWy05ahtEypmHXhky\r\nipRJ6gAHadKgEPDg7He6NOX4tZPtHEaO9j/AjGu8WnHVkkGg93gtqPH46BLI\r\ncmKsgHR+uUyUAczTk+nBeoIBX3T0w79iph0=\r\n=jixJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fc94b982722dfe3ad17ec1ef8a23d897/chakra-ui-accordion-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-Iuh58uoDwTwHdCOvuJKqksH8/M1+Fpv06v9pshN7DaaMnfsF8xODvZJe9at7ruv4AsQbTu1Duiz+wB5SViIeQA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916164745","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916164745"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220916164745","@chakra-ui/button":"0.0.0-dev-20220916164745","@chakra-ui/layout":"0.0.0-dev-20220916164745","@chakra-ui/system":"0.0.0-dev-20220916164745","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220916164745"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220916164745_1663346913539_0.8749774169124906","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220919061024","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220919061024","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0a6214b76dee39ca04a9c6d524f06cefd95aff92","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-aZPBBtW4RvXposFkVogXOr4nIgdfRkBvMLXFBONh0JZhYlNCbmSF1MPF10x9914J++rwyinjx5sdcznK0D+UZA==","signatures":[{"sig":"MEUCIHXZt5HIIWNSU7CR8KFuGtRtswccgJzmbNv7npwiduSlAiEAz1Fml1vy/AKaal9ZfJh5H7M45ZeM0N0wTdl67hqt89s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJKQ//X4a3t++latIZiCwY3DYnqOBRrFireYfmZPmCxFhxUdXoanEj\r\nq9EjuCl2mFzbjPN1M0kd/NeWVI3mAWEQZGhuN/IV4H9gPMb68ZYFA8FI5Prf\r\n1yIc+JNuzVwWQ5zx7I+YMp6QDWH6LtQQUwXzEUPxr2IculGodQRXNCAgd5tc\r\nLZLi+zBxtFDO+J8tuNeXqEw//pJNmt32T1l/tOqAa96Y5yQhXyLHpOtxP/sO\r\nqFB+lnv06ynKLAme6CJsXumAm7y2EZS6MO6EACwLWTxELUGexlzds1gsjNa5\r\nSWJB3HpRljMD/5lDPEcSlONm5eRoo4zl1yx/T80r0MaBZgq7CJKPbteVOZGX\r\nPj/nI07xHJjQmJaHusVcf8ntvoPH2xkh7kD/Mpg3S+6/0MMgWQxQfPmJwNKT\r\nDzUn69WSAlc8vBHfLrhnGExZSrMAIK0BkhpFcV5QHikpeOiurPKDsROyjuuE\r\nU08PPMBX3zoZb5mxk0rJECYh5T4UEvCwxdKAC0Z15bfi6kJI4PdavUtnItZi\r\nTkhKb5gpKIK7otnkzYruJC662v3WoALx2qhMAM8GUT1ZQpUFwVPW49VFDcVF\r\nz+ZBkvqAIoLe8ageYXGZsUinUc0whC4Pk6uqpT5UVACdH01oHoRmryUDBRW2\r\ny90tP5Vhcs4T9bZcwBMd64TZUyWAPN2OCqo=\r\n=j4EE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/bca561d71afcb4b9829370cf325be193/chakra-ui-accordion-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-aZPBBtW4RvXposFkVogXOr4nIgdfRkBvMLXFBONh0JZhYlNCbmSF1MPF10x9914J++rwyinjx5sdcznK0D+UZA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220919061024","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220919061024"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220919061024","@chakra-ui/button":"0.0.0-dev-20220919061024","@chakra-ui/layout":"0.0.0-dev-20220919061024","@chakra-ui/system":"0.0.0-dev-20220919061024","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220919061024"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220919061024_1663567872784_0.12470753590264194","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/accordion","version":"2.1.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8e42132ae451a2e4cbd9872a7b921612e5e61073","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.0.tgz","fileCount":6,"integrity":"sha512-23kow8qafcAL8s7FDGorhVlvrW09PfX0RlwiZg8yIumNmdcBhkUwK1FT+hzTaZONqNoaVKbgMOGLFTnPxQr3mA==","signatures":[{"sig":"MEYCIQD8GUY+AO5c4SAp+fBIRJJB1hftmqwJmabBShS71pzW0QIhAIJlNuE22eNJY/GWRpcVhZJsRQWfUer0FF2GfZBY1xmS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBwpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrASRAAnePVA31FiAC3BTvy3GKQSa9Ri+tc1uJjESyTo5Dbsd7Gs/K4\r\nefxHi3ym+bPN5o/iU6fADpDtW/AC4Mz6dczO3OpGNo7Pc5FOjvDce2VQtqLS\r\n7ezyrQbzWalo+uPAiNuSSZUIwLOTt4cxMrYuZMnHFWt5RDJTtGONBzXU3r6S\r\nIpUfWVYss3ghyrNEop5ZEMAXrFvktrIrHAoXkBoyLhmH6xewCkP6J2Fq68yk\r\nRyiJlrq7tNGGGEdZkfWr5PoPwiKZuLBP+2I4gRf73Nm2RNZzZeICvR/23PhP\r\ng9luua7af1NQNFcASKOqQMsW27WcT3P6H9lkFrnJyBQ4pz21YbGjgp5HXDKn\r\nSqoCPOS3VnzwEz5c2wX1vfjcBX8bv0DMv+ZeVVIxLY5nPQWilcIGlh5gsj93\r\ncZaWPuR/1SaTfB7pWCUJKiOeTzDGwqRfTq+vzlq+ovVhNWcDtgrLyoWBN00w\r\ntXec4jhpJuk8+40pF9JPfkXKzy5L2qF2oU8sF/gpyTeJC4ulZd0CHn1pPXit\r\n+NBvwFg1iKNA4Sh0T3hdI+V9RnqUjOVyLAaOBWAiLKW11/JyRpPNWiMPnX68\r\n6k48h0UVRUC7UWmb+l+am0iAPzoiiVx7d36+SbqTFNAQUmsClWAMXoCOnGNJ\r\nwY+BY3hnrSs+4nCeBPy3kkDod27r6IJ0AI4=\r\n=IVrD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8a34c98306199d2b78ea7cf92469dee4/chakra-ui-accordion-2.1.0.tgz","_integrity":"sha512-23kow8qafcAL8s7FDGorhVlvrW09PfX0RlwiZg8yIumNmdcBhkUwK1FT+hzTaZONqNoaVKbgMOGLFTnPxQr3mA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"3.0.10","@chakra-ui/descendant":"3.0.9","@chakra-ui/transition":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.0","@chakra-ui/button":"2.0.10","@chakra-ui/layout":"2.1.7","@chakra-ui/system":"2.2.10","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-disclosure":"2.0.4"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.0_1663573033434_0.03450336787524089","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220920121057","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220920121057","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6b908122e22d995affe470708ec3015e37adc5b2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-tMqOzzmX73hvLztGl1AA8UacGdHJ2GP/agcinMzGmMQhJOvOQEgW4MNmgPWFRk6khGpwAE3cWF4NQk6FqUPvsw==","signatures":[{"sig":"MEUCID/U31a9cZTLCWzh0VUNUGhjlvD5Qkek2uvFrGOXSWKnAiEArslajlEfPEv0/p37EJTXhxxnRNtZdeY8aUzOjlUkkgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa38ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojWA//UI7Kdm6zfH0iWigtbKe2m0K/Qp/reHpFezqrDNZPdmjrRjBZ\r\n9qY1kv+DD795096N+9YLpdUFa10vltrjLbdZxXUkdyuPNInpTvZJdM9zPfqn\r\neTFTPVl+NCza8nEMHo+1TriZXgve+8/JwVFMba5Fo2qa8+eaFHCZnkqZRgVd\r\nLPE731UHi4CsCpPyeky40+8I6xZWc6OhzRz2qPRfT4TXASnTyEBs+YX4NLzE\r\niKGGL+UuoQH2TslfCsAzRAU9wJdDL47dqUk98eLwCyhbNbcLGnkv8nKsI0ML\r\nQ5eKqip2nz4qmScWccXV+g3bqq3qk3aDPTv8ZwZa9vmkEEe9UxQ6eR9JsmNh\r\nLB9chI/GpNLplnUco6Pwo0peAGxgi4ahfemAroNXpT71UEYUQv6YRaiU5p+T\r\nlxEdAg5ouhGex61fkDgK1rNxe56IM4SAKp4F+uWycR5uP08QrvNZAxIBLjK1\r\nmWxs4jq3R8NW3oMwfk6/Ak5afRP7tIBtoFqFBUMO4f4K3imWiiHL1FX/x4xr\r\ntH2fVE9W91al88bMlGw2t050WkLTxiDDdyvQSo6jJZYa2DJYO5iDR0LcdYeU\r\nUo/JI/Ai2kOp61ezrd4/ha0FLm7udboQpi4XJZ0z/+vQ+VbqMFgUttEq1i55\r\njPZukVgqDCviP6tf189tUOK6l8JP2ben64M=\r\n=Z4FD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3416c780b7153d1d01b94b7066d8f799/chakra-ui-accordion-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-tMqOzzmX73hvLztGl1AA8UacGdHJ2GP/agcinMzGmMQhJOvOQEgW4MNmgPWFRk6khGpwAE3cWF4NQk6FqUPvsw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220920121057","@chakra-ui/descendant":"0.0.0-dev-20220920121057","@chakra-ui/transition":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220920121057","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220920121057","@chakra-ui/button":"0.0.0-dev-20220920121057","@chakra-ui/layout":"0.0.0-dev-20220920121057","@chakra-ui/system":"0.0.0-dev-20220920121057","@chakra-ui/shared-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220920121057"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220920121057_1663675900110_0.6199565165010463","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220921093814","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220921093814","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"402d8758aa4638e855b89a69af4535b822507249","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-ZJyQEshOis3jSZVcx8yI3mDJAtCBXpjQXNxBeoLbhbAS6op417fzWbQqzhA6pdxQUXPgOu3i0QxPgBd8n+cPBQ==","signatures":[{"sig":"MEUCIDmct1C+V9ezI3u7NgGHoFvsEqwRf5AlPzoTxrubDYYQAiEAjpUD+Bcv25WOVIERXgbTtag0r2AZblrCmipE04EloqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtvGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFmg//Q0ye/UNDmDemVE++HF8fg2MYQgGgb7Gc1y1FwOxTBFUpurci\r\npO/9ACd5OqCzrPQsZXsr2M2giVX2dOzfsK/7iaRgF5A1t9tZ3IUoxeEY1glH\r\n7Rpe8BkAUDQNmhli0eTJZgPHtryQ63IX+5TydG1iQPnGAddOP7rib4HSBD5A\r\nbYZg1se5tLn8Ler9XThaQn8RjMVwsJLyvspIheqAQjHpx28NZ0q3fswMbzSS\r\nxyj8KhBt18gMCFoNakzEaVc/oeuZNwWIYaKJMVLQn6kA+5WIg7w4H5wfXz0z\r\nce+cgV+CJRUBTgQJRwvknQtYmzV23jtuHpx+PCuYBxnbVjHPs3GpZicFH282\r\n9tdIhHKV22IrcmygbcO8pxlCwd0AL8foYGkMdxyXG6zry/083aRBkozYZzXv\r\n05l/bU/nxFwOpxq8XmlwzZkLQSVwBptswNVdJfubYbfcd7o0v9v65Pv/sVmf\r\nBIalb5GQCjh8hfeNIdaYIpxTKEoCxXfAz2hFBQugpxF9cmho4sWNd6qbawSE\r\nZFJB8ymtNN1HqXablesRQCMhNQfnS44096yG+f169nzHvn9p+W5KFMfIqOxY\r\ngYuS7i8hzY9gRST13cFuFnDO2Sigv0CjDL3dqaeHs+g9QEUwFuG4xl7LKIkf\r\nLcB82lghneBjezCMHSEbQ9iBCw8x1BRtFno=\r\n=NtR1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2cdef0e14935e726b069b92e263f7630/chakra-ui-accordion-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-ZJyQEshOis3jSZVcx8yI3mDJAtCBXpjQXNxBeoLbhbAS6op417fzWbQqzhA6pdxQUXPgOu3i0QxPgBd8n+cPBQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220921093814","@chakra-ui/descendant":"0.0.0-dev-20220921093814","@chakra-ui/transition":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220921093814","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220921093814","@chakra-ui/button":"0.0.0-dev-20220921093814","@chakra-ui/layout":"0.0.0-dev-20220921093814","@chakra-ui/system":"0.0.0-dev-20220921093814","@chakra-ui/shared-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220921093814"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220921093814_1663753158063_0.33914649679449393","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220922114557","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220922114557","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"07f095e096a288150b42d792306f8a57dfc18511","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-WQ+4RKe4EKrARtvspsvbnogsYV4Y/NrNn47ugU9CW1HNWwEMHne4SBzjv5eql08B6ci0gh5YEgQLuCuRrJjBGg==","signatures":[{"sig":"MEUCIE+pNQYQhl2+1oUp3dzqyaRbDEEw8GIbIGNDlJ9nlWy2AiEApLrogBuooaivZ9snJoKZGcy7ZRFGJDdporez1FzwTWE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEsiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJpQ//TwJITq0XOrUEUte32E72LDK5OuaHGczxLVhVbmKyxuOzP1hK\r\nW2nT2D0NzrHedo+TlD6+cgystzezwLOK7cLc57H0bpZ6bv3QyKm8ZA9kkURY\r\nWCwzeZy45fhBMDyUsBTLrAv/VBonVt2Njg43h4mNF3WAUC9djWo4fAi4H/HJ\r\nx8gWkvuqGi9cuKOC/vZOvIUxEorjin6Sdu+UxPTft4EnIakliCPxeL/5bqX9\r\n1jwvihHMCEUWpiIH9bCe7REP3hfp9qybCkdHQIkwfLGfUpAlo9euJO3cCEEB\r\nFZO5RpZPRj8CQOFEEtkH9ZMBHC3+MdDWcjtuLhE0p9yf5tR9HtlBK6kpKhy8\r\nOI858vAN2R7nxP3crgaRK0Sy3fVpIhpL6xv5nChCYuf1v1sdDBk5GAzNuBvd\r\nQqfs7HiuCeMSuKMXtdOj/Gg8JSgYBRBdhy8AFwFxHtALvTyOwqR5tHqSaKPc\r\nmI0Eig048WUCPB0fMfpZvUVp7AStN5k6kPo8CzxdlVxK1aFmJAAYLh/50n+s\r\no4+94RAqpjJCVhvGrFXmo1+ygOwd8HxICzljD0W4LYB+y6Sgf6SFDbOcl9nD\r\n4bX9Gq16BXEocj2lvzdIWWpeEQWlioVNoBXheLHWNDH1ctME/TrKMWcYydra\r\n3FSe26LGpczZfIcZwqpK3TCqBBS31zzeJxY=\r\n=U145\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/89e6e7532fefbd7279e1b0034cf6777d/chakra-ui-accordion-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-WQ+4RKe4EKrARtvspsvbnogsYV4Y/NrNn47ugU9CW1HNWwEMHne4SBzjv5eql08B6ci0gh5YEgQLuCuRrJjBGg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220922114557","@chakra-ui/descendant":"0.0.0-dev-20220922114557","@chakra-ui/transition":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922114557","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220922114557","@chakra-ui/button":"0.0.0-dev-20220922114557","@chakra-ui/layout":"0.0.0-dev-20220922114557","@chakra-ui/system":"0.0.0-dev-20220922114557","@chakra-ui/shared-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220922114557"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220922114557_1663847202083_0.7530781276600083","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220922115811","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220922115811","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fc41245912c947356d770981e4d197c39e4759d7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-C8DqMiEItDy9L1pf2J89WnKsaYJYQLy0xHuE0vPr4v0OsWL26mbDZGGYP9KHq9Gz5WnHmMR5zQR24J6i5POQqg==","signatures":[{"sig":"MEQCIDxkVplQwlyLvu4EDzrzkdAlnRqjiZBlz9kaNzWGa5hjAiBBhe/jDR+4wQlmWp5fT4mELSNBt/sXcj0I2ioC4yjJmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKcg//aWHDtgeMQUus2JgTvDdI88f21JvZWxAqFi8q4bdGEFNTn+Fn\r\n7wIqjpuluROEqaSyZoLjCnPmNDTDVyuSBtNnh60BzE8W9ferae0dEsJRELPX\r\nWUduPUpOptONq1RbeE4rGjnWXqab9UGPRJsPMVklTBJ+AUmdovOdr9EwL+zN\r\nEjT9rw6yNK+IU42Chx2Zbbv8ud+CFugHizxdwTm99ansjRJQVtc2kjJ6Pwzy\r\nphT8ALif+w0VZMeU1OPTIY33Nbgvo7ELzlAZtRM7Hc1J5To45KQJQFtZ1N83\r\nw3O8hiNt19nkIV5OiQG45vloK5Pp8aTSF0zT6yd+65kE6aubSfPJpl4K6O/w\r\nCKW25zD2TN2rkt81DxcpCCwTeTSmEg/mnm3G6RI3iQ/678x4LmsLadQLh0qS\r\ne9bNOV/hOeT+cGDcgxWtVHmiJgsp0VrYp3PbSAsIGFBF/HLSu+boIcg+nCA/\r\n8/ioB+clNtEUFFcUrm82QDLwzJHt6lJxpiM0Esifvx4teQcUhpMFDVHQQUVt\r\nwBNVbyozBl5T7+FbuGysUnzFApD7yK5WdFbK0KicFPRyY0tksZsdPVVxQRBA\r\nvbNFwCLmCvvpVmDfrQJPqQTpytSXumjxMLx3Bj8d1rq8M+r4BHVzLXGnmWZ7\r\n2gUWYyeyR/yt/g6OFZ0Z4utszNbW4PyE63Y=\r\n=u2eV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8985fba739f9dfdf00fd09bdd77ffc1b/chakra-ui-accordion-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-C8DqMiEItDy9L1pf2J89WnKsaYJYQLy0xHuE0vPr4v0OsWL26mbDZGGYP9KHq9Gz5WnHmMR5zQR24J6i5POQqg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220922115811","@chakra-ui/descendant":"0.0.0-dev-20220922115811","@chakra-ui/transition":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922115811","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220922115811","@chakra-ui/button":"0.0.0-dev-20220922115811","@chakra-ui/layout":"0.0.0-dev-20220922115811","@chakra-ui/system":"0.0.0-dev-20220922115811","@chakra-ui/shared-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220922115811"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220922115811_1663847936126_0.6862207474776452","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220926164115","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220926164115","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c1d452cf941257e57934607861ad2448a5048296","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-lVP6Rm6qSQTBbdUUqWhmW3VrFiBy2M6EIKEtQ5P8RLzOvgMgTGIAR65fpTR1dN9EMcA2D67c8SGxo579SNb9GQ==","signatures":[{"sig":"MEUCICIEEy5Zebe3H6yRdNARddlunAXAkP1TErlOjyX4MlUZAiEA84evSc7Ic3y010fp6TjfafurdirFNgnAMvWNkQoabYg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdZoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Ww//ffeJszYKZX0xUi1k1FQdKKLWEb8JzgyA3nY1P50bNFzm3cZg\r\n9wBY09NjTwlw5Ancr4vA945JzkUDJAs1XxLyEhDO+UZT9n5NdOAIc25/hMrV\r\n6sZM8sZiq239NgqEAGAPHJTzrFlsqQEZ/E4lAh8na5veEAlqfkdPrrC8fIgC\r\nTcUqjqdF4AtMuJpBcQQNnN4sAyYQd4/apMCx9e/M5zrnxnomMW/rstnHe9TE\r\nheX+FQC8jbat4WeDjjL6dUR8tII0DfzwWkfhhdBviglmttdqhC+aTEoFmGKf\r\nFY/5KoGE7LP3sR0bHyZ2mF/ECZC4wsXmLlzG79tvmJk5a3zT2l3DVC4Koxyx\r\nsAbk34vvnXjr1kFT8vgfvM1brSyd9k0FUXqxaQxiF+SWpGIsM5WSVgTgaOz4\r\nRnZcdUxvCf854DJYT9I9iW0j9cWGXNdtrHz1LVvXovQAoAWchpIcoIwo4f51\r\nwSwQlsgtnZOMUkEWWfJ+9u/adov9waUqlB+wz7Sakvht6QranYreIZl/Lmag\r\n5Vrw0usILhrCr+d9y51otdP4qw5LrRhWTejd7RlYDaSZC0qjHWuN3tQiPkaK\r\nUH/AOb3e3zkwhgySkM2q0UOrFZyAT4mCXH3KLJi1bMLvRD5Xo65uBIRAfhw+\r\nNZffubF/xYOT8KuYc7uoevzysI4P4ftVnN0=\r\n=wSUA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/853109c4b34fc1398b0675540137efe8/chakra-ui-accordion-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-lVP6Rm6qSQTBbdUUqWhmW3VrFiBy2M6EIKEtQ5P8RLzOvgMgTGIAR65fpTR1dN9EMcA2D67c8SGxo579SNb9GQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220926164115","@chakra-ui/descendant":"0.0.0-dev-20220926164115","@chakra-ui/transition":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926164115","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220926164115","@chakra-ui/button":"0.0.0-dev-20220926164115","@chakra-ui/layout":"0.0.0-dev-20220926164115","@chakra-ui/system":"0.0.0-dev-20220926164115","@chakra-ui/shared-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220926164115"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220926164115_1664210536187_0.8840538749060918","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220926165450","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220926165450","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a8db549299b962ac13136e9f8469fa79777cea83","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-Cf+FVYJH3wHMEdikibts+PaVOnXpG7zz/sIwD8OZNjYBqZOU4Cs0sNb68M/ATcq0wvutaVAfcV+vPQ4JgSNsGA==","signatures":[{"sig":"MEYCIQC+7SZuy5FMGuGLppEPd4p9JtmZLsZwjxwvnSaslz+D7AIhAJetahznEnAVD6rTpbyO6+CiNxu0MwFa6lgs06njGtUy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWDQ/9EDH6n4fAoRbgsv4VSo+xtmzcFpWD39HNCTGYD/fFMNBiwNRz\r\nXQT7roHQf8wATejl2fja0kYln9Jou4XuFIywckVuMiLJMfQV4jtFfKGAZrZy\r\nipdRXpi/1HUc4d4Xe4S5VMkheaUzdv4hiWv/DQ0Fd6Ve0lu3dIuWv0f4iRyk\r\n+oQ/CQSJjbNUAvQWp0csiGIHspR9MCxGZ+1KHNJGF/w9qLvszsn5AO5ZJbjT\r\nORujcInzQlYRFhOzJ1dPFcp8/Qx+95ZxHk7Xu9sByjv3TThZq0jzf9UWlAfe\r\ndp/bEpXJhfI2P6W9m+DF076gQRXYq99sZeM/7ekzpjFSU4qx1YGmt7+T/7xd\r\nRwgh13Xk5iuEEGgxYvYdCJF2jjT+hud1SaEMvjMxVG5eH5fzKtCNwwrsCHOt\r\nmsZh58c6AjUcG2RP8bvGJzm2xTYz2det03ymr+AT58PjWL3yTwQzRt2ul0p6\r\nvT08ZRfq6o8GjVHoCmB8GMSQqio2n3zZ84VTPZdXVndRxkwpiTl6Mu2cZhNM\r\nkNWv47qpUB7iKqWog4wBkLqaTk0R4t16HuvgrjgiGXWrpuy7YIF5YhrLMaJa\r\n6e91sOiu/jTsMWxhfdPQbI4RQJTvxj1LlsTKPWkYH2LksJ+p9F+Mqozz1GC/\r\nnejX7+MjgKt7bFpm5bmmwuPgde3bfd4VXBc=\r\n=kdEu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6e60a05ddd38a26b6e7cba2d4e032774/chakra-ui-accordion-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-Cf+FVYJH3wHMEdikibts+PaVOnXpG7zz/sIwD8OZNjYBqZOU4Cs0sNb68M/ATcq0wvutaVAfcV+vPQ4JgSNsGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220926165450","@chakra-ui/descendant":"0.0.0-dev-20220926165450","@chakra-ui/transition":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926165450","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220926165450","@chakra-ui/button":"0.0.0-dev-20220926165450","@chakra-ui/layout":"0.0.0-dev-20220926165450","@chakra-ui/system":"0.0.0-dev-20220926165450","@chakra-ui/shared-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220926165450"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220926165450_1664211333502_0.7249350776751484","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220929105632","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220929105632","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7dc3793380591048cd54063f7ac9467d474c05db","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-v96J5XAS1ED99wf0AXAT3qCBy86TUJmxJdVfCxLz2wfKZkqYfr5nBkcwQvgoOqarDxA7VJ3erKWxK2oaptlAxA==","signatures":[{"sig":"MEUCIEuKeCLdde6HUJ0+1zXTWHSY80CZJE3NBVDsokOdPzQNAiEA5MWlb7MnD2tqMtYEQFqkAJJLiW61f8ELj2qRAbzAXkc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXoMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTzQ/8DMrS86mtxIIAFe5SPMiAD7jXEsIArDEmA1/D8Sq82puXFGOn\r\nhwT/wACl7jYTplCe8z89dOrMPArsc0lXyn9KhwMpgZ5xRYRPl7+etU8nCXzj\r\ny10FmRea389V+DQf+6k76A5yVHzNVp+lIIDfnMzge9aJtbhK8wuOqjq50Meg\r\nc/p14zvPC8bMGWPVI9UMSbu5NEUdwwP4KpCdo3/5GmqR2YyVbxGHIFdzQuLs\r\nJpdYtKfnm/kcGayZm+lVxh7377kjzkkJbBVKponPQNhzE6Dis7w+0bUDqeUr\r\n0lhOu8JLzQP4u45JpKChALsYFnwDAf5/8doiDvvKuVORI4n+qOrx4XphxVUU\r\nnZtCDL01r08ZxYFQv2jT74UCLRTvDj+B2WeF0p3iYjnVHoRsyojEGTP7kAoK\r\nJcY3V7RjPzQz7r9az7gm9l6f9/NxWZWQW0P4ZDNOiUVcLoszTaoHR8jkLl45\r\nuH2j0i0Gs8JyIGaK8UAv4ENo8REiV9LPJzGcMlJ7gPh4cKKjL6oLbvcmq4ni\r\niKS7ntXCnRQBy13mld3+gaYwQeDtHdO3kmFkWIHgziuVa9wq1hZkCN3HzsNU\r\ngY6g8UEz6JC3p+D/m1wAWYLABqHwmddjSBQUtUtzDb1AJuu//P6UobzdqLuZ\r\nuk/nM/cBi20Q4G6Fcn95Wl1VNiKWAzZ6xW8=\r\n=pNB0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/69e172499550dc200a71c86ecac009af/chakra-ui-accordion-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-v96J5XAS1ED99wf0AXAT3qCBy86TUJmxJdVfCxLz2wfKZkqYfr5nBkcwQvgoOqarDxA7VJ3erKWxK2oaptlAxA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220929105632","@chakra-ui/descendant":"0.0.0-dev-20220929105632","@chakra-ui/transition":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929105632","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220929105632","@chakra-ui/button":"0.0.0-dev-20220929105632","@chakra-ui/layout":"0.0.0-dev-20220929105632","@chakra-ui/system":"0.0.0-dev-20220929105632","@chakra-ui/shared-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220929105632"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220929105632_1664449035910_0.8264738394232958","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20220929132459","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20220929132459","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0f5e89d7dec81d725db6c668c00e1758426ba3a4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-e2/3zbfMHHsHsQVvjxqpjRBVO4ZyAhMcbh0oB4GhKlC5kWver41DjT/m8SEgNHMqUeqZjIX6Kusu1DkMHOoqZw==","signatures":[{"sig":"MEUCIQDK6Besfhtiqs5QD9pLvtc02kp3TwIXUsNwcuo2v21NggIgSEOuZBW+Ykgrh0nCcHiN/tF6x1zOTpvb//GaJEUGvGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZzkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyUA/8DVsguYqjtAJ191uHftB3ivWHkPetvsweXKIyKMdFv1Fx2pSZ\r\nAWtU/NzglAjt6RWtTsEhtUpi3earFrbDGPZwECLkRNJeDj6puqtxugImjhEm\r\niLXElj1pUjN7ZlQfDyBIURZiJUTCFI4gIINL4XCqvzk3K/+ZuK5xA0ZUokxV\r\njuFr5y5lB/CQ6blqGYOiJKHRVzENgGRJBxbkLEJAGIrUS8ZXbgSPIk/qs3x5\r\nvdtzfMqpoMPPfcmIm80QGHLD5AkwxvvIrBH8KbpR3KgS+arqlpWZFWpdhuCi\r\nfa5gCPwVZXntHfXLNO6V2drTIAtMlmvibBtt7ycEVsQ4GE2gJfmCDV61MjKk\r\n1C5uOlO2dWd8i0KxGqjiEwD0HKKWMHpAIghXekohAxCdugmMFEYPArV5D+7V\r\nLJo21sL4JG5BPUh5Nt+pDArrrVgk7K0wVJaURepeFdLj7jjviAJFZPH25Ft/\r\nnKrL6+HFzT4ukojhfRSzCOKnFyNqwfnMvsdjYW/qLcHgdO5j3R0fT39Ojk5F\r\nhp9eEXDcX9GsSlZ2ieQQFTBk54O0h900LqtqzqwEjkiAJLYAng5mHs8QnJ1M\r\nK9F/52pQrV/NTWvfxs8Ya6RrEC+nQAueTWYZll1Ir83e/R2HneSjo4gkwYI+\r\ndv5ZmIksuIGgErvwyGR2pXt/ue/8Hn02obQ=\r\n=01dr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fd7298c07c1512d69537c2d40d1d5374/chakra-ui-accordion-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-e2/3zbfMHHsHsQVvjxqpjRBVO4ZyAhMcbh0oB4GhKlC5kWver41DjT/m8SEgNHMqUeqZjIX6Kusu1DkMHOoqZw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220929132459","@chakra-ui/descendant":"0.0.0-dev-20220929132459","@chakra-ui/transition":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929132459","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20220929132459","@chakra-ui/button":"0.0.0-dev-20220929132459","@chakra-ui/layout":"0.0.0-dev-20220929132459","@chakra-ui/system":"0.0.0-dev-20220929132459","@chakra-ui/shared-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-use-disclosure":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20220929132459"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20220929132459_1664457956576_0.053034268589542854","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@chakra-ui/accordion","version":"2.1.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"34a8ffe7eb5bd30f7e10db4ed61f80c53d8bfa18","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.1.tgz","fileCount":6,"integrity":"sha512-5f4QBl/0EgU/9EVvzlj8ZU7SWwG6nUHCE9moGBCbgiIOVBEySxZ5Robsk6+T7sXmzQ41db04GcUE9NRKdalgIA==","signatures":[{"sig":"MEYCIQC2H5SOOjF8uxL700UGovNavQfo9n37s8iylk6dvxYa+AIhALCZQz4jIpqhYxpz+H3CQB8qmjUnHjip8LFbh8wgYKVS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqdxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrk2w/+MLNsDlBooWLpKIDp0LuKfDHoDsbPFgwMtMSZ9N1C1JkRgQt7\r\nXjg8acRDNurmX3STQMLymEHDphZzvqHWRl1ZsWdVWcyk4nu6WrMNaT+G4Tf7\r\nF1Z0S7v3OFyYz3o4u1IY8ZS1/um1c8KXWm0HnjUSnoyjXtz5dOIKWute1po+\r\nnBBz8YDaYZ6KdjeqQQG9hrCET2DVPHss76iEmSiFNPQJyaLdflWn2UpGR1r1\r\n1EYUeBKqHYYrtn0E6pBGrjdihOnqrw1x+uQsM0H6+vgUoWHufXgP28IaXin4\r\nPev/UK0LLIRcgsohv30xS8tS3WoyBmpomXtwr5IvbNMOL2A2eh7rtP9UEQ5z\r\nZl2M5jEX3AVfgqDsXgkvfCK1QJsUcEtJ8iLSpF9UjBsqTCokAD/dPf2ilO2E\r\nunv2wxCybmcVO6+1n/ySXZzv9Iw/rHNAt7OFYOIS9ok2y5RcOIpTmKTuGjn4\r\nLhV02DUzQPgw4fCQH4QWTj9nyNJfIBBQFH21gpaPOgd/NnSvgF0FbVcpMZ+e\r\nonI7lGKUlLLb6Hg8/5eA2bLuDdsffNMN74ZU3i+zg9WBVB4V+/1pWGu/ERcs\r\n167Xe/x9df9mho9S8nRzUokq3UvvqaLuK766ugRyQFYOtu4omNN7/Oe20Wxi\r\nLghEif7TG7W5xS7H+aCnQDXmtXjoB1mj3AY=\r\n=WhyD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.1.1.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/85da20ec23d7cc209705daa89aa44366/chakra-ui-accordion-2.1.1.tgz","_integrity":"sha512-5f4QBl/0EgU/9EVvzlj8ZU7SWwG6nUHCE9moGBCbgiIOVBEySxZ5Robsk6+T7sXmzQ41db04GcUE9NRKdalgIA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"3.0.11","@chakra-ui/descendant":"3.0.10","@chakra-ui/transition":"2.0.10","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.1","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.8","@chakra-ui/system":"2.2.12","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-use-disclosure":"2.0.5"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.1_1664788337434_0.12069480074666283","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221017063840":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221017063840","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221017063840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0249e154526fec5760934123d305ec78e7137dbd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221017063840.tgz","fileCount":6,"integrity":"sha512-k8EX7bDXYLZPE/ZKPK96/sTefuvO4NyrOKGddtemY+4oDiiCHaCTp4sAi/jsdDzYPibivqozFdArj3NNmP6BLQ==","signatures":[{"sig":"MEQCIGu6AC1E8TvJPl/seUPP+f6ias4RXJHLCg7ulUkyMNPjAiA7ABGtLXDtx7XAQ3Z9FOz54H97Nsm6Hmm/zq5SiG8xrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTPiaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxFg/9EDg1pg9SwdT33b+cwE0hKOViIM7+BR8DV/lWTRkaKePjeXEO\r\nMfwYh8QAONpviJW3mdqbz9EPt6kD1LPkn+mnq0EZdQUgUiRxyZm8Wm8i1wbs\r\n8i5N2/Ceb7lUBFhLbGq4BZtEuFYRpXZUoPKGtWYOYvDzMKJ4WKqNeYIX2aDP\r\nbKuQhKzVjoCmayOzgiisFS/e7Ju78nDg8VG/tbNrXKK5jXOJsZJaiETlbL5X\r\nO5xelx6zIJvrm1+pGuBfKyh4A/tdOhj5Ju/XXPKEE+d9E7xqDucMPfOpw0gu\r\nnHGAs6+0QqEk9+5CoZbDywK3PDRQcdDlMPql6qV0GfyS4tVFz9d1TQhSVYZ/\r\nR2R5Ithbj4ifOBpsm2AT5aYyEmfakjtw+ylgKwApWQ7un/QHwZ4GmK5vuELh\r\nCsgeJ1IAy9IdOivgHbMgOcDuz8e9Fw5ujY2PA8hUXA7NwHsUuFO1/MjwYZTo\r\n/6c+TiaPYDlfIr1Y+oMglqoDWU3iJbmN6cOMO3K0BQq0ewnolRCKnwgwZeuY\r\nxFTcNP0FWX8UAps5B1qEhARjJCkSjriJN7uIr4r9O+d2ldsnRsPg9Zv9V2zf\r\nM0BCl3MGmyEDtC6PTYA64UGEGbfFGcU1jETm4tECBMehn4jTyL5PZr3Sv8XK\r\nFQz9IevnECnNSZNWES4HZnI4FjQhLSWYx0w=\r\n=KMPN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221017063840.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3832e3110952c3bb8afe00f62ec6acbe/chakra-ui-accordion-0.0.0-dev-20221017063840.tgz","_integrity":"sha512-k8EX7bDXYLZPE/ZKPK96/sTefuvO4NyrOKGddtemY+4oDiiCHaCTp4sAi/jsdDzYPibivqozFdArj3NNmP6BLQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/icon":"3.0.11","@chakra-ui/descendant":"3.0.10","@chakra-ui/transition":"0.0.0-dev-20221017063840","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221017063840","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"0.0.0-dev-20221017063840","@chakra-ui/system":"0.0.0-dev-20221017063840","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-use-disclosure":"2.0.5"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221017063840"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221017063840_1665988761871_0.8658054419216112","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@chakra-ui/accordion","version":"2.1.2","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f9d384b80f68a92689fa7ad4e43bd8944e6945c6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.2.tgz","fileCount":6,"integrity":"sha512-Jf7A6I0eIGk34zO5TiTW8orJOFQb5A/D1ekNYbaukNccoUPKJg/xdQ/b00oIR6LT93nJxggkoP/vszfmmTHuFg==","signatures":[{"sig":"MEQCIFjmSPnTM0o1VP9DitObcwiFGzIaEc//BAe1A3vWBpdlAiB3wur6VttHuYfHFE+BSFteEk9Z5cXcCY57UlB3P4lA4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTQK1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoErA//TjdbLleqCkWdTwvz4WxLIfi2lTxyAHRbB1DewLMhrFBx5Laf\r\nzJTTAl17nAhtvsI5n2AiptRcbGnxmlfmkq0q5eClWECJz/qz1F1LBNe4BrYw\r\nBuoT4gmecp/UTkLlQiJH+noEuLs2SOLT4OWsjtKIFH8E2t1iYUrYz6XOQrwC\r\ns7sBZzLoVMFfBZIreiWBU6uj86FFw8v298xHBGJbDC6JiLnYZkpjKB08jGn3\r\nYTljaT24Zp9aFaYQRhJjpvy5ySBQLlMmNwDh4z9gMr1SmSSYjAFDi2kKxXLs\r\nVetTc5U3CLCjevA4Igk52drxWZ+YnWYB7SdIUfr96aG8SwO0m0bfjx1ST7Zf\r\n5pJrABkke+CJmJMHtws9u4D4Jxy5DGeth4SzwjEb6eLzHOF45x/UJUhZgK4Y\r\nTUgeTIglGQd872PQFHmyPmoDD9R+HYFsswCBwVslG8Ez8miXmUsTqhGhpSaP\r\ntC/H5wck/AxBvexRe449ZfwbDC1z6VucE6L78Q1Dvwl+oWQ6ch+cFA2CSQmj\r\nG/s/Yboc2Lup4ycYhcuEdOZ6NgJRSuV/GfKc5QtkoPkhfPNvkPW6XWKU90Ad\r\nd/KUXYEt9DC+XqRbOgcvjH+hN2xJg8utkfS6uIVkeMnBpIu1OTLEKgKgBoYk\r\n5gpccHyUcGBR83ItnYBwtaRu8rMAhc/BnUw=\r\n=0wRw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.1.2.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f22c6a813be222fa780c9e68a99279ae/chakra-ui-accordion-2.1.2.tgz","_integrity":"sha512-Jf7A6I0eIGk34zO5TiTW8orJOFQb5A/D1ekNYbaukNccoUPKJg/xdQ/b00oIR6LT93nJxggkoP/vszfmmTHuFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.15.0","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/icon":"3.0.11","@chakra-ui/descendant":"3.0.10","@chakra-ui/transition":"2.0.11","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.2","@chakra-ui/button":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"2.3.0","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-use-disclosure":"2.0.5"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.2_1665991349565_0.17333253480155442","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221107161407","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221107161407","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9877ea505234eede1c34d6f0b742bb49985ccbd4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-mYU15Mt0/NR2IXlRxnZeYvimh6A+Ykdd/B2MZNfMg8Npr9FMAotOaZWFYR+j4ArlyRB+XkXLL8IzF+kJNRTvhA==","signatures":[{"sig":"MEUCIES85oYXZOFvrFwExfIww74G+PkyWoUY+5SfSciOiR+6AiEAidm7nODft3k4Z6An5eC7u6EWQPWF6XW/3Q11CuTcUho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS8EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzbQ/9Fm74RDk6vFdf7M+iGL3NnyrFqK3NFiW8rPrNu3D2DTUKgO/G\r\ngURdX/BvJDrtKXvO7kAkqfNlP+3ZQKkPxi0xo3znZJ7Setx1gU1cx1eU8Uw+\r\nvtHBqpvhhaG8rgUD+cWaF1SgSEgx0Y2Q4R5f1ddhjkHKrlYJRREWwHEzoain\r\nSYcpR6TN9Sq8EQHuz3H/9Py2K3KLa8FklEphl83ELJXYDSic+u+ePxkLGXVc\r\nX09fYAJjOCit0oOaeiYcrEFHj8X9YQv1RF98lwUBbp8tcELTTmdw9aV7ej1i\r\ntY2rBTBp1Q9RklYWIeiy9mMeSFmkRJyLzUfS93ptWuCkbn83XsHu3c2OI7F2\r\nWqh74+Byb5uK+MqqmVp8MPrhF5RuqOoAK34YOzfJ5hUAhNPm+Vjb6TPgJulH\r\nDxcp1HinNn1239RZjbfZI4NV4MUGUqCCHqhs/LSW71Q6rehR02pN980e54mO\r\nTD9NEViYvVUN6jlAs8/sP9Jb7PDBGQHuIlKSgTbv2R8ssGwOG3XoqYBDDGZV\r\nnz5qxlAQwashk7e9xNLiYVifFIkTYBRBF5Xx9XiqFf/spSahtRRQuX5O+9iy\r\nEdYMi/GyjZzUk4OZAjkuFxgnWFhRkY0MzaEe9YDbYPt5NamOVwpSe8TXH0z+\r\nXyQqpLl863pjrcPzOi9h//hjmUOMQfMHZ1Q=\r\n=26sv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/25cdd956f5804cdd8a18713dedc5c35e/chakra-ui-accordion-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-mYU15Mt0/NR2IXlRxnZeYvimh6A+Ykdd/B2MZNfMg8Npr9FMAotOaZWFYR+j4ArlyRB+XkXLL8IzF+kJNRTvhA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221107161407","@chakra-ui/descendant":"0.0.0-dev-20221107161407","@chakra-ui/transition":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107161407","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221107161407","@chakra-ui/button":"0.0.0-dev-20221107161407","@chakra-ui/layout":"0.0.0-dev-20221107161407","@chakra-ui/system":"0.0.0-dev-20221107161407","@chakra-ui/shared-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221107161407"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221107161407_1667837700770_0.8310794026781383","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221107181117","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221107181117","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"06963eee3a80ec3d2d4138ab36dc74de13758f89","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-NdmZkw7lxzPVntEhz2Y170goYr5JaC5++79rj7P7jrgPxu4pXDzRYM9JChwhpkHh1fPI6DIzG+k0Znm75+jehg==","signatures":[{"sig":"MEUCIQCwJhkTsyatyjfiTWylnpW+BFKnQ+vFgGdwxp9pNUwBXwIgRi0hJTCfuZEE/R8QTU64GvHBvYGtWrk/7PHTrbTS4Js=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUpwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4+hAAiXc9ZxRVBX8U/flNocNl0wfGKmiN0eJVgK1f09/3sTX4yrTs\r\n4eCNARH8VBv+6G8bahGqTQ2Bip2Sj8J6kS/vX0dX5/wtUK+kkaherx18xLl2\r\nj6UqLJ1zra/3qlDVBskmBBCGQ8k+Y+2rXueeCwSm+VUUPFSFICN96CD6u39Z\r\n4MTxPzdrBavM5xUWxbzlE1WbRFPNvr09GsKDmtn6IVTrVBwnGEJS00LLeF05\r\ni1AZ6GNEV0zUWRcUuGK4Sf42ssJoOLqCrhXkC3q2DGnmED0p6rgzaNvyD5Pt\r\nhSAQxRIpL4F5UzS+HRfnd4w16w3ltj2g//ruxjaIwEIPj4Y1Hy4PsGWE294Q\r\neoZhe4rSD2S3JrWvk/JIjqjB3Z4LGjF5foNLLgBnET27+avUGPHqfxIQggV2\r\nnM5OG2Mvf0lV4BDKRjQXTJA+fpbCoBryY3cZeo2M9h8S4d1mKrWURPbIymwo\r\noBQCb+1emcXS93tVYFjc9vA/pe7vVqaqPCKk/Ao/CfEXFiw8Zx3kEpzrRz/a\r\nDpUc40i/gWzFVpYDDl734EkkcqK83KoNsLhknqmcsSH9GAM+Q/tB5b3Ol5X0\r\nBVJM/8EqdaICCpMeoYvBpxFxhjAVmc3DNdccHHKpxKLMc6JsSN4XBqyF3NOi\r\nLd1a+3KtdQeMn5BYROgBa+cj7NTIB1ckb2Q=\r\n=Lt4y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/df4b028ac6ad65d38aa3f6732c69c963/chakra-ui-accordion-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-NdmZkw7lxzPVntEhz2Y170goYr5JaC5++79rj7P7jrgPxu4pXDzRYM9JChwhpkHh1fPI6DIzG+k0Znm75+jehg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221107181117","@chakra-ui/descendant":"0.0.0-dev-20221107181117","@chakra-ui/transition":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107181117","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221107181117","@chakra-ui/button":"0.0.0-dev-20221107181117","@chakra-ui/layout":"0.0.0-dev-20221107181117","@chakra-ui/system":"0.0.0-dev-20221107181117","@chakra-ui/shared-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221107181117"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221107181117_1667844720229_0.5448581297651145","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221107182607","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221107182607","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b8a7010842737ff5864928e1bc4dc2cece80df6e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-A9qSNOEFtmLAsn2uWnoFZBOfGuxGUtAazeOUP7kusj8mPl01wMhhYAy6g0rhhvubA7LRznIYKgVdclXuKpqvIQ==","signatures":[{"sig":"MEQCIGTP8FXzOjdUJH/aj1uPPQagWLpyOHbdKgAYH/efB8wwAiBJMr+q0u2aQnItpfPHD/A2c1jNsgqCt0/BSLPFpJvDmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU3sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9nA/9FhvPZaotJwV9x1TcariWjVCe2VXKrNofkYqW27dFTs2EAq5t\r\nRILOBG566MSnCgO2LA8BuNwbwbFCiHAsrQgPIB8KuQdjR1n2JBBClJc7sJ5R\r\nc+YbZmGPcRa0sZGstAT+n3+GO71Z9mH26T28/WQwZcxoTvA3DzbJjV02Xdjf\r\nIEPn9my5TFdNML+SxmwHGQGyLN2foeBpMAumDLlptuBqQ7rxDmjSE7z/LSOx\r\nWVALJTHcpSjJGzUHh4YxoAK3Wy47PviKGecMTk1v7KwF1ZNj1gYU4wkZPmDS\r\nx1v6VJvj+ZkJSlCUs1ahF1Fvet2Dj1K0UVvnnCs0enlyGL0Kz2axCM8Yj77W\r\nGER/QdE0MR/O3upa4akEayhMHXSBj2hMxoQzzXMls9WVaVPVaSFKxVoEJNpR\r\nEX60WjcuSZChsIoAqpIGsR/HGhQL/S8cFQL3JLH4YU0sT4HrfYkKpThJRDmT\r\nmiR+yZXxky0wI96vnmtP+/j0CtMB5ulVjtrJyYm4Cn7SzurC6G3uXj97Vi/V\r\n+agxIYmH3LyemKxRPeXSf+FuG8hw91NH8PYlwapUEFsRy7PLqMnvLsJ+DbaH\r\ndbPbwzG436Nd7nE0YyBT+mNDillSROaFDRS+MyRQYENwqFqUiIJZxqZzT8Fi\r\nyH8SmqVrGHgSq3dRYQPq2w9KMcYz/skj6e4=\r\n=qO39\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a832e46889e50160466c3456a3de62d3/chakra-ui-accordion-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-A9qSNOEFtmLAsn2uWnoFZBOfGuxGUtAazeOUP7kusj8mPl01wMhhYAy6g0rhhvubA7LRznIYKgVdclXuKpqvIQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221107182607","@chakra-ui/descendant":"0.0.0-dev-20221107182607","@chakra-ui/transition":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107182607","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221107182607","@chakra-ui/button":"0.0.0-dev-20221107182607","@chakra-ui/layout":"0.0.0-dev-20221107182607","@chakra-ui/system":"0.0.0-dev-20221107182607","@chakra-ui/shared-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221107182607"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221107182607_1667845611893_0.4901951716901074","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108071844","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108071844","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"997eeef81200d8f9fe3539e64b22b66a698b8829","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-KAQyI60WeveJsG7K64EXeYUcWfWyeZJFbguCuuB53MpqZz3nR6MH8oyTuvQLFErE/KzfVjNQ0O3hkVwiNECBiQ==","signatures":[{"sig":"MEYCIQDEK/ItAewcw0ywEuBNcLN/lX33Ioit65fe3zQmBhHSAQIhAKqAy9/JU2HIoBshrBkQQ18FN432C22kiMpD20onpfMs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5pxAAjNPuldGFR9YxYJgrdhGFdcViDBNYn1kmEPLx+tUmQGmPQToS\r\nbp8XLMi31coknUS3kB6HCnD3PGSlro7HrO/FOM/CYaFRD/MdXk6RC/Bgy3Xx\r\nO9vudfjaIPfCerpnFxoP5Y2OGKK0EyBNxqKGufIKJCZMq06l8TjkIHQczenU\r\nryWPKJ4VSspP2xmPGvoETwwb67MB7KZa9Aj56yYx81iBbJ8o3pSvEpRjV5aI\r\nusN0AUgN2FgZSEJppWPVmNr15ydkSLwlMtMJM5kYlgvXQKoCgP1a56yGnZiH\r\nViltPJWMuvTW9fDJ0ntexBrFA7HqaF/SBaAwn/SZzSiozCn525F7lStNYled\r\n00zPMcicSt/8b1+/ylAu1E+QCBWapUKIckNOaMI8dvFAjFhf9w1aG/PMmsD6\r\n/OGKDQ/o9ds9fYgZVScf5tYg6ZJRaCQ0wZnKfXFtEy0UPzHzdkDUFpO+sFvz\r\npZXjes6PngorIoXM5abT0NrawgjjWYXz5eZ7+ue4zjGTs3Kw3AZF+hTxT3kV\r\nTLdDXTqGIJE+5gLUaWVMOxn3zZ/F/a4P8DK5yQj9+C954DFuDwX//uV0CNf2\r\nEbQTcSdeuSvpL//dqvgBJ012CzT1SpvwxqQjtPqwnc3oKpVtcyQ8R97NYMz9\r\ng/9O5HXVyOnqnW2yDDu4WfsAxtN3vfYabHc=\r\n=6/YH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/77b883fa3ff62ec9f31fc91621fa39dd/chakra-ui-accordion-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-KAQyI60WeveJsG7K64EXeYUcWfWyeZJFbguCuuB53MpqZz3nR6MH8oyTuvQLFErE/KzfVjNQ0O3hkVwiNECBiQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108071844","@chakra-ui/descendant":"0.0.0-dev-20221108071844","@chakra-ui/transition":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108071844","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108071844","@chakra-ui/button":"0.0.0-dev-20221108071844","@chakra-ui/layout":"0.0.0-dev-20221108071844","@chakra-ui/system":"0.0.0-dev-20221108071844","@chakra-ui/shared-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108071844"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108071844_1667891972690_0.7324574346158161","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108073543","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108073543","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"845646313636e9603b94179a5de4b706795fc25d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-sq8ui9FC6LX3fPzDkVOHryuAPkvE/iqtv3EixYvcMFD95C4NR3dONpiMZPlfdTfzT+mtSQPxE+z4wQZCwfGsWw==","signatures":[{"sig":"MEUCIQD2//AWvqWDrGf3H6Bji4wkWAo7CNmj4pwyiXYvfrdyGgIgKa9lyT0lkr57M/gc2dUikFbmD2PLz+F/GAiR/iXzYJg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkvRAAjtK89xVuDfS1NWNzE2S0R/YTNOmf9O6BsyW9ohFINZbVB7Ab\r\nHJ56Q2gej3IJzUb5bJHcpCF0LFC7Jab0W1XWsJhD46/r8UXxh7js78KrxB4R\r\nJii8D0vGkGvg2Sx3lPPHcXPf8+5oQfaT15d7wPwZUH0frTGpSqHPFJZ6/rWh\r\nJopM8H+quNkzswDa1/pGmJoQOFxgyo/2wYxxmZAkYkBI2qnsy0kuCu3xkv01\r\nA62uedkvq1d/V7bWHF5GHgYomOgd/h6MOEpFM95xyfaxbzzxyYfT9hdRxJot\r\nK9q6Z5hJyvdIQQO41nrBXonmI89HOvG5hcgab36faT1aA+GIOCmzpuVdkEcZ\r\nZBoP2NPFvAPkthgaPQD2mQfj+YlxBMXPURn6oI83uwXSsCSNDg7VWv4u87ls\r\n0+PslE7IuyB1G6dGcjfYFWNYnCWFmobrOJ4HsT8sBGfTfI9mzFdVhlQv0kzS\r\n2O+Alily43s0dsYIidX4aZ18cRA8Wq22gi8N6883f6VF25Mc2rAamq5K9ulh\r\n3ZmeuVy4wJUi1aA6xI2BiksJ2ttZ1MrTKN2tMFo03wMl5Fzx0wbGX/OXoAVg\r\nWd2gwJGLkk5h4WgtA0BACZSc11w2WzVf15oG+jGPh/Y4Rmn+DthuUexVGqyR\r\nGnaYlPboy8mlW1pcwK4bVkd+P0Jd43FQFNk=\r\n=ek/x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b88a98feb51d31bb4cf4ff195312c882/chakra-ui-accordion-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-sq8ui9FC6LX3fPzDkVOHryuAPkvE/iqtv3EixYvcMFD95C4NR3dONpiMZPlfdTfzT+mtSQPxE+z4wQZCwfGsWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108073543","@chakra-ui/descendant":"0.0.0-dev-20221108073543","@chakra-ui/transition":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108073543","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108073543","@chakra-ui/button":"0.0.0-dev-20221108073543","@chakra-ui/layout":"0.0.0-dev-20221108073543","@chakra-ui/system":"0.0.0-dev-20221108073543","@chakra-ui/shared-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108073543"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108073543_1667892998189_0.43958012940479096","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108075029","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108075029","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f39d643fd9c05d39747f768eccc04c419044bbb6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-2sFs5kTaBEfa6Ov4gsgv5zqEvrmofyQp2eLXaxj4A4j3981p6NPREB2oe6ObVLh+fUNNhYFLv1W+BEMgoWBwGA==","signatures":[{"sig":"MEQCIHnlbWnehEUi3liHShlqmT1wj7XJ6EAbPTUVJ62ealhRAiAK1P0iz9U58aEDgi7xGPJD0SVS1iwX9n9juJWQC9cOlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagp0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcNg//VqQrDyJvfy1nM6snwDQsMs/GIxy/TMGG8e+U4xoNW9ZpltWQ\r\n/hJGrX3Zd539gXzCH9jG21dmhZMeOU2QTFK5X09CSLda/wpO2/WQVLlg2SCJ\r\nd25LHJiWLcppUaTsfigOLxb8cju7+dPUJXluNNNRjEnN9s5W6Y2+r/AyWfBO\r\no3uZLy1+B1UQLtGSuv67mx2sKeNQJb/tjBEG0B/pyYZiaqPnX9bRan98Jb2X\r\nCIgx600flukT6ROiw4kJRh9W0VKW7cBkEj9WPylh7f79UGCLTu3umkVidSs7\r\nPfWRVjFH5X9uul8wVWMzn+3xNzyR0Isd/jt0r8FqltVPdUsrk44P02oTbOLf\r\nMC7sd6m6iA5cEFXlhg6D38tD3SVJ8pR8Ik6KY6vYBm5Tmhgqhe4YxV6GO78D\r\nG3SeDPxEW3FKizxQc1eTB+nCHNyHZEInMjtI3URJa0C12VgX9gSO6mxJDXlk\r\nQzSJe4VdBZvAXEfFoGukv3tvdN1FZ9CcwOy4AxN+p07dDc34idqYEPBnj5D6\r\nC+f64u0Ta0ay8Y47zIiAxMm3mI9T3BI1cbzzekuSIhKkAgpB3sTQtR5FPAm0\r\n5ZyVEypNFpnpz5p9YT8lG+YsC1b7G8psFJTq5YgNSjGVdM4lNFIxF+uG/Pe1\r\ndz5aLlzOiAteexKpoCgAOECR3l9vgvHycXs=\r\n=o3Bm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ea1cafb686ac36034b857c44e8e5f1cb/chakra-ui-accordion-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-2sFs5kTaBEfa6Ov4gsgv5zqEvrmofyQp2eLXaxj4A4j3981p6NPREB2oe6ObVLh+fUNNhYFLv1W+BEMgoWBwGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108075029","@chakra-ui/descendant":"0.0.0-dev-20221108075029","@chakra-ui/transition":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108075029","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108075029","@chakra-ui/button":"0.0.0-dev-20221108075029","@chakra-ui/layout":"0.0.0-dev-20221108075029","@chakra-ui/system":"0.0.0-dev-20221108075029","@chakra-ui/shared-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108075029"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108075029_1667893875927_0.15277863000182879","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108083411","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108083411","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4b9e5f573b6108fe3c5b9a4f55b83cf4f379e396","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-fMYzqMxN4KvMG5KCotUJegLOIu+R5Dex2OSCH/i/t6GQ5z2GWrY4pueKCiOEIdB8yB26MREP1hgt8A3BdIxljw==","signatures":[{"sig":"MEUCIDvs1ZhDW8pkavm4mL3ZCTuRvK37MEEW3De+FGKKatRpAiEA/Tihbku6OFkTwOr+tCNEM0mBPLNsVYXWHTan30aJYEo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahSoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpHQ/+KNaKMjzrzxHb0BeKfnwG2z+UWa7VmQhAiS/lKr5MhYXaVPuL\r\nuCe/d7rzDe+l/dCcdwe+S9nJEN5xT/v1zFlzAY6cq9A3FI67qdJ+QGOkA0Ij\r\nzKRxpKn+aXPIDDV/yEbShX1YEOpvTDnFK8YdoESfMaT7S5q3hlnhVLn2E0A7\r\n3rQX7b2GvebNc1GgVxnf+6p6d/tMO6yRbYnbpcW9hpIXaqjf3v+8mAXCvQCy\r\n23/+VjyAcPdFrn+0FGuj86lULTdOcTqLfaGdtWcbr2Gh3KkoluNGJ0LpPkET\r\ngd7DVAjPGuYAmL1ZqFAX9on6njP6iF4W5N4/TgMZd95eKdLLbtUlh6/Il6Ev\r\nu2lzLOPeeungWB/x0G0jBynu5/FHQVqG4vTu8sg/jiCiiCM/nMiuC6mjA6rm\r\n14Movuf6GLV/0cbtDGpf2guVTZZHAVpH0arjg+LIkENlv7LRo+t4YIcaDBhP\r\nLnpeTsnObyutbFdHofQj3EnhKjuvSlt3gQdqIt4njloDO7GXZgUHb3ABYmvk\r\nrgsEepglxdvKiGHbB1P+LHhtuBZN/uA8Owwzfb5cimzRO4LlAvT/oq8rNT4r\r\nP++DjmR30trIerp0IwojjWCjaxwxc0BZ4RqBywmi+TmnXMKA6HIu1cflKOKH\r\nuHnmV4GGYT79mHA+pVi7wHZ3t2d63Kq36aE=\r\n=80qi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/81f5f1d092b875db0099450a931428f0/chakra-ui-accordion-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-fMYzqMxN4KvMG5KCotUJegLOIu+R5Dex2OSCH/i/t6GQ5z2GWrY4pueKCiOEIdB8yB26MREP1hgt8A3BdIxljw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108083411","@chakra-ui/descendant":"0.0.0-dev-20221108083411","@chakra-ui/transition":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108083411","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108083411","@chakra-ui/button":"0.0.0-dev-20221108083411","@chakra-ui/layout":"0.0.0-dev-20221108083411","@chakra-ui/system":"0.0.0-dev-20221108083411","@chakra-ui/shared-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108083411"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108083411_1667896488628_0.23303966050436675","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108090938","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108090938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1c61e29639156812406789a06f76bac9f2a8e687","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-/qhVNU1KMFWWS/nhnQTcuyWNbECgauCISlo805FM/HK50EqDavR9UfZlOcGpRVMaYVdp/+9MyrAcRki4r2bAFQ==","signatures":[{"sig":"MEUCIQDa+yQkQVpthU0LjqWjj4p4P4hUlXCkI0UknxGLsyujMwIgeWX9nNYkeZaMSqE96D+E4ru5Co1zDfH6K9sUgRI+buA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoF2A//aZnbz5ye+ZPtwYPUtg+9yPu2d6OkSBe/ngV/qul3m+dtA2Jb\r\n9bnslE/uXIGOLpzald7npETkajVbAd/zJ9DP/3P7fkPGo+J4lK5v0n4IThmr\r\ng3C0aiyOD9O0o8zTAUPXBRBgtp25atFudj5ntzobEOHNAnQspv3sjycqZ6Nd\r\nG5oLyHTe2YnHa+5H5Y3K14TwuNWGGGAUTzS42X/eYLv+neuidV1k3Ddv+/F9\r\ncJ8KauRgJOqELTH3edsPcwbDQLHckIhHOMiZoMCKBdYujAa0u0hlrQ6nZZF9\r\nriDxWLf5u5RXu9XXdjbuxyQKde+liQqqVxDiOyncopj1txp26/vyyGvxXMFn\r\nRfUAmLD7zdzJk1vUHxgoNaRnIzX/sGRQVNYwvrmBknAqrkgybiHuxT3KX+4U\r\nwgaPsUBtu7FQUjutspaibJcO74TKKcqtZaa6my6IR4AjmdFcMcLGYkIXh4Cd\r\n/xhXTM442InfYWjoTDzepw3//cd+5l7McDBYdqxF5tK0a/yOEeqbxLReSTUi\r\nyClIndz6XUAeZygxK7Af9lF118/7VYLooaYvLzVeogBPrTqDmoJUq+y2zjCD\r\nXC3efmjGnDDX6E0UDl2OFv9VlkO5i0vSw1NGwNtOfSikROq69In7395j6r72\r\nMlqwQfsnn2keIEUq7pxnWkcH22LV8gJQork=\r\n=ay3b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6084f408e79d496692daf3683e163cf8/chakra-ui-accordion-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-/qhVNU1KMFWWS/nhnQTcuyWNbECgauCISlo805FM/HK50EqDavR9UfZlOcGpRVMaYVdp/+9MyrAcRki4r2bAFQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108090938","@chakra-ui/descendant":"0.0.0-dev-20221108090938","@chakra-ui/transition":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108090938","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108090938","@chakra-ui/button":"0.0.0-dev-20221108090938","@chakra-ui/layout":"0.0.0-dev-20221108090938","@chakra-ui/system":"0.0.0-dev-20221108090938","@chakra-ui/shared-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108090938"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108090938_1667898623770_0.31087601509161655","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108093520","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108093520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"02a4a46458f4ce9550d9c068a29857b4719b91bf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-cm6wOryF0S7lRvQWloXrp9raIMjrWUawVCjQ82xkIYTV9/CxKBJ1uJ+BNP30LO94+pn+VbHa841qT+YqLA04Qg==","signatures":[{"sig":"MEUCIQCHNsMdsEXV6+dJZWJZjT+dt/Olsqbs7N3JL0w+/uvYRQIgE4IzBDdPgcsM9aNd+DfyS1fUFB3GwhBdIcm+Sb0eVHY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiMSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiwQ/8D3PJ/LarHRn3WukHmAEjPCN8OYjzM0bKByjCEHAOC23Zcath\r\ngdwS1fQYSp8WeKyTSnWz3TwPXrMi5UPckpRjCuCEuw0k3NyWwIry1/V3y0kB\r\nKST5kCIn8pTVPKleHEIgAWttWkHNNdN8ILK9tBrE2X9UtnBJ6eQkb/hWyEIb\r\nv7tu2SEOR6/yWyD/16hrbpcoCIMsIu72A9aJGzcbF3HK4eDeyMgnU37RIuEr\r\nSm68loPGqIKlbzUHKcdQrtdFJp5gADxeaNeG7+R08UIAekYT64q0NlkZ2XnE\r\nEOPd24PLVsL307gxd/rpNkmI1FN+2Fdx23Qg6T83L8gRHevYBQOZ6Gvjb5t+\r\n+SL/JA5E9xrD8QwuyTltHlvOGaOcCiLyM45d8lSmNzw9IBkf+Vtr6gcJIHo9\r\n+LM44Raa5UzQKkFGfkFHAXGxZw0rfyMJsSFxNdVIbYUfkjfFogXclivp8SOA\r\nKRGcfxs/P9OtZ2kRDPVDQ+Bo6sWOh9+hqeoDLTeJP5yQVd+EH8oVZxzzRB4o\r\nwgPPaZWudslqyzm2BA/B3D0WmT97MkYgqcIdY/J4ohocmXmxExqghYaCQ9/Z\r\nNgpHzvnR7wyTGqarip//9UUYI6mPP39dTNShEqibn8uJpJPb7Cj69O5K8ItA\r\npfFSa6Cj24wp+6LwPheDEvTgE51f1Qx/jts=\r\n=sP5H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f920c79e65a361231bd880980fda9eae/chakra-ui-accordion-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-cm6wOryF0S7lRvQWloXrp9raIMjrWUawVCjQ82xkIYTV9/CxKBJ1uJ+BNP30LO94+pn+VbHa841qT+YqLA04Qg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108093520","@chakra-ui/descendant":"0.0.0-dev-20221108093520","@chakra-ui/transition":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108093520","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108093520","@chakra-ui/button":"0.0.0-dev-20221108093520","@chakra-ui/layout":"0.0.0-dev-20221108093520","@chakra-ui/system":"0.0.0-dev-20221108093520","@chakra-ui/shared-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108093520"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108093520_1667900178697_0.41254817529673704","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108100218","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108100218","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"83b9bef38e7b391955dc5061c9299a21527e4d6d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-AZaH67Fwg3wiW6PE6I/psBIXAFp/vjoyYYNM9ctF6c1vBIoFSOSfg5dSV0e8h5STZU13h99w6aa8xw4ii071qw==","signatures":[{"sig":"MEUCIQChCZIjW+kZkWcE2BPRTbCqL3rGHtOf3H+iTZmptv+NMAIgS9+RJXPXr7NjHthFROvbXxC30DtqYrEuPLgA0xyX/5U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjailoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Fw/+N/+vQ9IUnphq4KlATSO+m8Kr+mFmSjTzfNEipsGcu9ifisWP\r\na1r9FbEU6Xr0cU3qav3Qdqs91gHdlr7MgMHhkL3BmayYR6ChnCrXoK8lM6Jx\r\nwxQNIt9LK3I4kWVskoAkZIdj5nF7hNtl9/15BMNi0i+oMbgRVEhgbRp/Ut56\r\nzukVpyFPA8K40dgZvxjFBXjUpq3v9V2uZsbYGEnOxYQV3zruxeJ/eUDAU597\r\nbKfAeM6xBv72WZ4gIeuEq7xaXVfhWzPjydDcaoVTxHhSQJgvatuqzYJDIl+H\r\nq3iKS3aaa0We73n/S9ULZSIqcPD+JCIhzNVmwTZi4Z4p4+92dCArztJ8mw52\r\njJIflKmiu/sCUZim4/079rMT7W6f1EwavVA3KRe0h2JWOvDxfxMoBa7S/80Z\r\nxrWvuh1oGQrOQjk1uG/Jq8ItQZmK5+3Lcske1F6debElS+NJFbe7PBzPgGEi\r\nv13rFlLtbJ3ivZGyH49/kYI2vPk+LtmVh3yGB1TjkLsewYxO1kA6Bj+VhpDG\r\nfxU0MWJzwTUpMAD2wMondNnRS0g3neQIMiOhBQkc2hC7IiNkNDjyGDN9HStH\r\nSUDGpXrsNNMjzx9hOZWpO93KTV2rsayBmgdWEDEECSbMAg23lu3moM4bHFvr\r\nKCvcWCfmXCAKgCBWSH131a/yb36RUY63IO4=\r\n=b1jM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d048bb355a57b234d27791af18f64190/chakra-ui-accordion-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-AZaH67Fwg3wiW6PE6I/psBIXAFp/vjoyYYNM9ctF6c1vBIoFSOSfg5dSV0e8h5STZU13h99w6aa8xw4ii071qw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108100218","@chakra-ui/descendant":"0.0.0-dev-20221108100218","@chakra-ui/transition":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108100218","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108100218","@chakra-ui/button":"0.0.0-dev-20221108100218","@chakra-ui/layout":"0.0.0-dev-20221108100218","@chakra-ui/system":"0.0.0-dev-20221108100218","@chakra-ui/shared-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108100218"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108100218_1667901800129_0.9016992116119817","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221108124603","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221108124603","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3fb15595ed814b78b2e5470c2f62c2081f93e39c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-zEG5h9i0C/lFG5Oh3Hk4YP+RjhC+XxxKD+OT2+eYloiGZBmzCbr0WuROXBC1j1wRLzDbwNt/TsrEvNMlVtsu0A==","signatures":[{"sig":"MEUCIEn/AUTCcg7RtfdVOP5X5IDT7KHf/ngJegK/PKDhwCpwAiEA36VDW602pneihbnC53D34qk8ajAzopneL2Ki/b2igZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak+4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHiw/+NtQx7ad+SiOihgnYWRycAjqEolOBZhcSHxISLrkrDuv5EfvD\r\nVTEHhDwH6KskD/Y//dm7Momsbv1dfb/ow6YYOEmn8q4wUgy2aojmUfTmqydJ\r\nFLjuuyxVHlZmI36o7IWuPr/9sbOLbeGXoW6wt07pmgEKF/wxJDT37ClJ/PcJ\r\ni9URoeUWI2xi0wWcZWaAMl7MkYoTvXl3EKSw4kAUpUA7b7wtQKO9JPm8bhK+\r\nnH+ngczEjdTgUI1K09noscqBTvXwpt5GrWjKNS2on+n1Yb+bOCO0rW3wYCBv\r\nwCeENue16Pyf3V7il9HDMr3GdBw3O07lMs75V35LVSliSyDBYxRQB99s0kv+\r\nhr0+bt8+z6RFEf/gU13E3MKFeufePeZDQOujol8ZGT7M34lCNQsMB4R1Y/Tt\r\noyhTEvk5bzxzLdWPNPjBG0h0Bbak+LmdDbrbQ2x+ptsWbhKYBPlTgoHlbpgk\r\nGt1U0kwOzxu1sdhcfnKdB97YHGCzzPUDIS9YIZXOe0fAgpIRYR1JPrak8YtX\r\nAHaROiGmK/bFf5U8/3mOn+Mf/f+f1YkjM4s1+JDRqjqvMor7d3DQ+HAgJvdr\r\ntPXDBzkLQJ7O1MWuSnFdm6C1SCWTPyO8hHIYQrnx4PfmGWYrDfjwUGeNvnUF\r\nAQya5XRJIF8F/VaD8D2eyAZtxyN9wvIQnbY=\r\n=Z0O2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/965ce714c695abf4bfe812b662fd8f68/chakra-ui-accordion-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-zEG5h9i0C/lFG5Oh3Hk4YP+RjhC+XxxKD+OT2+eYloiGZBmzCbr0WuROXBC1j1wRLzDbwNt/TsrEvNMlVtsu0A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108124603","@chakra-ui/descendant":"0.0.0-dev-20221108124603","@chakra-ui/transition":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108124603","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221108124603","@chakra-ui/button":"0.0.0-dev-20221108124603","@chakra-ui/layout":"0.0.0-dev-20221108124603","@chakra-ui/system":"0.0.0-dev-20221108124603","@chakra-ui/shared-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221108124603"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221108124603_1667911607826_0.0874724344676927","host":"s3://npm-registry-packages"}},"2.1.3":{"name":"@chakra-ui/accordion","version":"2.1.3","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"98c5426fe32d06a2f7b600161e0f81d02c4c3bb0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.3.tgz","fileCount":6,"integrity":"sha512-OAJSbF0UHBipi6ySBlTZM1vZi5Uoe+1UyYTBId1CxRPYHHgm3n9xAYjOtiA+TrT63aZbKwNV2KBshmGSMnNPGQ==","signatures":[{"sig":"MEYCIQDExgPwe6haMChh1lBWfiyuQbU+zU8SoMT1kNrtuJba5wIhAKao+vTgAY9e2X97sP6bvH3BsPMcBePJ+fxrdRTwg4ok","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciwTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqtQ/+Ktep31XbrPlId9IpU5Z3EbNZIgx/yvGi1Bv3JWyycCiW0brF\r\ncHwBo25Eb+r6QhpuFxU5G+joHBD2O30i33Uo6RYsPYIlk2a7y3pemltdKlC1\r\nuuV7Ptyrv/8KblZQUx5qsU/E3AVm1l6yUjcZikIfLSkDT/5soNbHfNYYWSKZ\r\nP37YNfYyFDjTvlPjm4fkwp7FYriN2R6YWwvayf9dXRjPrkPBtpwqVR9j+jZE\r\nk6IrrXau7Z35F02P9xE98M5IbJwtzf5B7D70ulEwHvDLXjgIYlmWigLw42By\r\ne58pI63EEVBpuCXFSBYBw3d2/6/+hyCmdeWsM1xsIU+3M9uGAiZ4vDJdXSKu\r\nLgXrdSX3GxEjbxbFBSj3NImadml6sQmMCUcxKH4vtJ/4MINF+oY/Lc50qk20\r\nESAu5zcHRqdTsPnyXVXJNT7tpuOYFJkMZjgLU04D/ZluJqZi9V9xVTzbyohG\r\n8QbY6LerT5C72QKfNtiEqp7bpuXnW0QolgdSdCApFROAF3ypARgQD1Ain9po\r\nMMtbt+DEGu7tQImJtLVUfcD4Pobz5aD2c/qBpaqwnKRJAY65ISso+xiq1sxI\r\nQP07H57n3i/lYU1sf62kAVv32LHFA/MQ3j3FefeCaPsCFyMt9AMJZe1meghh\r\npD9eI1ORe45PhxAIazik5JFstJhVzvHXfV0=\r\n=zNvQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.1.3.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f2d817209234b333705150bd7cd2157e/chakra-ui-accordion-2.1.3.tgz","_integrity":"sha512-OAJSbF0UHBipi6ySBlTZM1vZi5Uoe+1UyYTBId1CxRPYHHgm3n9xAYjOtiA+TrT63aZbKwNV2KBshmGSMnNPGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"3.0.12","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.3","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"2.1.10","@chakra-ui/system":"2.3.2","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.3_1668426771267_0.720541123966606","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221115102409":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221115102409","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221115102409","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5bcdc4d2b22e4f5d45b68d38c4c060bfed88a7f6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221115102409.tgz","fileCount":6,"integrity":"sha512-gjQ+B9d7kT13OWessMl6GZY5rQA89Euy0X314DNNrlariOZsVQN1m8LXSFnLiivo5+I+NFOi4uW/yN34QFTwcw==","signatures":[{"sig":"MEQCIA0q4gHiNlWJkcx4aQq5oikAePJrwn/KOdXu7rtd2FHOAiB3ja/U+L1GsGjQzM7QIX2Yfvp0zxl2ckK3sNsj/nm6tw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc2j+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqtQ//TuieD03KauruurIksE/SaQK1Sc5OFng0jPFE6Aww18NeHUAH\r\nmnAaIFQAKjx7qbjBw+myAKLLePsWBVq05muO6DDFmB5Kzw8ZsAkkAcexVlnK\r\n07tRgD+RbOm9SXqjNmq2d1fSFTezv9G8Bblc+StO9/mvZmSu4giV6RzJoB3a\r\n6AdmkwTKhaMBhM31AyrnY24VyjEKoVE7nk6s2dfMOib+R4+UyWYPDNcLzwN8\r\niYlXGvg5tK5gjLRJLwLo6xy/iZBkyF30j/MfXfcxIyrbElwYnscLNZuq5nnw\r\nmqQJYVkFwpyJKmHY/XrPULn28Kz6iZBs0roG9BQEXZ1cD2mx7lOAFMI2KsGO\r\n5abl40o7klAhxT9vwvPn/PiWNbWFcORKLXkQ4gaoD1WCPQV3IVOxlVlzo1de\r\nM/IZjZIY9YisWB6Lr8hBs3y7+js5NRAyXPsZXM3gyoAX8hW4QXOeIyJzmS4B\r\nHZc4d7XLXydld6s1yGspgi7iC3JL0kRgPPdwiAIyoJsf7ti/IyzNj+aUr2Sl\r\n9wDNDrxRSFTS49LhH2ykRrnuOIVo4bBdsIBmW4+9X8KYhchQto7lnHm3m2LC\r\nZAfSRzJcRuoGD/TeTRwvjTFbrtwq7YIFVaLbjImllEGMkx96HHKCJk0mXC3g\r\njKpiiA5UiKv5IbS8NJ0BMb8FM6gsQTPUlb4=\r\n=ZKVB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221115102409.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/398e36735796832e365b8af7d542b695/chakra-ui-accordion-0.0.0-dev-20221115102409.tgz","_integrity":"sha512-gjQ+B9d7kT13OWessMl6GZY5rQA89Euy0X314DNNrlariOZsVQN1m8LXSFnLiivo5+I+NFOi4uW/yN34QFTwcw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221115102409","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221115102409","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221115102409","@chakra-ui/system":"2.3.3","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221115102409_1668507902753_0.26735363531968104","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116102301":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221116102301","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221116102301","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"92a51bb6edc1ea94622c835ed68a3250d0ce15bf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221116102301.tgz","fileCount":6,"integrity":"sha512-RxCb3zZfRDvNOhTxdq2UulSo9RkIyX8neGNAokB+XGwbxNeu3ltEJwvYzYfojZirdS4E6/jyEH9kuYtPL+rBJQ==","signatures":[{"sig":"MEQCIGeJEheOjwodeXfZFZxLlyocx9DJ88Qw+FsxfV2ixVH3AiBSIfu9UdUGDOZCv18nwV/WLbSjnLFn+QU8CkpodWTNUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdLo0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNNw//eaSdRd74M3qAhhR1jzecXqacfSWTh1JpuMvEHypbuwyzeahu\r\nfTwiAKAwsOVQt8GDDo2rLow0chZUrSn5Uoa/UqHVFft+I1X6XmzafDrZK6Tg\r\nHTqLOF+UMFyg8i+VEqKRVq2FQHnhaS1DVTop5kHOybBR+XnnacYCCy7tDQLw\r\nIKy8MBxLyuEO5AbxjXr50bX/UWwujQsVia4PdsvIk7lNvXv4YwUVg6P1XjTE\r\nayIVV0RAX6qaLJA75/YHEx888Aomq+eOygVJy2JyGkmsnZmAqFriDLqokQr0\r\nt435wtojEYeHU0WJTKUAeOxDo7uB2lcJ3Fx9QtG7edPEb1ZuvFzsED1DNiLP\r\n4wYFRyPuDxCPAJBAjaZj/xJTRkQ5szclCkHTkIOmDDFFXXloESFZueCn+dsk\r\nxF8Apq2qtMY6A7kR8gA02ntm0Grs8XS3qVuQ1m3gpd8Br721nYTkjAWtgZck\r\nXaikXqGrLmMUDAnnnRoG/HNF5IZHU0bez3yHYILFeyqyaGJn2p4u1UF1vMWt\r\nB2R69I8EwPMhdvvLYTiYczJjqtePsj/Y8jNypl/M0G1r7n5F1FWlGxKfslrb\r\nfxmRJ750Gzp3d8wJGdsio1dhcdwUL3UKKn9R1SpjjEcYr9chQ0NyBpgUGb0Y\r\nZLnEFUsU9IKysGluiLAU7HCsFoWXoW6JGrQ=\r\n=ueKD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221116102301.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c216ca220b45b1c1fbdce232d93101e2/chakra-ui-accordion-0.0.0-dev-20221116102301.tgz","_integrity":"sha512-RxCb3zZfRDvNOhTxdq2UulSo9RkIyX8neGNAokB+XGwbxNeu3ltEJwvYzYfojZirdS4E6/jyEH9kuYtPL+rBJQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221116102301","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221116102301","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221116102301","@chakra-ui/system":"2.3.3","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221116102301_1668594228387_0.9847695384379043","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116103758":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221116103758","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221116103758","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"08adf48e4b08b791bc15a82ecf9a5c1ccfac14c6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221116103758.tgz","fileCount":6,"integrity":"sha512-a1eUPN/cNV2M4JNxioL0Gg7sI/LWmN338RpBeeFkhF+ize66uDDI6B5lk4HPt2cWfr+gOGzcIgj8BDcdnY5bcw==","signatures":[{"sig":"MEUCIQDE9dfkLsM8e79+dZ1Fl6sepnLsTlOVcPNtVjTzdB5NYgIgZlm6u69+wxlQEZM+yH/KjrwoM/qonChj0z5xDeMl0JY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdL24ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqH4w//apxaoKy5ZNsBL5rSFddJ0g2fqg8vqTqc0+Hh2S19sCNEpuXz\r\nYpCdfzSTI3dZldG2DaQenh8JA6uzgWxSWNqP6bpgmpxScUWob30RC9slabCC\r\n68mR0aA8i/hpO5qkj5pZXtlYCuWwYe8R03Hnk34PsmH6X5uGh9BOtlzlHG82\r\nHIuR/kqgSr85g+5EoI+YiWZd51jXeWU+12HldjE7UDsGG1YarNDDuwGPrcSM\r\nuW7R/TzbUzC3voSiYWLpUYH9CVCqkiVw2LID4A9y26jzNS0Bnc1WHnQD4n+a\r\nc9Y2A2BX1iP69a3uHU07evggGbSnyCEJIhYTex1952Rgcoq2DTEmF7zYYhxd\r\nqJnSqjZY3ULLboTJG9sFELYs5Ulfhizqwj8ShuufoAxiTd2eGnzkowDusyKZ\r\nuPnQr6HL4x2kj3ZZufRK7QHnOR4Vd9HbGn0G3S1CWyY7qTiPP7q/UtPjcYZz\r\nfRVf1r+25w+ZfCoo17vcKTmKRFKtn9DBEIYqCS7Y2UeTlfiZeNCCd7N975H9\r\nz9JBdjKW/PxVWS4pNFAt4+eoxqBAiuPY2Re3+PR65iz/1ZMcQ459DeaKcic2\r\nrmDxS3zNWbO0vgZUZNwV+9/tQ3G/Uk/IMsLm2hYKSb5m35rb54g9B80y7Pz6\r\nL9nHZkZ5E31IVi4K9fwQ0/YbziQtB4KI3ek=\r\n=4w9M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221116103758.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cf02308ca689ddd4ff9ed32f51b72b5c/chakra-ui-accordion-0.0.0-dev-20221116103758.tgz","_integrity":"sha512-a1eUPN/cNV2M4JNxioL0Gg7sI/LWmN338RpBeeFkhF+ize66uDDI6B5lk4HPt2cWfr+gOGzcIgj8BDcdnY5bcw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221116103758","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221116103758","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221116103758","@chakra-ui/system":"0.0.0-dev-20221116103758","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221116103758"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221116103758_1668595128656_0.5955563072465322","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116105413":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221116105413","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221116105413","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2a13c801b46b7b4271f9f2456ba32fde59b61023","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221116105413.tgz","fileCount":6,"integrity":"sha512-G9TJv9JzZIQwHnXky/6W9aLSWpEINspvZcfVAgIOVvzLazmAEi6qUkmtpqIFmTCOGb7ZeveOsgleXAPqIUJPmw==","signatures":[{"sig":"MEYCIQCzV/y+3QIXvpxR2EopETMTWnkiBq2Zmv1kdFuJo6UxvgIhAM2U4KHiwsHr+mYXLzxWP2kRw4+7Za9AS/ELZxVDkEOJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdMGIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJig//aW668sYYKxhYLaFe9Y4TG5gHlnfxO1qvCavEzOIOub8M6T6E\r\nTgssS6SpHICGNmIDD3PKBBklFNGj978gsQ+cnAPrIAlcTiLE+sU168BaRPG8\r\njBXao9EDg7ZQyMx4ULse8ZkMNWLXkVLiv7VLHP3DS9MaKN0C5cpdliG/IEUK\r\n49a9jqzW50S5He9Mtj39S1jmlpR40bdLFJT80PDgVGsu4+nqoe3DarNqAKWT\r\nNaLdE1zICt4Z0r/HMR3TzWmZJaNjtWz+c0VfBjDjeQQUhLE5CgZZbABYDb60\r\nR9NaAAclFP6R1gNtM7mKNlwWFzUl/l6yx2Eg1mc3gIcBx6zruLheXhtXxeEs\r\nYYqATabCAuWKkdggbjPoMD54nqfwbFLjIbWA9256sBO0mOxk6uvIvcRvNIM3\r\nJZF51sTtJU7/WPhGYWOQYed92rzRPP8EQCZmSHkgQoOz7IOmwokBkKdeWVB5\r\nGPRSEb7gAqmod7WjbgVoXvMOchR2SIEdoLwgB5HSNOb3PeaQk+rx3f9MEyI8\r\nyAtnsBEch3xLQyZL/efFckik99MbOBMGaaJfAA8YlySEBrgacrvATMDsQzNW\r\nKz4pwcbbmeMUlBq4Ke6InwQSLKQgSHXmMTFtHdasPOlqd5hdX7XvZVIwYnL9\r\nNWSSrKpygqGCBi9NsmpYNDF9+V9wVM0Ayfo=\r\n=i4kU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221116105413.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/256702df49d645033185919dac74610c/chakra-ui-accordion-0.0.0-dev-20221116105413.tgz","_integrity":"sha512-G9TJv9JzZIQwHnXky/6W9aLSWpEINspvZcfVAgIOVvzLazmAEi6qUkmtpqIFmTCOGb7ZeveOsgleXAPqIUJPmw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221116105413","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221116105413","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221116105413","@chakra-ui/system":"0.0.0-dev-20221116105413","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221116105413"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221116105413_1668596104676_0.516841884742048","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117065458":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221117065458","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221117065458","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f12277c62e4d834da011b1cb9758132115024d82","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221117065458.tgz","fileCount":6,"integrity":"sha512-CeuR5k1KRot5c7lTEYqOPcsD+KPUjzazBjMUroa5cE2KeRn5aIGwPJLdxD78abPjS84xlsUZ5BD8NZ28L1iJfw==","signatures":[{"sig":"MEQCIGD8vM/GZHx1hQjam4haMryF5fOW67Yq0VoMZ+EskpCqAiBerJGsI+5FWWdhDdqdR++nMGeFt0sCqL8iOLNraP16ug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjddryACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRfw//QJfa4h9xel7q4GJcO/SZ24Cv6Z0n1ZqfjzxRmS7wSqQWQMh0\r\nf0lOFkNYa7voQC50OxeDqMpWHpNHgJp5A9zykdNdkaDql+HWUSsiWR8rwkr+\r\nuRkfn9hELQiL5H779npAby2RyFBOVnXtY0EbrWsK2yfLKnJz1WIGQa9p5O9B\r\nDXWyQcEVNEtKlcRSWgiiwGZWSYo/A0Y0UDUil644eZu8WvSLfTOpWf8tdYLI\r\nqWLKOoiOwkb9AW+P/NGkpPUt2PWaIzVhTJdCV0Zhktrni74redsGkYLwMzhX\r\n6pwXwmVZuTXKyDvAzq7W3VF2bvz/4f/DXTz8OFk7qaa5li0bRiZXJm3f1FJs\r\nDeoo/D88UR+NkGODXkBkRQiifUW0nkMcRBNQqDh6+n1xxVNZlUe4EQFEYHN+\r\nqzt4nuHe0iEhn1azt0ZQyhV0XICHESmTjZ/ISpzvZchD2pBSPSoPuK6P444U\r\n+kSnAHBd11KXN325RxoUJrLwPa3EuODkYe/l35xOTLaiFXC0AQCa/i5XcAdB\r\nJcpqYVGgnXYlI9LT/WoO6vtR0KC/Ery8pVjJeb9hAiRTFqAAomovusbOeaMS\r\ndjB/Ci0yvzsvTJ0eKCOnaQ93otZ9tippKHVoDhyUV9URWZdvI9CO92Li2wLk\r\nnySMmVz5tdWhGR2/DiIgAyr0rS6rx7qu8fA=\r\n=Y0yj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221117065458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/12013af47e59d47a809f616705191016/chakra-ui-accordion-0.0.0-dev-20221117065458.tgz","_integrity":"sha512-CeuR5k1KRot5c7lTEYqOPcsD+KPUjzazBjMUroa5cE2KeRn5aIGwPJLdxD78abPjS84xlsUZ5BD8NZ28L1iJfw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221117065458","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221117065458","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221117065458","@chakra-ui/system":"0.0.0-dev-20221117065458","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221117065458"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221117065458_1668668146761_0.37346509935099625","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117150258":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221117150258","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221117150258","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3532558db741a8f4fee212cdb809e48fd181dce1","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221117150258.tgz","fileCount":6,"integrity":"sha512-yqN3v5w5bOWMRj+Y5LtS0bHYMc4fFe6MHwdHHO2W+3QdEpuulg1geuYqqRxyRG/iP6qV5ZX1FFrqUiURroWeSg==","signatures":[{"sig":"MEUCIAk5WX30q+D5u43aWK/R6KJcYlCJ2pQt6a929OdIdFMqAiEAnMp1Zrcjadwsb8v8YQtXXxyy9IcOgu6v7dBN9sV0m8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdk1eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/6g/8CP7B6IjyFrwvHTBGwDdgilVJk+n0+6rLTm1Umj2o0vgBmF+b\r\nFJhgMe+tULKEXdeGXzIerA28aNmtXXK1Jg47O8WHswr8SzYlPPb38yoyoi48\r\nLIF4WrUl1Ki+kxvUlClhkLoO5Quf8gh72vYgMPPQtyuAC0jHkaLJIjJnk73U\r\nljB9QOXZiIv0d2/EhFLADjqYRrxy6oTXzQeee6x1bvrB/CB8Sc4BDJsNKr2u\r\nnZRWkYHh0v1510dwMYji1P25s3cPwNX+UaxxCaDEIyZPsqI1Xudst9FcFgKS\r\nms08rjm8FTWrPxp0BP+BAfCGgILd+L081mKPkQqyIfbHdhGH8pfBvREz0VvU\r\nLrfhlftEjNc0KydSDi3xw3EQefwF4XuhszEuN5/fE64dS8z+H9gUmeCWl3BX\r\nXHaEC1arlZib11ejVGNmZXitg6qRrcMsWERHpBDEd2toncbFuM09qEZzGatB\r\nxra+OY6Eox78lEcdwif6FaJ4SsL/MM6FIzYvlG44weECrVAEvnn2q/g0eNMC\r\nN4DDfKmaNUTrmadsMDvF/hgMfIn/YdD3ONLyn7DQNkwm/Fc52NHWO9C2oKAJ\r\nI9uqUjAWcDQpAYLlDXdk57AuorAbKPokRXhmkWLdVl58lQ7JpdY3xaAVbmho\r\nEjCn06xHytLU/Zg7wBwUaV45GuoWxBtmCnM=\r\n=9+PX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221117150258.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3ab66598395fb607d0e0ac05bf86fb70/chakra-ui-accordion-0.0.0-dev-20221117150258.tgz","_integrity":"sha512-yqN3v5w5bOWMRj+Y5LtS0bHYMc4fFe6MHwdHHO2W+3QdEpuulg1geuYqqRxyRG/iP6qV5ZX1FFrqUiURroWeSg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221117150258","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221117150258","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221117150258","@chakra-ui/system":"0.0.0-dev-20221117150258","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221117150258"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221117150258_1668697438268_0.5252375947565557","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122115819":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221122115819","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221122115819","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ddd91f0da142fd47c8e514624af6a009af59c9d2","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221122115819.tgz","fileCount":6,"integrity":"sha512-ePp2WAgESSHK+iVtPHc4W+NArJMGUJme4CDXzMgn+v/k569qIPMF20pLcLS+qOhH8o6h2E0AHZ9sCH7dhHB5Gg==","signatures":[{"sig":"MEUCIBRCz8AWXlOTrRuerlqUiNo3pBFc+L/6i0fhKeAPJPZDAiEAx4wE1Gpq7n3XuPvDNnDkTAyL67x6OcwfSuUwU9XsRbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfLmHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovfQ//UEP7swKY13rchRLRYXGmvpBZuyUgzDg0eMU0dxfZIg0g75/w\r\nAHMsmtUtj0jOzpKbQmYHDNHK8wN4M+nz6VRLIyTOgrXemcx2lMB5SilZ68kR\r\nnQZ/0Tcu9iHMpubJSL/8cGhe8FF56+fxoc1QJDHQqZpRJuuMUvl+jccPwtR2\r\nkHC4+bzedDUe+8TIRBO7WLGmEFY8KbADrp3M3Zcga112xR6u2MeaFmYUDJH9\r\nmuwI5B0GaF+PsQMk7JaMIJ9aJiQHACdI/uAnc4HauQC/DaKBMNl2OYeIL3W5\r\nOq7RfaQMYpEOYCWmKXjpzCBMBJ4yBUfIttoDT4epZoWWmyrPiQh1whATVmWG\r\nZMr3GvEei0WbKHjAg8cb7o3iEY10PTnTdMC/qWuYk6+ISIq1WhxU9WU+fJzl\r\nz4IhNHw0Pq1FKq6xXQUt0J4pKhGN4pzL1Z+oDoiEtAn2kZVa2x1nNP+Mu+XP\r\ncDZYn25EdsGNuXYfYZtEsUHMYuhWqCp0PIJfqnATps0T9BR5qxyHRnZB9opb\r\nqxAiTKWc//RUiTJ8EY7Vfee2vNjF8iHFwhMNTULfi8sYRGWQ8xYByuRp97N+\r\nCcmmsHEim5icHRTnZtw3d6y3sgNhYoLxMcexCWbg3Mj6IKNY3m3ufNvafF4t\r\nUrdAPyeeHeuKNbyh5agkOXV54Eg3yXKtRfM=\r\n=2Cwu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221122115819.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/438bf45f515ed722bb45185c97a43897/chakra-ui-accordion-0.0.0-dev-20221122115819.tgz","_integrity":"sha512-ePp2WAgESSHK+iVtPHc4W+NArJMGUJme4CDXzMgn+v/k569qIPMF20pLcLS+qOhH8o6h2E0AHZ9sCH7dhHB5Gg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221122115819","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221122115819","@chakra-ui/button":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221122115819","@chakra-ui/system":"0.0.0-dev-20221122115819","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221122115819"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221122115819_1669118342537_0.07670552080649595","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122135803":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221122135803","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221122135803","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7b3df5e687922b8c7d4caeec276af0150b6a87b4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221122135803.tgz","fileCount":6,"integrity":"sha512-k5CzEB3+ZkWRidQZbfgsjSMbdHk+7v9wyJp6IG3787bKRw1vl2ISfdAprDO4oHq3X57X1HzBvdnOOu2lJL+VQw==","signatures":[{"sig":"MEQCIBszaWWUYIFhdyRchi4qm5RN98heRGQ3R1r1gWjnu+ZfAiBXfqV12RuTAhddaljXp6dsCrpyF5zJpNlHgcDQmgM/1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfNWhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK/BAAiaRF5Dy1NoH1C4q37RKcskwGI3zevDblF/KBJ/xjNTwbxjiO\r\nhtA7pE5W+AHLMcib/rze4PuTcL2qtxWkLYM3QfoJ4pdmQFr4eRT3ZGk3egLS\r\nxWC8KarjBvm1OLBwtcP8EqW+wXQCO+zTGSw+njWdIi/20QXwful6XJXM2SoZ\r\niNOryKn1tRXvBtqpDFPzCgz4QwwVBdzqDXb07Ds8Pruzm67YJHUF9C41EA/r\r\niJ2Bin/WPlKJbYsWWkkdEWFpPPjuiWNB2xpAhUUXbMa7eth0s90p7MWwaap4\r\nu/12nlWGYKxIYnqdF09EL5iUlX3zUw9ctjlr0a38BTmMx4WUFK5/L4aikS4m\r\nkx9gqCs8CuBmHKBipH1AVjuipK0uV8nBqa1T4QIVpCur1qoPYkZ57yBmaMSt\r\nm/h8vCAJ+hymFJsPUaWe5dBVBfAR+GnuuENqW792eU9qCG3uVhO4RoFUvuox\r\nWpCUjCsOzS5t662/k0AXlOMqjtQq5Hw6e+6CntyloyDkUWVaVSj40au6ANul\r\nw81nmbKSUoyrKSRkMaViYf3uyQYkFd4e16eKYxculVTn+N1Ft3tHehfHIgS1\r\nyOaNfQJPyHL1C2ZEKgFi9Yh43afmP1whL59tnP1B20/NL0kpVJ1Y19SLI84J\r\nQTm+sFZGuBUF18sZ9uZCJOLeL33qqkPQu1s=\r\n=LnuS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221122135803.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/41219fc75caf0956419a173ff552c485/chakra-ui-accordion-0.0.0-dev-20221122135803.tgz","_integrity":"sha512-k5CzEB3+ZkWRidQZbfgsjSMbdHk+7v9wyJp6IG3787bKRw1vl2ISfdAprDO4oHq3X57X1HzBvdnOOu2lJL+VQw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221122135803","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221122135803","@chakra-ui/button":"0.0.0-dev-20221122135803","@chakra-ui/layout":"0.0.0-dev-20221122135803","@chakra-ui/system":"0.0.0-dev-20221122135803","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221122135803"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221122135803_1669125536925_0.09794752304648369","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123123308":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221123123308","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221123123308","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"796965ba39f84a3ec83155311b0a8860ab0cb5af","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221123123308.tgz","fileCount":6,"integrity":"sha512-8LsJPobTBbp0wbPOm8dSLJIGA5iuISeEfkbNM4B/ZP7RGhMOZUUZlA3rwgQ6v/mBUx2rcGSxsdKU39UYeCTneQ==","signatures":[{"sig":"MEUCIQCujKktPW3yBfzVc1ZBHEAf7Kk5noUNTwVOwDiPjEsA1QIgeYlridvBZH0/Cn24aikx6wmx7G8EUOa9b+thhDH0f0Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhM8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpT3w/9HDyows2KFOjrHZ9y+oPLd6qjHgt58UCTKIQM3IpR2pTgODSC\r\nGaBDPXHr0nU7LNHRmLpW/JnF5ei9wdX6u2XLhECtV9Zd+WZwTbZc491CdlZb\r\nATO7euofhpae8HoqRh3NnodrubFgs1ESSxf0JZwEFjmYk/SrPH/cBLNJE+iZ\r\nCvoY4tWTAI8yJzIj1h+sZ+CeA0FahmbfjNL+/frrwaIUWtgHdjGqpgAmL0cw\r\nOVSpbnJsjmKL0SI7dOcuBngmoC1JpIE4tdpeCPZ+vHATZIg/obHOF10aei4A\r\n+C8HxJHNvhah8VugBDFOpkXohV64/4Xry2iV6JCZ85e7JHjryuPrt9Kx34LA\r\nuDZaMPVFuXKHNiDMIKAO96usRY1FfjYfPJv2e7wxV4fJmydjnU5smYqwX/Hj\r\nTy1WuhynfaJo/lHq1f/GQPz5uMigCfqRZGX/p52//NzCORF3S1OH+5j1FLdR\r\nb24IwdqlTZ5EeyyOXaFmE3ONO9YRUgCt1nsEyeTr0O0lqNDd+E2AHk9t8R3G\r\n9HEg5NHeyCh3hJiAG7IHIyTxkTo1/QFaD76sqhK/blSJ7tNYguxZGPLNiMj2\r\nGhz4RHYrOwZa21ueTUu2BSRWgNDysnRmYk8LxPCRML94ltwBtyMkQ9pDrGf2\r\n9FzY//aOPLRuYh1KOQsHBS6M18/XAiNw7Z0=\r\n=tNtj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221123123308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d74cd7aa45a4ca43383c8e97f9e0dcd2/chakra-ui-accordion-0.0.0-dev-20221123123308.tgz","_integrity":"sha512-8LsJPobTBbp0wbPOm8dSLJIGA5iuISeEfkbNM4B/ZP7RGhMOZUUZlA3rwgQ6v/mBUx2rcGSxsdKU39UYeCTneQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221123123308","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221123123308","@chakra-ui/button":"0.0.0-dev-20221123123308","@chakra-ui/layout":"0.0.0-dev-20221123123308","@chakra-ui/system":"0.0.0-dev-20221123123308","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221123123308"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221123123308_1669206843864_0.3545827574670788","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123130515":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221123130515","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221123130515","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"949ee9d0159ac0bf5449135549e972220e391446","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221123130515.tgz","fileCount":6,"integrity":"sha512-Tj1k1/r9yHq0WS/jWneMlJVOcwIzxxIKeecINM6+mn1XGVAGq/VjH4GPWsoSuj91rHFqGqHoG17b5uphSWETpw==","signatures":[{"sig":"MEQCIB4/euYljm1pvyLEonsMOYgdywNfkvuE26hBr5QUUlY0AiBUU4JhSc+TT4v0IcYmWtdpNCbEy+yAkbYq3wY9VJcfiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhq1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEeA//ZkqIItVr6B7d22jxalqQYWaYAj2HEBiatMY92c6eRPS3vjnw\r\nWQo8xQjEkGc9L68orTo/fOH0ZInKnvLoYNapVmU9Gcnhx6qeQ1+542or+L7Y\r\nRD5Av73KBFqJljBT5Yc1cTtbn31oa0d+6pMYci3LLcBa6CltbZchW554CWEU\r\nXkfk18rQCt4F/YiwLYfChhzH93eVAXKlw5pqBKJywHcL7J6Ir4UmsFnzpU8Z\r\nbjZjFTBLvuc9ADQPONkPkEIz5D4JWMTXH2A0DmGzNlu4ru8DYQHsg2PYRMZ0\r\nUhs4uDBGBZQGR6Py90YZs+5554wt6bIHEh32HfA045VzUbMzMr+0L1lLAtOE\r\nUQnjyltBK/cxeykBzh9CGcUtnUMpAOD+96wbtI0NWxj5/WUZGcQBSrvKVYK/\r\nsmGGO4OX+AxmahR4bwbUZUEEGUezJvB5ug0yHYbu1DmSEuqwzNkSFQknMbeR\r\ncYtdu/WyiuR5KYaDXyVJbxeBSN2PNJsu/A8t+cNYI/u1Ca6+/MeFlco3i7wD\r\nfzWeUH7/xpCfxcJxq6aVODQAykHjeQAN2/QGhCXn3GxQL2np4rJaFYwxQzKn\r\n8WcrqttHkDrx86Pv1Co7KOoVfBZ74LRqpsfjAvakHDP32lK9Z1ILwoGPbfnf\r\nVw63Rd+E5LdXmll5NInTyYREY9FcMtK707o=\r\n=TulZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221123130515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/90a593b78bf9ddafc0881cf2e5d8b267/chakra-ui-accordion-0.0.0-dev-20221123130515.tgz","_integrity":"sha512-Tj1k1/r9yHq0WS/jWneMlJVOcwIzxxIKeecINM6+mn1XGVAGq/VjH4GPWsoSuj91rHFqGqHoG17b5uphSWETpw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221123130515","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221123130515","@chakra-ui/button":"0.0.0-dev-20221123130515","@chakra-ui/layout":"0.0.0-dev-20221123130515","@chakra-ui/system":"0.0.0-dev-20221123130515","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221123130515"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221123130515_1669208757469_0.09984072842277603","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124103928":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221124103928","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221124103928","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"024fc23e656658bf880c657707892a3b19e11461","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221124103928.tgz","fileCount":6,"integrity":"sha512-ozQGNA8wmgMM0t5t9gDNir+Rs4/W+vBDM4T402ifnUGly/LTqpqI3i5EAsLgkw9q2XDXTQpbtYI8iAem191SOA==","signatures":[{"sig":"MEUCIH37ZgM1my7caB1TtNabH9v7ZGjqFdSbN5w+XErqDyRhAiEA6QEn832rXHSfV99tg1rgmtkV4nKHJJSqfqUbLqGFPo4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0oJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqk1A/9GiuXkQ6Q0Mi9aJrNSVXUDiqXkhlUapK0vtGgp5ZAAXi61tqT\r\nFUPfYa7b3I24tZmT2OFHMwx/bjbwDJ6uSZqOz/mh9lTPgBvXxHTkfrlS1gWv\r\n/ojmDxxPAi0PpAqZ+nv5X6KdoM74XTsnH+5YtB49Bu6Bx7qttqo5efLr8dG6\r\nXge2BbJVQ7Lz/3hDVNIPtK2oDzZorqSO2Xf0i2qmt58ROLogq8tMNJgws/F+\r\nbVcA3up6MF8wC6iPzn1LngfhMKFcJMLg7VetJTcP+6f/35dRj7L5HubUNf7S\r\n1lg1ABSueK6Xj6VTjrtGjpZIO4toAwOwFdiGgZWfg+UgEahAABSJbLse93Ak\r\nnATe+L73q+vzofiio/KnvwhplLcPzz7TSOnzQoaOcVW0RO0EUGw0XT9CmFzC\r\niIoR2W+nX+t9oh8ujj19jpz5DI8oqFv3Fd9i8HAEBlFPgKm0HEPQNMRMRdn2\r\nPQXPxrLC04E9inw0vEoKoUw4PXd65yuYVMPcgAd+q4mHRPUM99soGwAHgun8\r\nlwWcPyCbLCM9uShWs/c48oiTSCXGHTab8wLM6TOtWlEMwjDElr7goH2LtHvK\r\no373AHurxR78IAGwpNp49QDNUdTtXO9Cxj1Lyx+ZEFYWPPQO18JH/Zo9wDSd\r\nakH4cSl78sDEKN2lsZZGFTVEX61Q7KTYroM=\r\n=FDa5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221124103928.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a0affed5e30e89078cb0c22d46e30c54/chakra-ui-accordion-0.0.0-dev-20221124103928.tgz","_integrity":"sha512-ozQGNA8wmgMM0t5t9gDNir+Rs4/W+vBDM4T402ifnUGly/LTqpqI3i5EAsLgkw9q2XDXTQpbtYI8iAem191SOA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221124103928","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221124103928","@chakra-ui/button":"0.0.0-dev-20221124103928","@chakra-ui/layout":"0.0.0-dev-20221124103928","@chakra-ui/system":"0.0.0-dev-20221124103928","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221124103928"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221124103928_1669286409171_0.10818136751181018","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124105520":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221124105520","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221124105520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c34116b6e278a003372253c95bb2cb38f48d7f2a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221124105520.tgz","fileCount":6,"integrity":"sha512-xgqWWAR0h/FnpRzMDnXW8kBwhPN8nmBgSHB7qt0JPvVCMXW/PvxMP/506BUU6l8JXvxfdwIB1vgO8rvZGh9oGQ==","signatures":[{"sig":"MEYCIQDzkaILqDJVS+X3Entg4FgMuravGd5E5yUTofpLIDmhwgIhAI5D50ixB+1ITGpw8X3PwFmMvrWDsgz3+U+SxUGgKrRg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf03JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDSw/8CrrMjlWoGEr7MHnIrJhvS4yYLQHPxztjh2Yh1rZ0OD/DOqkE\r\n7q7foTO9T6H8PNHoU+/ZNAZJNl9z96BMhQ+6bMEDMfa0KEoW05dMxSGL/iIY\r\nCDBl5vv2fcFaAai7TE4pST/7aYiIn84F7X+ADFIOpjClzHCi4H5YkzBCPPlh\r\nIf8YnK0PymeqWBEl3Ool3z+J7FhnFZVeK9fDqyPldzLRydpcunfEw8Hdv25C\r\nmLU6LvibnncTiBDovWuKMtXgzjIiaT0vr0YCsMpwuLXvyCu7LCNosYaq04Bc\r\nCottxHotNSFJI2nFDbaKH1R357e5Tcjuo4csdLIiNg3e87Z/jv6bwHZCJTmZ\r\nA7S38DwP4lJ/XDODwABLQtvj3T+VcJ4dd3huZqJyuVGCZexQ5ng5k9WFtKgq\r\nCPbV0WfDpmIbKv0m2QxqlyvpX7T8BKjqaj35NJIHVPAxhAbfcugfw92UUoNn\r\nTFUtx/g8i4YdQd+hNErJWl03LQYlOsXJInbL68P7Y3nlDyAHG9KpPXl6pBug\r\nGQ5SwzjcFHEWPy0td6LvLvFzTwLXm7hiqvFAbZJoEEmc6Gc3WqPlq5m6d9X6\r\n2VwephTpMTJ/ogtcwyz3v6Y1xsb0tZY5aXcDb9t8EfgB6px7dm/oomvv69gb\r\nHBv+4rVIx2uo7Xwfffb6PGXHBHjRcVffeFI=\r\n=D6E3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221124105520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/50022ef84ce91ea7e5d6e40ca97b4ba4/chakra-ui-accordion-0.0.0-dev-20221124105520.tgz","_integrity":"sha512-xgqWWAR0h/FnpRzMDnXW8kBwhPN8nmBgSHB7qt0JPvVCMXW/PvxMP/506BUU6l8JXvxfdwIB1vgO8rvZGh9oGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221124105520","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221124105520","@chakra-ui/button":"0.0.0-dev-20221124105520","@chakra-ui/layout":"0.0.0-dev-20221124105520","@chakra-ui/system":"0.0.0-dev-20221124105520","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221124105520"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221124105520_1669287369569_0.33937531597011716","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128164126":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221128164126","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221128164126","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3b45351a318482d9facad8ae51a627d646264275","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221128164126.tgz","fileCount":6,"integrity":"sha512-0gEWq8lh7SUs0vtYO02b6k1ultASYlyTpk8Mj16wTWwpETov8zkEesuRRmpzyt/wEFA+39La7e8psju6165Ytw==","signatures":[{"sig":"MEUCIQDOJE17k4uGGqinGQKNEBaSs+Wi3OeGZPM/qTxW/qjEPAIgUzKw3VZ2YT7+tke3rNFzrJ4zELW81875R6vxl5tlMUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOThACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0AQ//RpNf3StTX0it+xsKeJ49l2OygjtDEthgW703MM7qBSrWoTCQ\r\ni1BHz6luDC65rIUl1e8+a1zJqWWCeoXDNX1/KM08O5n8oOkZaxz7Fj/3OYAO\r\nNbaDc/DpVdj887XPG4m95PwAEKN5Bv8k/WwLwNmzCmQ1X/+bUZOlzChbMImK\r\nUpqv42psUFwKs5pX4VEmEKOQxArC9pbjEoNKUl2g57SaknJcs6o9nFQotdgA\r\nIE61AWmX+CVEpwSASwC/YBCP2oCeJSWj95PlaU/MnmjZFDLxqwW66fKfUYv3\r\n0CjCZOsqi9jy3TkGOpCckJR0BJymX8ckGLc5ckeFztISlSOQ4PKvmjsYWhmQ\r\nPm0q7iP8VMg/E3Qv+9V9sujDMgXGrtXg77RrSeiDE1WP3Gjs8BEVn8Gpxzct\r\nGIVgIgHMCP6LFfMsOdUOF2vAtuZ57fgyHamCLHg+X/sUnNXAPeaCK5BBdi31\r\nZ2RM2cygC84ZcYOslBOl7A+ecqfhRBTbMM0lIJeaf7U3RppQnvQITfc8Cw4u\r\nEs1ITnHuAymdDlWzpqOqweoyDzBZ5NYevPo1/GZr1awH2SrzVuS4bRofupmP\r\neraT8ME8VzX9QB/J5XJARwHWaQc54kYClmN8F2TtbCDgJCwtCTx5zqcOH8Jy\r\nUb/w7KDcvS9ZGO79SeR3+fzlrDNIFpPAnPo=\r\n=8DLb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221128164126.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/69b694c0f3514d8619165c9028327fe6/chakra-ui-accordion-0.0.0-dev-20221128164126.tgz","_integrity":"sha512-0gEWq8lh7SUs0vtYO02b6k1ultASYlyTpk8Mj16wTWwpETov8zkEesuRRmpzyt/wEFA+39La7e8psju6165Ytw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128164126","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221128164126","@chakra-ui/button":"0.0.0-dev-20221128164126","@chakra-ui/layout":"0.0.0-dev-20221128164126","@chakra-ui/system":"0.0.0-dev-20221128164126","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128164126"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221128164126_1669653729276_0.9567018224866433","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128182021":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221128182021","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221128182021","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d167fd5f68356457a208ad2556ba7dbed500ca3c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221128182021.tgz","fileCount":6,"integrity":"sha512-jVrvpceT2NTECWsyfcCNDWmpS8ujcw8orjRSaOfjmz/liUSIQfAbS3QhltYImQf0MGlasLMmjlf7IPSgQtG+Sw==","signatures":[{"sig":"MEUCIEtTv4KNkFZ8HYM5A5JM9lefnnB7MIHCZ4k85Or+l4X0AiEAwFEc4wLML9Kxt6YgkEEcEmlD71GFEFzK1hQuaay4O9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPwfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpjyw//V9pXe9ACGvY1WNlGfDSsCDO3lDocyZ4C3zOxA2I3kCfgKN+I\r\n+5M6y3DBogy+pgV3Agy+n1IGu8TniYc59L+mW0KwR8kQg0W+0x7JjZPbV4JO\r\nqDETbKfyMdyw+v1sOHviX/6n3lOr7YmfTskNEdGpW6mm/wn3fMqmiMjUOoPm\r\nrtq1BdsrL7EoYL2kzS10eyCVaQYntOKtvzWw5m9aV+MZvhN/2NGPJZXiXfmI\r\ncGPgEVuZKcVPPPUUsg0GzKRGMZ5XsOZcQFv6dBfMl/z8/wdnH3qwFvcOQpk8\r\njuF0qa93KACi92gf8gQ21thIGNgjGT1DcA2BpaQ90Q+HtQZKhEUC0eVZ7aWP\r\nA6JlE8XU9PY2kvPY4H7gLPbj8lWnfmEjVntwnyEIVevQyqGaY1fm7pUayzzC\r\n24fcWKC9NCJ0YETcYZf9ep5cpOakvWRuNcniciM/wcY56tgkzPwKKx8itowV\r\ng+jC6txvDcGTziiZZQUg/r/tzKr9qabgw4gnONwbKoe3ix6yfMZ/cZqjkuQX\r\ncUxZaSol6g3E7ynQs7T3JmrVlHBF8AMyTCQDwkBa2KLzuXHr4LQ/FsLIqFb6\r\ngkO9Gs5z63NDT0NN2yugZ7dVeMr2KPUisZ2hPfJTUxOAtsqLl49oha4kA4Ua\r\nGKB5dLqDAD2tCvbzYJrY+tzMk/p9j5JCFJY=\r\n=qw5A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221128182021.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e96d25aa265dfe9a3e73916054737a9b/chakra-ui-accordion-0.0.0-dev-20221128182021.tgz","_integrity":"sha512-jVrvpceT2NTECWsyfcCNDWmpS8ujcw8orjRSaOfjmz/liUSIQfAbS3QhltYImQf0MGlasLMmjlf7IPSgQtG+Sw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128182021","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221128182021","@chakra-ui/button":"0.0.0-dev-20221128182021","@chakra-ui/layout":"0.0.0-dev-20221128182021","@chakra-ui/system":"0.0.0-dev-20221128182021","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128182021"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221128182021_1669659679638_0.09317242165672912","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128183433":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221128183433","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221128183433","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"05cd362b9a6010798e965737746d579780d422e6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221128183433.tgz","fileCount":6,"integrity":"sha512-0A+F8j/3QA1DYYVdXVsC/lPKAkh4yyH0saU3xyZCKDFUBMaYLDnv29fn5QPMHOcFoDdq/d0uat/+WvS6l+MbQQ==","signatures":[{"sig":"MEUCIQDyw2naSljYHFMQrVcrqnzBmcNnEdFIZwRt0Qqulc0X6gIgPC5Qm5h/lLOytc6+ZEog0CkL4JKzVAXMNTPycvDDuro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhP9mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUXQ//X3Iu9Mm5II4Hdll7t2OxBp80WaJwUKqcHJbv6PQ5MuAu9x/Z\r\ndPvuaMiXVE62JoEVmpFRBQka/QswHl44wKJfBWtTdIMzGvarIzhHWirqfvjI\r\nj5XfUjcI/I6BxPv6f/WiqRtSLBzfuq/pzTWrHAoNJDZmwKCdE9TmhE0YNm5D\r\nLFicr9MX0QHdGOrBnTk84x+Tr6o6W/CPSkXj0ziTO0H2AZAkFV2YFqSMpAlT\r\nCD9X/+0VAPEgitl2VfgsDA24rSTn/ddN28MBBp92sXa8MZQ1eVCvcMEGGN/6\r\nghuSVPQUHpZdZ36QZ1/CC7XokIcqtn6/oDsat21jx9BdO58aEUKbfhQbkbnB\r\n0z9q0OrUu1N1Q/9/YQYEZXqSd0h1MQ+ClARBRT1ZmMoY3NjpN8J0AFOJKEdY\r\nC8UdduzJ6o2JeA5r1o+UkI1VpKjFqHWKayS3+EygdlEDNuZbOGkAQElOChdv\r\nYny3JJudzXelCf1a4g/uw2a3afNnND1iBiRJsBLa9YX/qv08HJxacVabrlRo\r\noJX+kZgVu5Yzs3MPSLSaTbUc6CjFfgOBjeEpBYJWgB0m09TsS/NahWRaxyNX\r\nUWB8t4JjqGf9Vbat2a3z63MRHi+FLfaxV2SF/sBIf0CJ7XHB2epiYGHUsgpy\r\nnRlEUJTgbPxaxVullW+5ZB8xrpLpAUrRlIo=\r\n=6k5C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221128183433.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/96bba34f94b05e58d5196fb632411f45/chakra-ui-accordion-0.0.0-dev-20221128183433.tgz","_integrity":"sha512-0A+F8j/3QA1DYYVdXVsC/lPKAkh4yyH0saU3xyZCKDFUBMaYLDnv29fn5QPMHOcFoDdq/d0uat/+WvS6l+MbQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128183433","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221128183433","@chakra-ui/button":"0.0.0-dev-20221128183433","@chakra-ui/layout":"0.0.0-dev-20221128183433","@chakra-ui/system":"0.0.0-dev-20221128183433","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128183433"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221128183433_1669660518495_0.9149333181669603","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128185230":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221128185230","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221128185230","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e489e64da08eb7da34981a56a9bdd3d19ad31d6","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221128185230.tgz","fileCount":6,"integrity":"sha512-x9CPafhxVvynO4RzS0eqV4Yw4sipBk9PSrUNrAMKkBGlzURaY5n24T9gCH+Bew7soZyDaQwweGrCWyBt+HOMog==","signatures":[{"sig":"MEUCIQCWh/6NdsW7B4o0mCD7BtcJl23XZ939cXl5W7/Kzn10BAIgOxmTQu5XubCmZc3//H7hhEw4elYu3S4lHSJg/EHk87k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQOYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6MRAAhvHZsXQbKNxwO55ZJcUpGdSb7eHmD3TxSjqaDBdN2mHmwW6d\r\nWYouq54uGoBAxViiUd1Aca/BmT40V1vQa1yAddP4p44wXLex7HpDsce1uNbg\r\nmOpkw5kh+ItfWL+H+2savyB0W652rmvOFrTvLkaemsRuyHtEcmCE0YXo3Bs6\r\nyruV65f93L31Acgywj0N7yIT5+G+xjVSkHhQwKxVy7CEoGr253Rn4IYGMdpi\r\nEjTQzakNi3049eGVFqv0jvkKBCfMSgOiRoUnEbWEJtQiN4Eyp8SSMN8//YPb\r\n2Tn4qD3LrVEHi63uGt1oNUFSfSe7S3PQ8DY7c//4iKAWlEDiU7PAQMlhCaZ7\r\ni5RcTg/G9DS1UWiEHex3mSczzRfTOfr4eT/wYIEedMSubNOHakFKzmQjF7BH\r\nOHdU25SsRrauMoVoWbaM3QiuhySK0kA6qpd7htfO+cBkXL2MG6ACPaFQa6T0\r\niBsdpAhIr+G9AgPMgHhdOoEr8mTWg26nWST93eEOkWLir1vlMaM28Gn7W6LC\r\nXFHgVnRrR/ZBASwGeV7GUVJkg+e5Sgjhg74W5mqqqXB61IHBUwEIGQ810JSK\r\nRy8Da9Ko8Zi/c+dFNyIDsWpbpNyMnXxxjV7mVX3KGoagJyaIP0YiLE+Euj0l\r\na0Q0E7vAWarecAbOxSKBZW6kb+qozRq3x00=\r\n=ouCa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20221128185230.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f76d06c270b53f1646bdc517a64280bb/chakra-ui-accordion-0.0.0-dev-20221128185230.tgz","_integrity":"sha512-x9CPafhxVvynO4RzS0eqV4Yw4sipBk9PSrUNrAMKkBGlzURaY5n24T9gCH+Bew7soZyDaQwweGrCWyBt+HOMog==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128185230","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221128185230","@chakra-ui/button":"0.0.0-dev-20221128185230","@chakra-ui/layout":"0.0.0-dev-20221128185230","@chakra-ui/system":"0.0.0-dev-20221128185230","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221128185230"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221128185230_1669661592493_0.5625244933111164","host":"s3://npm-registry-packages"}},"2.1.4":{"name":"@chakra-ui/accordion","version":"2.1.4","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a3eca38f8e52d5a5f4b9528fb9d269dcdcb035ac","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.4.tgz","fileCount":6,"integrity":"sha512-PQFW6kr+Bdru0DjKA8akC4BAz1VAJisLgo4TsJwjPO2gTS0zr99C+3bBs9uoDnjSJAf18/Q5zdXv11adA8n2XA==","signatures":[{"sig":"MEYCIQDYMzMA46qQuPta780xSbtwNqWK5jBSxFrpf3oBt3CcIAIhAJlAUCH7cAnkKO9n6CGeoDeDbK0LzB5JTQUdh3hJ/0uq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhaK6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn5A/+OZdSALJmBUdJhqYyubwRL9CZZoWIIYXebo8XQGq1gM9cgjZ7\r\nlLnSvR0G/TMi7tTsPzVUoexNdL/ch87ET1spMdjSIo3eppx8GeraRYAyOYLG\r\nXqlSGc0TCxmevuydhfLoiqY1cMqEo/2rCxOJrsHPUgTuN8TUeNn1z2ZYXLhI\r\nJscbHT81GoAZViTQoRg4ts0F+ZQveAmjr4MWZPUXHffkUCDGY68aikIiGrCP\r\nNE2d2j5BAniRK1jRmbmiSgyS8UntRnRtE3GagaiBwROJdGBo8ne9TJ9nZZGw\r\nvSbPpgIg+U5Ov2VtNYXxRq52w+uU9teYfmAxN8efSuwLCpQW+a5gHXP1Wkg7\r\n5TJi5W9B3dUE7w4jpomHDFbNSU5IVST4UmAen1JHRc8O8E0BYs1YZRxoXiCs\r\nThOVlNDvAdntzQ+3lx+bTtblxek+wUyGheKne4CpspMyLtXdFkunPtth2n/b\r\nAUB+NshRydv/KyYrpCtTRrKSr+trZy/795KnkP75VSYj+VkGdSNbOeW94DCN\r\n1Zsu0nxb1+Rjm6/21CgLGX7Kzvh5HOyCd32HpGBZWQaUQ54HvFfDeKEPSOfE\r\nx0r5PhqkNpvlPwXoctp3cxgVVR92u3Re6pccKyIYpDL8liUgp7mBuQy+HogC\r\nCbv3qR9Cvnociv7AuOYxHoXC28HoLcCIWtQ=\r\n=6zYd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-accordion-2.1.4.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3f7d849968efc9e0d8b1e14e5879b6d3/chakra-ui-accordion-2.1.4.tgz","_integrity":"sha512-PQFW6kr+Bdru0DjKA8akC4BAz1VAJisLgo4TsJwjPO2gTS0zr99C+3bBs9uoDnjSJAf18/Q5zdXv11adA8n2XA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"3.0.13","@chakra-ui/descendant":"3.0.11","@chakra-ui/transition":"2.0.12","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.4","@chakra-ui/button":"2.0.13","@chakra-ui/layout":"2.1.11","@chakra-ui/system":"2.3.4","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-disclosure":"2.0.6"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.4_1669702330088_0.8722104365053294","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20221223180742","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20221223180742","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"753595c962e31f005a48b1f31b02d1d891969fbb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20221223180742.tgz","fileCount":38,"integrity":"sha512-oCxZikLR9fHgVTFt2mSCNOfUWMGmNxdvIzquGIuKqWkpZbKLt/B+blm+UuA7DF4485gIo2i3zZ0mIWeSumNeAg==","signatures":[{"sig":"MEUCIQC/WCQAENMyVTEdfWBFzHLVcJ1dvoLelo7HBsCLF2rNbQIgKm8bNoYS+lmUqzeRMA+CdAuIJsKVC4/WEmzjkWraOEU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81779,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe6dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0iBAAk3CEQH1YBZe2GpPmWnleT7EVpQ/jts0A2161DOswG6vFjOQW\r\nfrFP4VsNGXZboYtTT8nqJ97uY/REn+jpfWU4kUw0r87FpNHalA227+QtoLUf\r\nqWYeIU5273cxZAM/+X85TNsWJTn2WuUc0iKeKdiSNmOkSYSKgFeZ8HJJcLDs\r\nc+wXX4pQOF7oQ1whmJ+PiZLb8VD26k4tr4c6AlaD/45rklGZI4Y3TaPbWLDf\r\nGb04tMs2DYdLPistdYYLeO+SN6a4kFYAvWg9zYGZ2mH69/+Wq+gzB03LB8rH\r\nXoJ3q1yHOH/32Y0ydq4SYV7hQqapX4rnJCoR2LlnVrulVc0BmaqapY5AxZSg\r\n2DDkblO6My80skRTJmKispMF1wWMfKoQv9QHfBXvby32cxcIDjIEfYyFeyE9\r\nDiV9gN4PMibr+gC6qWB8CZulBbG/BPipXFGdVluNHNHcPTw1N3+FzF5+oE0f\r\nzoMvIbUD9S/rfjH8VkvycDzeXUlwYvh16unbgJ7zzd+jmO0Mclrf95tOkkli\r\nmYUIEtzjMs0iAeVpMIGkEnb7A4xE1TZZGCdrdCyvEsmILIFaw/XsUZfS6hHg\r\nZ2sJVtee++yUUEXU/5jF6NVuMRB8JjgWgooTXu5uXJzTCGY6e/S6N8IaIJ+W\r\nMrbBQvPTDMrFF52Ni1xOXZpdhL67uMAAgkk=\r\n=sUWn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e58f652df3391d20b8877860c96894d8/chakra-ui-accordion-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-oCxZikLR9fHgVTFt2mSCNOfUWMGmNxdvIzquGIuKqWkpZbKLt/B+blm+UuA7DF4485gIo2i3zZ0mIWeSumNeAg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221223180742","@chakra-ui/descendant":"0.0.0-dev-20221223180742","@chakra-ui/transition":"0.0.0-dev-20221223180742","@chakra-ui/shared-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-context":"0.0.0-dev-20221223180742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221223180742","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221223180742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20221223180742","@chakra-ui/button":"0.0.0-dev-20221223180742","@chakra-ui/layout":"0.0.0-dev-20221223180742","@chakra-ui/system":"0.0.0-dev-20221223180742","@chakra-ui/react-use-disclosure":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20221223180742_1671818909687_0.6204918294232578","host":"s3://npm-registry-packages"}},"2.1.5":{"name":"@chakra-ui/accordion","version":"2.1.5","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"286f7ef6434a334d4b446bfef9abaee6be9c3901","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.5.tgz","fileCount":38,"integrity":"sha512-mxpcbnrbraYGNu/tmYC/Y0BNqM8jGXYygl4wzttlMSm8pXrhXApyv0bNBsU6zbBWqeyQE64R14N1ONl4i8CMkQ==","signatures":[{"sig":"MEYCIQD7eLZa4vRa279/ptIVFEtejXO/gtq723Fq1StCLAaWRQIhAN9fuIctU/1MYJen1GRzU+x+mDvP4s7JGwCagp0uFLEd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryXw/+NnN6u6wdtfXnJ2CTFgu/pyQjm5x7OiI7QfU5sYgMZzvf8RTl\r\njBIqqgmHMsJ57Brsc8L5QG5501EslQ+P2EHX5GyuyqnPL+Z6eM7BOn4FT/AA\r\n3auZa9XHpSdhr4QMWzUjP7FKhc/yRni2jCm3Xlc+YYrMk2C9Q5VJtHP5z5iy\r\nnSHwYxx63jAbuJU7IcA/FlLEqdhyQaGet63dfqqOGDYTaU4M0I8QN7bzy5ma\r\nhHosEZGB7qVnSS9v2ceck+JqB5XzdUxhx7DHBBksQbg+8h/5vNmMATiqae28\r\nvviCeyvIh97jiwhV3UrLFdf4b5MAfWpEidZaSkqonMgDnFn6c2blDa2fOSJq\r\nOByCZf2q3V3r9WbIGORysSejH3Fk50w20SiB2nJB0jVFCBWCqQu8/56h7n13\r\nXNSQ/+Vlg//F989Hw1znrDYeYn/B0vVrsFkiqYq1t1rm88dBzVv/1SZqqoyJ\r\n7UBZE7ygak+LwTGV3dXeGBd0Mqy3ZF14GpmSZWJ+c8QnLBXkAFigpwtI4rzY\r\nR7oddOu0X0Q+uiumIteDtHI5r+VujFT8sarmol2OOWBIcnnDnUfUABNLLTj8\r\nzSewYZ7L0ibRsQk0MpuleC1ChIiJlCD6qM/HtHMKhTLoxFTiXIdFUXApR8ik\r\na9M6bx/ErdUF42i5WTspg22AbPUw4Xl7K7E=\r\n=Cd2k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.5.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/628333659f80f8470eec64b768a0a8a1/chakra-ui-accordion-2.1.5.tgz","_integrity":"sha512-mxpcbnrbraYGNu/tmYC/Y0BNqM8jGXYygl4wzttlMSm8pXrhXApyv0bNBsU6zbBWqeyQE64R14N1ONl4i8CMkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"3.0.14","@chakra-ui/descendant":"3.0.12","@chakra-ui/transition":"2.0.13","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-controllable-state":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.6","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"2.3.6","@chakra-ui/react-use-disclosure":"2.0.7"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.5_1672060424416_0.3440295504760216","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230106083209":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230106083209","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230106083209","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6dcd0afb7af11603713d0c761cd8e6977b0e70f7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230106083209.tgz","fileCount":38,"integrity":"sha512-ryPqy0rcTTRlG9lEc0Fgut3EdqzFHm8QLBS20Fvx+eVVOYmsCVVS0cnP6igFhJUtXPPKLWZ/6Ix8iISX2Yw+Kg==","signatures":[{"sig":"MEUCIQCxj1z+fI9LqUPRGBW2aCtnUVJlfRMAqnZmzwgYn1WwXQIgf68O4lwLxAz0CGd56v10MOnUSto68P24wKxeOrUnd7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjt9zCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC5A/+P1aerF63x3xyAAK8bWxjJLOBfHWDEaNnH2ed6Hg/nQyC9nz+\r\n+9Xr3LE8eVyMyttLO/QOR0muTTLu/b9vD0+0emZ2Y8XFprF6iLHmz69xm1/5\r\n6rGfqGEIiVh1zScBD2rbkc5V9algGsHib4NNpchUNxObnQ1/mxjVWu4lxcWi\r\nSi+QUkomKxYMbZNyd83EZEzMa35d9VL0MVy130/U7D/iBeaE4LhC+kqMXQCw\r\nwaKBllS4VuMCy6ILO75jvD0vLwclKpMxF7S0tmU6wWEWQpx9cdFw7gVtqqOc\r\nN8HKyvbL7o0GRmArb7j9HpeFgKQvuGFjxjv2mex3GOa8e1Mpria+nazs6jFS\r\nBX+YC4EG4c9IvQ8kEbRtdA/q8XkPMt4WXsrnba6Ud9d+EBbmJe+S8iiWQb0H\r\nJfVzk0GYAhkECCFqssfctTThIRc+F+iZvlP9Nx12uTcwxTW3XYPkC1cVfv/H\r\nuMvaPopE4Qx9jp2ReQq3sda2by3FXODAu75jZ6fcl/gr5tHNPeBuUknaknd+\r\nUfUTlA2kH+l1nzb63pEihx2tz/PM0rQEeTfAPLi5/DSweIuhLqIypLFgORZK\r\n4gsKrgYW3PScmJamBYDD6iIxfWgRw1k9UCeQrdmfyvVRjBz/zbT+x7HrzJGP\r\nBHDtTeljfQqgytw655agPRrwmVUD8c6csf4=\r\n=Zj6o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230106083209.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5479779bc9ae9f63e33d538753922afa/chakra-ui-accordion-0.0.0-dev-20230106083209.tgz","_integrity":"sha512-ryPqy0rcTTRlG9lEc0Fgut3EdqzFHm8QLBS20Fvx+eVVOYmsCVVS0cnP6igFhJUtXPPKLWZ/6Ix8iISX2Yw+Kg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230106083209","@chakra-ui/descendant":"3.0.12","@chakra-ui/transition":"2.0.13","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-controllable-state":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230106083209","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"0.0.0-dev-20230106083209","@chakra-ui/system":"0.0.0-dev-20230106083209","@chakra-ui/react-use-disclosure":"2.0.7"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230106083209"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230106083209_1672993985845_0.9643613094532222","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111055325":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230111055325","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230111055325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9f5c3717db48d01fef0d6f50f68a646f311aeefd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230111055325.tgz","fileCount":38,"integrity":"sha512-UOHJ9svPof61smON/pX5hO/FHZnr6F7av2Ld9HF85DvzmLDpKtKBmr2pMBmldlOBr8dkeE+oM6UVwNZIQBs5Sg==","signatures":[{"sig":"MEYCIQC8+dknADi7YBlcAbqlkFWNKPteHJDkw2o9b0VidL2pUQIhAPTXFk6Y0zLefmifZqnbRyNOUOKVoks/9Xt2E7H4iwpn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvk8GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwmQ/+M+2u7fTWMoZvStKXw+f4bl4YpH3/Sgfvk21D1f6VU1ZbF01D\r\n4bOUEo98v5EgqcC4RF+vbczO5eKTahACgIDfgckH4XGIpBgQXE0dy1nM4rxP\r\n9rBiHyIEPl4dA/CTy0MyyzX1f5EvUMa4CxXD2uDuHZ/s3+VH5oDTV5sgCBzj\r\nKKML0+Zv+KTZ6v1iMV+Zgk7hizJ4pZ+3pGRSXkM1cU7uySPPBpC/FEhBwpdl\r\n3oLKUnHEVr3xAU5IsnJ2SKPFDPsGtzcpBvjYSjBSpcPzzeJu5QaJVAIdm9sF\r\nSitK3daJtDdZ9MYS8BB9ATOLd4EW1sISA1Fq6AyHPcobE702WG7VuF+oSJ1K\r\nLzP3x7dzC2pMreEC7PRtLPYNwORbF99zbaQPnkIOfOVnkhBpShkvnpKMf+Pb\r\n2vanzKq+J1WEEeZlxTE1CngGnMayzSGfVekU3J3pEV4mX9TOe7L8ODJOKTGh\r\nQJKSNkqT3sIlNj0YD83XB5EYW1k8XUOT3AuRuR1D6tkMYpNApMK9EdV8l3uK\r\nCnpTSEx/rn9bAy/EGjlrXZSc3L8xLOvmFI93FAHjiPmDGuqYD0T7wbW/V6xL\r\nDR17c3JqbB+lXDOoKqn+dLzKmfV/N+F+Ap+tPipI4d5egfBi5O2QOS7XH+PB\r\noneGJzH146/8qnmNFiOs2N/68DPcJQjEvJA=\r\n=f/YJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230111055325.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f2e85dcb08457bfd3ed2a0c5c1341f8c/chakra-ui-accordion-0.0.0-dev-20230111055325.tgz","_integrity":"sha512-UOHJ9svPof61smON/pX5hO/FHZnr6F7av2Ld9HF85DvzmLDpKtKBmr2pMBmldlOBr8dkeE+oM6UVwNZIQBs5Sg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230111055325","@chakra-ui/descendant":"3.0.12","@chakra-ui/transition":"2.0.13","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-controllable-state":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230111055325","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"0.0.0-dev-20230111055325","@chakra-ui/system":"0.0.0-dev-20230111055325","@chakra-ui/react-use-disclosure":"2.0.7"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230111055325"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230111055325_1673416454645_0.5867796788270505","host":"s3://npm-registry-packages"}},"2.1.6":{"name":"@chakra-ui/accordion","version":"2.1.6","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b8d6d8890eb57e31bcf4858829ce2fb3559ab3b0","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.6.tgz","fileCount":38,"integrity":"sha512-C4JHxg9V2Y+MiuXO06x6o5pRBz0jWSb8BgWHrz9/5Zrm5zcoxenB7lHP4QiTF0vx/ZCSf0vari7gLVvM93klbA==","signatures":[{"sig":"MEUCIQCY7lM6EeXrb4apTAePZrzsv0a6x0MoISp5sI9L5UgQ6AIgaCzy+T5bl+UEv/riHonqRVMGh7j9XCKSprAOJvbVtSU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvmXZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3bQ/8DaFljyKikqitkikTw8hPueeWxR+RxkAJr1FOHKe75KVPSUp/\r\nSMJoo7s+1zLzXuZpbdfqWdyydTdU9DXA1FmzPwQ7wIaTpDrm7BgfeRzq74pt\r\nXphjuaHnEvxuNOTTw/SbOPoK8HVFBuTXtLTPY/V9y2kp1WChJqSkjhF7Dayz\r\n9bJJRLGxrmMFFzhsXeTRbL+YSwsw1vNOS7rwK8k2Z/lT/8eyAZRwRflkUKqK\r\n3hwBVJz9GX6C1L0cL9xJtiphpQTIejcT0415n2pish/gt/WxsiGhRGU/oGBP\r\nUKlXQVqTRkCoDH4PFK26BW7PMjq2seZdN2A1+Qc7ivkx917KOJBgqkl/Ksgr\r\nWT5+UKPDeVrzonMDVUfHGkF7v8Bt/J6nk1WynCQm+0Gf67ZafLUNslrrRv8n\r\naxzPDjXmBuXewnhLTrMyhcofpIm+IdcIBAksn0BbXdskwXZMjQz7gbNvFyQS\r\nqr4OGtdQoLhwfwDb3LKdibI61A/nayLK1ZYZLa9Tvg/9GAyYcUpb4YlPSnV7\r\n/lNBYWiqO7FUvAjPZOAZwgROXqVLglgKBlH+nuJQhyuTkMvifir89jTPKhs2\r\n9Gv89pXcwUZj2yd5bhmCa0TqJQZvTYQBSSA5uCQSwOJiIQBBfEGmE04qoAFF\r\nJhi3GsSYC90YOdEla7UKwDDrCWmrfemFS1o=\r\n=OL8Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.6.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/06dc32083018a2f9a34d9683bf8cfd14/chakra-ui-accordion-2.1.6.tgz","_integrity":"sha512-C4JHxg9V2Y+MiuXO06x6o5pRBz0jWSb8BgWHrz9/5Zrm5zcoxenB7lHP4QiTF0vx/ZCSf0vari7gLVvM93klbA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"3.0.15","@chakra-ui/descendant":"3.0.12","@chakra-ui/transition":"2.0.13","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-controllable-state":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.7","@chakra-ui/button":"2.0.14","@chakra-ui/layout":"2.1.13","@chakra-ui/system":"2.3.8","@chakra-ui/react-use-disclosure":"2.0.7"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.6_1673422297598_0.23064994242372583","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230111211417","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230111211417","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"897b53b9114bb973d222bff4fe2d7482208b4355","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230111211417.tgz","fileCount":38,"integrity":"sha512-FxTov0MQkHSMHCsllQ6/AwzPetMH23PfFTUoidsI2JecIi5MOxtVsAVQfux3Bz4DrPrkQAizwJ15kmJpm6EVJg==","signatures":[{"sig":"MEUCIGRgNfvkyh7sdr8Nh14Ggp7E0o4xC77ZSZ03dgJZ7vPlAiEA6OtgL+kDaShk6p4e7qKjRh+OJcu2nyShITkMrjp1wjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvybbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrwbw/+LbOVAG+EYUKmy3AK0wrR36zDhL+FZLaqxcYdk6fA4uOCbiWC\r\nBh6Ne/8tPhKkq0gEIHwOWpn0G6/cwkKsH/09c7TA/VnRyNg2LOi/t7RuDp3+\r\nasSbZEv9P4nmQcmf4B1e25Xi2QwJBTtfcjrpPAiZNoKEuWMcfg0r8vLzfIYD\r\nfpyjo2kbXMMZ3RFjzH23hIrhcfgV+bsSW5qBhuIrZRDwxmHoNNoqxI+ohq3H\r\n56TXcmmGR1qVG8KuR+d0t47U/rEGYJPkE8C11BT6Ey0JQDHjwRGGSyxZ1/Pq\r\nKyZ+GBHS+1exqplPwWhxwmW41MkaWl7XLTqYOzYO8lcqAmrjmJ1EcRP2z/7D\r\nWMPlzqPZ0w2vh+O6WPEr8tdZqCjMy5QLzyHfgt4iam12JJdIROF3dHFKAMq6\r\nU5kjN92PmOLAWk/THUhJCI7E4wmnPw0F/YPQMdn0yBHtTuwlkBgmG9hAgtsw\r\nXAKb7SAK7ZKHhlNdlLpTB1XlEGkcxUwNU4BdfgXRL3TAbc8JkiYQW8cqJMqh\r\nBshWh7A+ZWdNj39mcligx2VAyUYkIkhhknhyMrbjJ11TJiqNBR6ETxxd7kAI\r\nLVE2XdoHloW60uT07U/BAoZ/AHVarbxk1FUTAw9ODFp4kWq863jouAnTO+Qr\r\nsp3uLqlGZTp1I6u9X/31K+K77cYBx5excR0=\r\n=1G4y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cb40416355442a70eea6cf8d09a0fb76/chakra-ui-accordion-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-FxTov0MQkHSMHCsllQ6/AwzPetMH23PfFTUoidsI2JecIi5MOxtVsAVQfux3Bz4DrPrkQAizwJ15kmJpm6EVJg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230111211417","@chakra-ui/descendant":"0.0.0-dev-20230111211417","@chakra-ui/transition":"0.0.0-dev-20230111211417","@chakra-ui/shared-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-context":"0.0.0-dev-20230111211417","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230111211417","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230111211417"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230111211417","@chakra-ui/button":"0.0.0-dev-20230111211417","@chakra-ui/layout":"0.0.0-dev-20230111211417","@chakra-ui/system":"0.0.0-dev-20230111211417","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230111211417_1673471706927_0.9661795153179094","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230112113621","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230112113621","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5354bc80d56d030907f31142b00696cc5749319d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230112113621.tgz","fileCount":38,"integrity":"sha512-ir/8f8nBpHrTQDO+WC4c9wsdwQzD1+ZsJuGzm30qfj6M+YP3IigyvJIkWuTNPcgKEVkiAqUbSdY5DPw1CRHO8w==","signatures":[{"sig":"MEQCIFkKRJ2LV73CFVH/kS5KY35D0JKWXBW+xizNeZREEMi6AiBSmnmkl7k1DbAn2jy4mZVbS7vkAK6XDWslLSU2FGNhKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/DjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3WRAAgXDLXIRvBac9J7s6ODJ2Mwk34qbcwUejI87PsK9TLjN4Nx7s\r\nl9qBTHau5oxwtXZpxHNTHhYEB+gDkOfWbkymkuCKzLltIhaU1+AQzXId4tqJ\r\nFj9gCiXldnUUm7fc9SNe6AESh344E0fqaIVt6Q1mUxy+j2MqhNcdxblbTicP\r\n7BMVb0iE1m5rRw3W2TpLXrW5KtYO4/+PJ5n3xVGkZJcjAnLr/S77QfVVy9ht\r\nPyjBYWZJKt8B17d1tgWtBqp3omRY/AgyS1aqtNtg1A3mOsRMiOMjugG/UQ/i\r\ngV1KAVY1sgiMOdJ7oGS5qcbhtUd2DSh+jdD4l9QzqXPGsIAZ4SFjAsTXMMbA\r\nadkAzTl0l23Q6Ms43gGBbY+OkWVbkdqn3y3H1ARg1grr9iEQHW60fCRU/MiZ\r\nib5JGKWcKbDnbDlQAvoQ6AN6qhiM5Q1smQYecV2X1JrRsADxLThjo9RvX0uc\r\nHmy2vknxFR9xHHm8YpRZLy6OOz31toM4gNF7nYH10ruunJT5d+HcuOBxJvvj\r\nQqjVosv3s50rOiHTDRW0T+baaiFdpOjvXdFUuQLfpYPHx82DFXT2KAsKtHTI\r\nOzC3Bfkb9xGru6kDh8+XOXetaUemvVl6jQj/bZRJfZ4P1+LV4BBdk0uhfvNw\r\n90/BgCWjF6ZEQoAai76GprftK0p01v4XDR0=\r\n=LhYp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c6a21e0cab4cf5ee84f20636ea48e9d7/chakra-ui-accordion-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-ir/8f8nBpHrTQDO+WC4c9wsdwQzD1+ZsJuGzm30qfj6M+YP3IigyvJIkWuTNPcgKEVkiAqUbSdY5DPw1CRHO8w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.2","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112113621","@chakra-ui/descendant":"0.0.0-dev-20230112113621","@chakra-ui/transition":"0.0.0-dev-20230112113621","@chakra-ui/shared-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-context":"0.0.0-dev-20230112113621","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112113621","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112113621"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112113621","@chakra-ui/button":"0.0.0-dev-20230112113621","@chakra-ui/layout":"0.0.0-dev-20230112113621","@chakra-ui/system":"0.0.0-dev-20230112113621","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230112113621_1673523427739_0.3549437193648719","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230112141201","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230112141201","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4afd458ea9330a543b40764001c9cf5037decfbe","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230112141201.tgz","fileCount":38,"integrity":"sha512-K+ZbvU9uU9tFy05mmBxYN/an13/GhN+CQzIRg/IqerLWsJTdBLjp9Oe39ZVgLgC/fKKiP1dOYYQttp9NP9L3rg==","signatures":[{"sig":"MEQCICNLFz1IujUKg/M+0T+a9vrtderLnsZFvnM92vzvb+ekAiBpkAX5fVgpjV4clVoE+EsWiMApPx/nU+bVAe1nDALngg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBV0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhMw//ZSsZrtxJU0z/EgzdpXt37bboQc/XrWM9ojfT67+X7lr+D+lD\r\nMkJ+AHuK96aCu1ncWKXm7MFcwfxW8yl0wWxpNj0BwI2SxU9B+n1imXfcgIiT\r\nLHU3pYeZcvhf9p3uqdQXVgmqMdVnuqOfmGdDgt1TDj2OcuXxVBO033ko3C4l\r\niSDVfWyKYeGDuFP4DO1Q5UFVZg/lqDKnRfYjr+2BfkANCdTlxfTmION6Y2uq\r\ndI522z5U1DRZv2IXe7GmQDbk/s47GUNAnl28mY6Gq7XXwbnI7fOlkzmvRT2H\r\nSNc6/Qkz5CC+jzgM4blUnj1w+69vlBD2yjbUi3J2/YsfrrpU047vaxsNn0h4\r\niaS32t0TdGopO+lwYOi84GEj1dT4yCsFROCWEQKPxUcU5YFPJgP46dOSxclj\r\nimPQC5dN9USCSUef9uh7PbMeMGj2n3s4DU3L+QNg+ZCVT8AI73CuOBGTYhS5\r\nYqFgybIghtSqHawz/2mqA7IZkRHV2UojUaTgazisdCxnDOW1RrnGaqNTTK3E\r\nV2XFITQEPSAc88+yMc8zqFovDNfCeiQoIHdstyhPcX/T/BLgRYkKbv9m8tAW\r\ndy2SliIeeiuCY9gLspsH9Cyi280QBtVKMuHkzljz5smW/5bvvdhv7jZWDzWx\r\naX8Qi0EeqWqWpEwQ5+4v7oXBOCP6OR5C9lE=\r\n=y0BI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/09973520d7ae6552d3470e8d8455fba4/chakra-ui-accordion-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-K+ZbvU9uU9tFy05mmBxYN/an13/GhN+CQzIRg/IqerLWsJTdBLjp9Oe39ZVgLgC/fKKiP1dOYYQttp9NP9L3rg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112141201","@chakra-ui/descendant":"0.0.0-dev-20230112141201","@chakra-ui/transition":"0.0.0-dev-20230112141201","@chakra-ui/shared-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-context":"0.0.0-dev-20230112141201","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112141201","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112141201"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112141201","@chakra-ui/button":"0.0.0-dev-20230112141201","@chakra-ui/layout":"0.0.0-dev-20230112141201","@chakra-ui/system":"0.0.0-dev-20230112141201","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230112141201_1673532788447_0.8968192776403554","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230112143332","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230112143332","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e88b646b5747bfd5da85bb491d1b77c564d0eda4","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230112143332.tgz","fileCount":38,"integrity":"sha512-JWcenwPLn0gbYzPqfZDWB06vJX9V2RX/saPw7fj3lluiT8SPE659xOz5qUJk6nQR/SCGoWYL5dboaQbAcfmKCw==","signatures":[{"sig":"MEQCIGsbEti086iOHF9yIrVKZ0/D5FUGOPUZiDPUG5EdpQH1AiAJMsbRP4cqdBSzsT5C88NLui2nJDnB93cbi3xR4or4rg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGDQ/+NAkHNaMmFQnxiHRwJS+eoURdjhlZn8OcX3PLsU3v6QkAJop2\r\nf/GYPg6KReg6HEqgWMRBViRVoSP3G79G2R21T4k/iEk03b5y6TmPgHiA7P3m\r\nvDqGe5ifTD2SLHGMfEejaVf3+RfjJ/d2mFOufTLyh6OJk3//XCXEq5+bwmzW\r\nWT96mNgR4Wb2vhZufOtDcrdt20+ZN0QaTOrOdap2cYlNf0jo2YZA84J24GNQ\r\n29R6uD/EBXqdMiAduGpe1OeGuwUJfAtF+FVipPMwnjnnByQ/kV61xf/408OK\r\ns2elkkWrWZisMw2BWCoPeYhYeGlF+uCDqg3rum1k/5VwpVyuW2Y+XPORrPZj\r\nii3RelX98e5/oUtXOVmpTujpFIk17OFetqq1PAoICyDlubEhH2jkUTt2fOxm\r\nvmueefsfRxBkIOt7gL6Kq7u4dOHookXoj73adx37rgfh33XGBNYpxh2177YT\r\nHFbkk3XC4jz2sCBDhYUXbmudrVY6soEAUt+MWm6X1ucWZKy16OMCBrjzERJd\r\np2OcJOQ/6KQPEs7VZUW84UtNA1WdUlS89lbVyGG1zuyOaxLWxEJLNEMvt+bF\r\n/wVjKHok/l0k+361KCJtSfAhUEtAEKJqtOQab8nqcp6wfyohOiRasWXxeHe1\r\nNgaCUP7T0l0jN5i2Upb0mDbzv91+gaexfXw=\r\n=VdsY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/43a9c75b5283a09eb2838089ebd9ae74/chakra-ui-accordion-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-JWcenwPLn0gbYzPqfZDWB06vJX9V2RX/saPw7fj3lluiT8SPE659xOz5qUJk6nQR/SCGoWYL5dboaQbAcfmKCw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112143332","@chakra-ui/descendant":"0.0.0-dev-20230112143332","@chakra-ui/transition":"0.0.0-dev-20230112143332","@chakra-ui/shared-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-context":"0.0.0-dev-20230112143332","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112143332","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112143332"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112143332","@chakra-ui/button":"0.0.0-dev-20230112143332","@chakra-ui/layout":"0.0.0-dev-20230112143332","@chakra-ui/system":"0.0.0-dev-20230112143332","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230112143332_1673534070414_0.6457134317529585","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230112145104","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230112145104","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1320832e375abfe5a0c13e24a873dfea3acde303","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230112145104.tgz","fileCount":38,"integrity":"sha512-bZktZs32TAX2UFaMLFH/E36jh72bOXEv0rQXukqY33RVRYrM+RK/Qu12W2E5TlQeZ+k9Ty8t3wzEra2ezH+YyQ==","signatures":[{"sig":"MEQCIHm/XqxN9CazVpH5+gQ1hkX8UB3f035/1mWO9UNICXlbAiBxW+NNq/ZtFt8c/JFTbn7QF5apPTbqJISfiGw9IuM1EQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZJA//aGWLavPhBUsewkyKUynmXZ/ddQhZ0RB75z1bxbeQFOdBa+GH\r\nN9HOnbK17Vh7Gsp/81BTHZ2eLwnyqAhdyZZH6ZeCpDCi+TRTyaZHeOk88ws0\r\nZdUNYgwh20yIDp/XY9La0bGTCfOniiC/c0jDgKv4wKzuo60h1OL34Kv88Pf8\r\nsDQCIbm91rUiylmkjB/hWW1j/XJqcjpWN9px3O8KNkdXlFppILX5CS+QcGq+\r\n1dgxiQ3E9gfoCCSlf/6cT3lC4n4nVkSVBJUvW8Zqx7njiSmEEtaTJCxMkUDj\r\nKK2QtC9qEWHM295x9UbWfjNzYrJxYl6FbwzjeWIChihz9D3/BaqhvsUtPV3u\r\na1s/qe5UNHtKIUl49V6w0AsDBOtOBIdcFT09e6e3vcr/f4y62vL/vGQF8tW0\r\nMcPvymdgFZc6bRww3JXj46VaeqaFlCV3wqL/sVJXkq5yDpfy1+xUaE3RutE7\r\njw5lP7QSCiTtKnrD438vHmlRtX84Ba5YwLJKtigJLQYwLIdOXtGEdeNaiQoX\r\nzlEMCWceOZBUYHKVHJRwMP2CLZoGp3ONTmVJnv1dLnmp1gcb/RIAKJnRAvFO\r\nKS0nzz98dkZQdLDx6KGCIi68g8fttB54oqXkYfVvwsFoYbzoMx/ODhciHnkO\r\n1YsPHcFvjAnePGqB1v/LbCJSOd3gqTwu5HA=\r\n=jKJz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/615a1482b3cf21e40d8358485ad570b5/chakra-ui-accordion-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-bZktZs32TAX2UFaMLFH/E36jh72bOXEv0rQXukqY33RVRYrM+RK/Qu12W2E5TlQeZ+k9Ty8t3wzEra2ezH+YyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112145104","@chakra-ui/descendant":"0.0.0-dev-20230112145104","@chakra-ui/transition":"0.0.0-dev-20230112145104","@chakra-ui/shared-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-context":"0.0.0-dev-20230112145104","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112145104","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112145104"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112145104","@chakra-ui/button":"0.0.0-dev-20230112145104","@chakra-ui/layout":"0.0.0-dev-20230112145104","@chakra-ui/system":"0.0.0-dev-20230112145104","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230112145104_1673535110417_0.8574921382719285","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230112152756","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230112152756","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"087bbe608ee84cc11b1226f4509d599f22ce0404","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230112152756.tgz","fileCount":38,"integrity":"sha512-JOJRcXKEZMSLYUg7WVP95P8peg66e8FWLbONKYf3XI6BDlcyO+azd492pSYAoqEQVeP3UDaLJOx7IIftJTcXiA==","signatures":[{"sig":"MEUCIQDJ65pIc0cZIJyJwg8/uMvCuvh92lMrk/c8alv4YZHHWwIgGYKyVUzyLRsA2OSiUqBZXFl893KMTj8QJJJE61z6bUA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCcuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmPBAApBQaDmWLN7+gKy30+jE7u9HzfWFapxG+BPc2+cUcOgXKHs4+\r\naxaNW9uFrR71SyFgLMlIO8Q5oLk5ZazQ9b2MvVfTIRL2jZMcqfwv+qxvvm16\r\n9M3JFJDLrLwoYrXADZCjLaunx6LxiO5TEIr6RGN9RtJOfDy0sAtoeppHB7Vo\r\nv0A6fIxedYXkgOvMXFLtg4ZVRG7j80V1WtusglwucltVoMQWBhqVK4gq+ru8\r\nZPZBwmQfdmVOzAx0jTZqAxy3lvzRZRq9vr1y4CDz1eM1MxhDwSjIaOy1Hc/C\r\n7C9f3JUCpKO8Qgho7sbyDdr+6VwiYfmyNYuFzBbkxQz0W5fy10gRJFgK2pAG\r\nvGRROHATPL/mlW0dyeO7msfoES/q+UVjIHU+36Db46Rc9Po4dqMOdOUdGMZe\r\ngsna8FaVrqCxeiBxYIxyAYHXXTiLW6u68uxmtJ1HkTwzTfJVXMT+qrFahBJM\r\nIQxjaT8OUEHjvRcMNDZvLcVLl/1fpVKRE7y0TA8zFcURCmgI5Iikcgk0Zxo9\r\nNL1nf92P4s8RPz45y/v0MT9Pn1Z+khvb5W2WpDVUqWc84aw4QN9twTrVe0ZJ\r\nhFZErzMs3XOoAsx3VCUMrzlh8GwWBCSgKRLsdjRligf5ghpzsAaDEdwXgAzX\r\nnvDGAWRxG8XmZP0HTJf+bP2dXIsKgOGXVA4=\r\n=31d9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/aabe6231affb97f141798975907dce0d/chakra-ui-accordion-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-JOJRcXKEZMSLYUg7WVP95P8peg66e8FWLbONKYf3XI6BDlcyO+azd492pSYAoqEQVeP3UDaLJOx7IIftJTcXiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112152756","@chakra-ui/descendant":"0.0.0-dev-20230112152756","@chakra-ui/transition":"0.0.0-dev-20230112152756","@chakra-ui/shared-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-context":"0.0.0-dev-20230112152756","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112152756","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112152756"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112152756","@chakra-ui/button":"0.0.0-dev-20230112152756","@chakra-ui/layout":"0.0.0-dev-20230112152756","@chakra-ui/system":"0.0.0-dev-20230112152756","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230112152756_1673537326381_0.09416940024404785","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230112154520","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230112154520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"97d5ee1fa26f45fab7daa064dfdeb128172169d3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230112154520.tgz","fileCount":38,"integrity":"sha512-XxZ1RiHJaPmolsHpGyPIzmBpNzVkWepGbkVJ/+6OhV0GWBZRIxLBknmocXHc0gsvz5WOOfDmFYZUorVy8DSVSw==","signatures":[{"sig":"MEYCIQCB1upuvlnNljOeN7PdbHbRB8yCCfrvKgEfV1DO9OgQqAIhAKgVXSKZdZytDPgsB30ysTfUNSRLtDQCzvZhU805+e9F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCs/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvKQ//aB0FFn++BZTw/JnRtk2udW1FZUqBpmJ0dvuKMrDFfnYB+WSX\r\nSgSU8JKx8YFeeqsFUjQy3MVh5IZvYQnT8+rphmf9qRBOK+pRirVUM7gC/GDA\r\nTZPmOe4VGCbAmpJuARIvinJEpVJSsvy8mXK4EoK/JdOz/NHR+RecFvY/rWog\r\nYRAgyqTA0Sqjvs78YEFOruHH1hrR2ILE0ASQFinN97v6tLgjmzexE59kzPFI\r\n07x3F/jSw/c0i/3SXez1Ecdge5zGUGzuwv2RFCd8lPtBpdVOvmYmCeJW5ZBA\r\nRUnwZKDCWb0vmtFqK7VnCSGKNHCOmSG8VCrd08oDbn/l3dRMz8EsjWYGPHeP\r\nfsYGKRWK3bW+qMS7EyHTDgK1Wa3otYsOGaf3qT+q0FZZF506JBXG2dSXtePl\r\nCWj95FW5Jlh0d2DVzXn6pGCr33IulhdnbQrQnn4AqAWIC+wSwP8FIUW5evxi\r\nBVokf2yZsuitFKFaGXHXeguyYVcI7U51x/SlAbtHOzUA7c7oZTkiFVkbZLD7\r\nT6DVWMAOLWxvU1BRLS9Lw1uWozzh1RDzNnTZgEgEtqOSqDqfw2fJy9dJSI19\r\nVG9gqid3gI6hReSb7hoX0Zm23JIMHgTQubyERwtEpEHlE0wsK5OQDXIriCBt\r\nLwpT83OTxyErjejU9Erl4h4YcRQpZzMsRpE=\r\n=37E0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/70cb5ce99477ac65bb799490ae537eae/chakra-ui-accordion-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-XxZ1RiHJaPmolsHpGyPIzmBpNzVkWepGbkVJ/+6OhV0GWBZRIxLBknmocXHc0gsvz5WOOfDmFYZUorVy8DSVSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112154520","@chakra-ui/descendant":"0.0.0-dev-20230112154520","@chakra-ui/transition":"0.0.0-dev-20230112154520","@chakra-ui/shared-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-context":"0.0.0-dev-20230112154520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112154520","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112154520"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112154520","@chakra-ui/button":"0.0.0-dev-20230112154520","@chakra-ui/layout":"0.0.0-dev-20230112154520","@chakra-ui/system":"0.0.0-dev-20230112154520","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230112154520_1673538367357_0.46099740734384054","host":"s3://npm-registry-packages"}},"2.1.7":{"name":"@chakra-ui/accordion","version":"2.1.7","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e0bf3da9defd52d65c6e3782ac8dd02ddbf19f7c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.7.tgz","fileCount":38,"integrity":"sha512-cptoRz/WkoSq20sL0BgWymHGjsJT6gFawdfdUW8mRlIDjlulKT2Imrn+YoKkiyqncohrQIVc4JiPYuZpy2pMRQ==","signatures":[{"sig":"MEUCIQCklYUyjLE9zt7EhWfrbiJe2Xd3g0eH6vVbK5BpAWu58AIgDS74OYqLCLU4EAiO44dor/vrikk7W4NhRJ/s2ofv00U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprhQ/9Gc1BJlh+a9zNE7N0OCAdOzwdvPkEoqoR73k3WhBn/wUVHbzs\r\nSP7n+Mivb1bg1Q4fVp1gywbHO7szKW8LJXnmEDArKpXAqdG3tJ8Npry+8Oi7\r\nO/UX86QN0EQvcOJhrotnyjdc7fQjyVzOQvEa0WNC3O87eAk+VRdE1/gnpK5p\r\nVX/Y52twAurs1OmJb2ogI8ldBi9SiTb78blYSE89jmZ17+ciyYWkwfZpW4PW\r\n7eYGiogoZhWZrnX23nZMHuBHa4RnUP/KxK0gcbm/KwSesXAz1rnOCzDCObdC\r\nL9sV2ySpQ9AG8ulvPISJByBDQlu73Uwh/JvDrJ1q0iyD7uMpGMj7LjAZVnxJ\r\nhAB4Vdig4p1aHTJtByn5sv14o9PsWw/iySFEBAGBqNH3KVQHrWZnbYU+eO0r\r\neB7meWHODQ5CLYYOl9fhIVlrGLP/TCuPAnIOR+Zai3QZLdCWhscwoZ6xf7q1\r\n+HvJyjIJFMMNgFdxlQsly+aTmbm+ygjtmY/tt2jLpSE8aBswUZ5I1wjUFl76\r\npk4a6mr9ezgTJR8Be+AHJJI+R6rNhJe90TSh+P25lA+ETUPgO2H8cmDvlzPR\r\nLLnpwRDoolWBOQ+gTddQeAxnIbAXxbgWn3WZAbKI8HjphZU94dku/1duweiA\r\nJm7fPHTLhjFOEVisiXHLDD3MelgTAFXX+Yc=\r\n=Yrcv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.7.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/164da6f83bfa60075eec128756d65458/chakra-ui-accordion-2.1.7.tgz","_integrity":"sha512-cptoRz/WkoSq20sL0BgWymHGjsJT6gFawdfdUW8mRlIDjlulKT2Imrn+YoKkiyqncohrQIVc4JiPYuZpy2pMRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.14","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230112160451","@chakra-ui/button":"2.0.15","@chakra-ui/layout":"2.1.14","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.7_1673539535007_0.18952468968259817","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230116120206","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230116120206","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cf0036b88ec1276be40829dcc512c72bd6b98bd7","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230116120206.tgz","fileCount":38,"integrity":"sha512-mvCT7vRVbFz13W3KY0kozehqU64CCe5k+R1n2NPzmgVhd74sMUAiiKCyaQmjBYAc7a2OcrwAuoxzEtzy6+bnBg==","signatures":[{"sig":"MEUCIQCrW/jhrO8hxZBp8dLB0YbxyK4omq2FLk2IsbkQVu/j4wIgQ837VdBJOv7pJFkV6uTIQKEkDPLJ1JpteFHkQXhOAck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxTzsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBQw//cPPJX4aSI6+WF+j68BSENFOinRov7zhkH3j7Nd4yy1Uy9oA7\r\nOcEOaF6cSe/SNS4mDEb31gUZgNvTKKbr/qQH5OVaQoUz5JF+UPfCdAQ6jheb\r\ngL73fHk63whZw82IvOU2/VeBzcez4se73brjcJV2MPK8+m5CPDi29fbZBSl/\r\nKazdQRAxWJAxFE0s13Ha7khtRJPxKKlFYoGKk2PGzfvZJmvSYXurwB8cWokM\r\nPhf45Zb815+Mzvnh+M3R8tJKJdnOCErS/aT6htuGU6BP3rFp3sSGWo1CzdGR\r\nYU3lJI+fKERxfc0jNxO1EvzqMsjs2ukvgB97x/QIwtCQdsSzg2U9jIXG1SKH\r\n4acd72prFIkvWcK1DhgWxXgzesrlwoQF7/oSAl8pC1FOCvajdYBXT8R4q6ZU\r\nfFiing2jpBEKOXoVYGCvzBZ2WMERIStUl5xze1Ic4T6OvUEBJ94bprdvViC5\r\nQuugsi6QCQqyQQoKHVdQYYFIF8S20W0Z3n6h2sm8KSFpgywmUWQfUDrQm0hs\r\nGXYcUzZKnAwBYtwNk6YwSwomxVTn6NYequmkv9s9VqrMOQyfqz0iA0swXcdB\r\nMyC8NgaqicKdXnq630kwPnmhv4gj2wF5QVHMdcLBJs1sAPUL1hAd8iZ8VQ1m\r\n9mMwvU1uciz66G/eirKtIvbwDo1NUUMxxMg=\r\n=wKwE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2e8890b2f796f37c9ca0b58447c83da7/chakra-ui-accordion-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-mvCT7vRVbFz13W3KY0kozehqU64CCe5k+R1n2NPzmgVhd74sMUAiiKCyaQmjBYAc7a2OcrwAuoxzEtzy6+bnBg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"0.0.0-dev-20230116120206","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230116120206","@chakra-ui/button":"0.0.0-dev-20230116120206","@chakra-ui/layout":"0.0.0-dev-20230116120206","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230116120206_1673870572110_0.17456474952879164","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230116122157","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230116122157","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b2db9e7df1369948dca9f3a79d493a70f946bd4e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230116122157.tgz","fileCount":38,"integrity":"sha512-JJ4suyeAyRBVjNqaa9MC4yqn3n/CtHcjYAYciUVMh7wcXe9NHMBlXXao8m4pM2e+rY5+oVlPAJfh7frtE5Lefw==","signatures":[{"sig":"MEUCIQCsuwGcj6hwuXm8Ruaz0VIpLWMjcAHNMAs70xuXgMKSUgIgddmb7+UsbQRa5L5wrGK/9vJPNWPzf3aTWScy6URDoZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUGbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohSg//W64ttO8CjEaCj8wBA5UF/HFx26yxTBrqhft9AMeyFjOHAP2P\r\ny3BQkipT8eZjFs/mN8bH2ypWqfFcVU65+VSWzdWJWS2Z2VufYtOuvD48CkA4\r\nM6nm6hzqOWJXRliietl0WjdSV1vZF9d2uPe0JCaKs5jI9yK0UxAAjNGGaLY3\r\nWhDBzNszb2BAlUaFCGckIzqGqxvbURVl8IvWsif/0xONq50O1CNyfJiPGPO4\r\n6tNZjqPpzgDjsjKaS7QvtJK/6jWzgqgtxgSo1oaheDXKuYj4TIN+LOXCm1Jf\r\nSdwLDe2jzaBpXjZgxIoDV59JNHdGo27lAmL+1+KptXoBZjjgHM86Z0Bzw8y/\r\n2dx32JoEF5a0lJ3dhrDH+gw+Te+h3EF1mc7H837VU9PcjsIRN/OTxqMSQ97Z\r\n2n4OR0noyZPGi1/b5aURff6pXv7YnRBBLTXzW7+vTlPaupcMptgEZpLh0dJl\r\n1JyWZeZBG26dmzPVSJLBaY3ATz9y4vzY7k+XKE99lDWR8mSR8XQKHVfo01dB\r\nbD0IUPZ4Qk/76QqhAnB0/gblHuGwrQI/fQ4Sdz4u8CAFbLJQSjYGukkch5Qv\r\nzqj+0e9YKVLcqddXfbg+KUz7dv0oAa1C+a7Y7Jn/7rlWS4iAGcCyvIa9YzXo\r\nLUIPDP8JIinmnTKlhMlDKRlF6WX9mEYg2yo=\r\n=ZSwn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f1c227afb334fd1282799498d72b405c/chakra-ui-accordion-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-JJ4suyeAyRBVjNqaa9MC4yqn3n/CtHcjYAYciUVMh7wcXe9NHMBlXXao8m4pM2e+rY5+oVlPAJfh7frtE5Lefw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"0.0.0-dev-20230116122157","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230116122157","@chakra-ui/button":"0.0.0-dev-20230116122157","@chakra-ui/layout":"0.0.0-dev-20230116122157","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230116122157_1673871771622_0.6352201704644131","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230116124502","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230116124502","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"24b5b9fe2bd2f1d925a59c246389bb40cff4a5d9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230116124502.tgz","fileCount":38,"integrity":"sha512-5atmy3LJYKz2xwArglbsf7LNzkRiafLwoMm5lMtSB51Ez86P+ZZioHKqmKyyiI4xWFFK6+PCGf5u11WP9hhjFg==","signatures":[{"sig":"MEUCIQDHhfFaEcRBg+g1iUsLyPSHhFAuNcAB+WM7vIDsJXohdgIgBQGiHoW0xm6NhNvNrZ+jAtaokIKZ2g+SixvSNP9RDn0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUb7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUoQ/9E2t/vGaNFNQ/3fzQX1XNqoEG2v8YvUnpMwlBClkOfjt65Hkc\r\nAy0AkYnxq681wDi/mKX8P096EwaKjDBzLur2dLgp57X9fROWVatZhu4gUnhD\r\nsaEj+eDIquiegtjNxq7CcgTXJhEOzKilii93bbuDWMX+99jmYuRcy+5TqR+Z\r\nNi36kQTYe/d+34hEZUAzFMLGz+UGaUqBdAGTf/dIm2zBiz0S5t7d364P+nBn\r\nEGMJQ6EBr80eb2K9A+EgdsceZGr3r5RoXDv/PN+j5fnYV9yPlBz7h1+WK2fz\r\niV/jpfIDGHeqIv/sT3khGXUnC7wUp0KZneoUjN0hvyODoMPdvc7Oaud+JayH\r\nw5f9Va+tOUAnI9rstZ+25wy8Wn+Jv6CwifJEBju/NfWpyeJVzmkyNyAJr//4\r\numEjL2EzUHeVL6h3oK/y+Gwdgmq7Eu654bB0FSIoD+Q/hleikTRH4swLkF8c\r\nB3Bab2EFyBaXvvbva2B/cUsWvLV9AMVwB3aLGb/3SCVXIa9f7UG7HFhRiMR7\r\nCTN/SB3FbrdbOCE06I0IIYdQDMP8Bl+aeOvmN26XKNRk6xNtIl2wVuPX3IeG\r\nzXyGwpsgKXUDyUfl2p7F26uuYPsNcbXwlKus5Kg0ajQ2oz+snKY+XppQsHgJ\r\nfNKfUQje9lCvsudCrruKNS3d/NfolXn1nbs=\r\n=kng7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ba52f272c7b13c6a3545bc50ec3f2cce/chakra-ui-accordion-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-5atmy3LJYKz2xwArglbsf7LNzkRiafLwoMm5lMtSB51Ez86P+ZZioHKqmKyyiI4xWFFK6+PCGf5u11WP9hhjFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"0.0.0-dev-20230116124502","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230116124502","@chakra-ui/button":"0.0.0-dev-20230116124502","@chakra-ui/layout":"0.0.0-dev-20230116124502","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230116124502_1673873146845_0.2698251391027382","host":"s3://npm-registry-packages"}},"2.1.8":{"name":"@chakra-ui/accordion","version":"2.1.8","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3f957f88c23b3b9a811363094ebf768afbebbcdf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.8.tgz","fileCount":38,"integrity":"sha512-RTXYhL85dUSVUEurDicxS76JaCXa/L4FYWPAxPSisbZtFvL+/gvoFMcGtT8ZRsJwFWaevmkD+57EmOYCWlLL1A==","signatures":[{"sig":"MEYCIQCOl/aP4PXsIIGcMze4qDug6fE3kTAClMdEGcZyNZ8xpgIhANRj4QwRGD1QjuBaSd3ic7CJB4cNdSX382wEtSEAcTIY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWgTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/gw//YKP3+/ceBiLppaafPxn5ZG/pIcCg6z+z4RviHEDWf/4G8L2d\r\nJZ62PzGVtLDcNjjuE9WCXQRb4sy8zGpzLiFSfxEKyWwfnsQPEkcstMSNvsRm\r\nxRQsT2Pd8+fDwNtiMsH7wILwE4Kg8iLIWj15Peeat7nnA7BekZV4Or53Wuy6\r\nWzCj9EV0+aUY2jRczZfEfjg/+mfDhpA6cBzM6vUpiIryghvZ/wwNDrUG3Ffg\r\nsMG9lGLgB5vhWX8eNEnUCoFRi0xGXMqGylT8fcGEHUhM95FALN78OVKmuAb9\r\n1IHqTBo5iURXuwbw6oQTgOlmc3ZbOhbfww3+XPDfCnih780NINgT9UuBxXgO\r\nbC5ufzTvoohl9FmLKRdw187mKpgzN7rF93HV8c+2PEM2vH+VgdfSs/JQHhm2\r\nBfs18XlaA88lQszf3RqpiFJg3kSt+ZwGUKDwALdLETn7j/BeLk2Wd8W21ycf\r\nZmQRtyUNPpHL2zGn8C7QPG187SsRvKUITYzaKv20uRS81dypHS8ypxHefhyy\r\nL3lON6fs9rUzPYxhynKSVVQNiR1CtFtSOokziJdY2nk4xeoWutjiR/VMCx/a\r\n7JegRphsFO8M/Z97/Qjwhw5iGwD5k8siKKzA5A1KnrqWp8ED0ckHIvMFsARM\r\nMjgFG/c+wtaCr/9KQPmV6DjL6MeKUV6tfUk=\r\n=M2Qn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.8.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c37941d93551040af3491d8217249b5f/chakra-ui-accordion-2.1.8.tgz","_integrity":"sha512-RTXYhL85dUSVUEurDicxS76JaCXa/L4FYWPAxPSisbZtFvL+/gvoFMcGtT8ZRsJwFWaevmkD+57EmOYCWlLL1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.8_1673881619339_0.11779744857173169","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230206143950":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230206143950","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230206143950","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b2a9ebabccd069e0d453b4cb9143aabdcca51fd3","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230206143950.tgz","fileCount":38,"integrity":"sha512-/4vkIql8fQUcnGdL51Y8oaxZVQYqLl517d8JKWS9oZHjWBdZAJ+bn0rLQ+S4nlyz/X1kpl+cZ+IUD4BlQurVSA==","signatures":[{"sig":"MEUCIC8n4ARhmCENxEMDnN8/uZr9ll1PGW9rfIMZJBm4powzAiEA9TxVpw9Wib6TrFNm+bwU92hMHpBlnRbEVJBbcpOoqt8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4RFeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo4w//eD/uhmokYl8e0JTd3noXS/y+OmgJ9QRZB67ISCmlKfNj1xSN\r\nkYFS6bqU8FCDvKbnQ8oTKpOzyFMuE5DyQgqBQxEj5wpPLQNn2swMAu1XSrwt\r\npgA2iSEY4bgW9WZXqSqgRuU8IY3/5NhcTfJiWGhI914HL60Q5bCKpXjV8f+u\r\nlh9z33Zo4SHeWVgsq/1B9ED7kBDXw32ht0yXPDigDlp4JszlLauQ+tMe576Y\r\nn8m3KTLsfzWA/QKEzqGObEGp9DVOfRzX6N3GHPI1ZjGH72u9KidOfZCx6hUr\r\nT5jrtzT1KdteyReWxbFyXWcwBOIemTt6p1mr14rSfhUuJ595NeEHs4cyHk6/\r\nlVUqsgexATpPHW/JAR0escTedwCwb+wnd1olKH7AAlFdU26qYf9y6khEJLTp\r\n1ZZMwQhWNpAXbVLVsKuzRX+WLggun6HS1jhKL3m9qLwRWLocoQA6s2MHXDYB\r\nRPUVHjP/TQJMBuXzIJBJxsFe7Oi3RVFbyYdqQOGojMJbFx4Mz1eDHuzIi+aD\r\nev994+K3r21OR3aps43vex7pUwcVcLxCDVikVdAygLNPNBzZxYTe0+JSz5Ev\r\n5I9L9zY6Yu5qemHL2EiNOawXKCVO5OietB3Z7lngiyWUosfkNr+LuP2/7Yq1\r\nUtN8qE+lYybAlHCW/TEfKDdzct7El1iCVHg=\r\n=TN4w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230206143950.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4db5a76372bc92973de0dda7d8066369/chakra-ui-accordion-0.0.0-dev-20230206143950.tgz","_integrity":"sha512-/4vkIql8fQUcnGdL51Y8oaxZVQYqLl517d8JKWS9oZHjWBdZAJ+bn0rLQ+S4nlyz/X1kpl+cZ+IUD4BlQurVSA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"0.0.0-dev-20230206143950","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230206143950"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230206143950_1675694430163_0.759015675275418","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230206161237":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230206161237","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230206161237","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"59cd0a98b221001b67cd85b1db23a7db50d46bec","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230206161237.tgz","fileCount":38,"integrity":"sha512-ddgCrH9QaKag0OCaBL92zKmrffx6OtvWF3WBH3ZLQHFZ6OD0I1acZniUS4fUALAxnDS1JzlNCQRn8i6K7Z+M2g==","signatures":[{"sig":"MEQCIFo9PhjKHcdArHn0eSgNwGDYKqFSEH7tP3HlCsXoY9S/AiA+1GwKKQ+NHvXgNd04NAAkH7CVsnDGPmd6hn3bZisDbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4ScfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrysw//ZIQO96e1JyDnarOvusZQnqCfWh5+E+Cxf3Dth8fenhSukeYy\r\n8Dg258CCKX++EtqfE46uXrUbYgYFGn0QILu2PQNnLTRSsHTill1S+CSDPZGp\r\nODoCOLE4u+1EZYh82UgcVTSr1qdB3n7DB1S3Z2oxyk0de+eHC82WdiulRVVG\r\njmE14Yd+EqWHHVvI4bCgAk/IdfLFzdQurfImslVrYeJzgek8wUoYw2zKS2J/\r\nVE4mRH9ILVhwfe5gCzql4/ljgV8+tgbft4EHP0QE7uGeemDBnDH2FKTLx5p1\r\nw8UzpcHlRLyVMNt4qZMgmduA6RCxSYDuhAgTJUjUpg6RS6PJQtI/M+xrdIoB\r\nORYd4GnTC8+RNCkvSJJHuaTa/+kxrcZTdOgFQkem/tOovRd2NM/XSrxoJmNe\r\nryUCxp7mZKUOY7gsHsumktUv8uB6sqsJamfJY3bMdY63XXp9Po/hmqm5rJKq\r\nAFS2iD5+o6ykWQ5KsZL62vFwKjY+s4Tq0uSPv/LKma02vCOmilDbBkynpznn\r\nFT/gjNk3qfkt6wRICRJEj3au7OWH+b6aHUciJwY6oXkaGdFRLmMuqQy14kzP\r\nyXy3KmBwBR7Q57UEG+tLaGny43D10ZZ0T98vvQ6pbQdv089+8LRvzTB22x5E\r\nkqk6vwRBKJ080egiMIIGBGPP6qT8BRlg5rI=\r\n=H+sk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230206161237.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/734c153269356535b487ea7870e4fddf/chakra-ui-accordion-0.0.0-dev-20230206161237.tgz","_integrity":"sha512-ddgCrH9QaKag0OCaBL92zKmrffx6OtvWF3WBH3ZLQHFZ6OD0I1acZniUS4fUALAxnDS1JzlNCQRn8i6K7Z+M2g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"0.0.0-dev-20230206161237","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230206161237"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230206161237_1675699999490_0.9192008901774993","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230206162801":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230206162801","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230206162801","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e3f25c418d616f83e5886a2f7cc869cc4fca7b4b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230206162801.tgz","fileCount":38,"integrity":"sha512-05QLN/6r0F8mGnLDftX4IqK4mWnt3v93ohXKsOboGPJXrsLUIf+uW2Qr2/1B41kQmOBeaZcvGBJJaQ7TxMKKhg==","signatures":[{"sig":"MEUCIQCfungfCeMtdNj6Ll/DalGtxVkL9CuWf4ASCPXve3/EoQIgCMarAikj40qP0tsTSZj1ZlxEI6dStEBXX8chDhL8Igk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4SrDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWKw//Vhf664FBfHZgiUQJh6BBaQ8xQ88jVQpjUeyyTnNXfkt4H+19\r\n4ZB0R2DmMTNL4l+G+TAmh2NdsWpgMI/qytctb6Dg6M7KFZ8Eh2273lFOE5PL\r\naJC2CfnzgYFsr2oYKMCeZ/1xrvnqcFO7eMsFbNThpT9K7aSdlqsokOsoEpgQ\r\nYs9b8Zs3VRlfrsymNJvznoh1B8jegHrCsVig+lK5U2Hl2J3keAVly1ZJ4F4u\r\n1LMe9Jw43jk/+O+uMju9SgKQ6hf4lShaPmeKzW+egdTaxwyAVRikx4S2tNWs\r\n+9TFv4iMgRdDMTRO35duTAVPNZiDo2oAwfYI+JQDqElGurJXYwG744K9lb/Y\r\nYj5z3xsN0N61FvD5UasHBNX+pcdTPhFHB+M7WgS91VYidoaWiwg0ot3wQTxc\r\nw4vNbZRccO+eYLx0Nz6EOrg1tacjrJX7igxyANMARm+ppYQbzZ2DocAmFHWi\r\nRmIGd4kFAyV3B8McQdIxyLBJ4ikm4tNTEfnGt1ywyz6f3OHivXDPFoyv34b6\r\nbw+D+iUObiqVkiVt2Z6ALMgqdzy8k6cIx4mkb3C/tLfxxwoSYUv2xwifG79K\r\ntJ0zHMJ71O7VtEMl420A0pdiBGNtbm5BM7sZQ/iaioDwkX3jY5tl29SIJ4zk\r\nDkpteCm6VfkUTQPnL9Gx+n1YRn6bj28+T+M=\r\n=E1xj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230206162801.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e51d3edc84b51f42bab4640acafea321/chakra-ui-accordion-0.0.0-dev-20230206162801.tgz","_integrity":"sha512-05QLN/6r0F8mGnLDftX4IqK4mWnt3v93ohXKsOboGPJXrsLUIf+uW2Qr2/1B41kQmOBeaZcvGBJJaQ7TxMKKhg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"0.0.0-dev-20230206162801","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230206162801"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230206162801_1675700931726_0.9360792826965392","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230207150933":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230207150933","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230207150933","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e3281210749fa5e5337d507ed49f4e27ed45cc38","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230207150933.tgz","fileCount":38,"integrity":"sha512-/6a0Qu2q9Z8yxcKSAxbvmR6Lm09q3BzYtVQbVA97VrOHWkY/6YxVi2ReczQnZwdD4AoMh4R+8OhUfIcUnn7xcg==","signatures":[{"sig":"MEQCIEnKwURNpqMOFoIAPsWboC8s/gnZt5Xu1ZIW8p8jLJkzAiB+HEv5kqAfnDVsPRcTcBPeMMoUazFelQZ2BkFKj0sk1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4mnXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlTA/+KO7aOc5bVrRMzTuBMLoEbz8KIkpj0Y8bsM/O8FIvosndSDd6\r\nrc2AlDmjxLBoUBkt6hjNItBY4k6W0+sXHQng/yT6V8sE4W57bmhmLMWGTC+y\r\nrAxyhWEoxxszFX85f9wRUcNOmJGdq0MU8Z33MlmJ0SCPtgdquu4sR6KolQ4G\r\n0dF/CGs8pXIYdwrPBarpQ1SmTD5cEsB9kyUx26c5Mp+yCJLCLHzZVnsjoG46\r\nLO4Qrtd0vGRGuaGtqyZwR78wJu79ZZ5egVTA48eIP4T/HqHmCQ5m1Y2705L5\r\nKR/P3nenRKvuCCJf2BOWO3DLXW3tB+7rv2m+OMDfyHbPAshOjPSrMoebVhB7\r\nLuj5+HOrnQYkXTRLJfohVmLSA37+sq+Fjh+qXixd1aSlUwW7+7Vl7brZbVYT\r\nABuD9p3nul0JNmd6OiHqFmCEIAU3t8ioQeqWhcYKUbxH/twesCTj1Wq9+oP5\r\npwxgnQHTZGZYPysLOR3jvPZgpITNoEBvsSVp0wfB52OCF29ngNcLAEgKQBBr\r\ncPCOCDukPG3Y7xcR5r0ga2zIrCNTSja/e5PRzsMW+zfavjAOJTNjvix/GS4r\r\n0fC65NHJ4sHBy6OtujRc2cBq2VHWwxlCDM25+oRj6QFPzKkzkOXGbb9/ILdW\r\nuDY+zDXA8ZiHBOG+5zUshKtltuAvGGiBmJI=\r\n=yzt/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230207150933.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fa57dabda5e0088da671f2f4cf4680fd/chakra-ui-accordion-0.0.0-dev-20230207150933.tgz","_integrity":"sha512-/6a0Qu2q9Z8yxcKSAxbvmR6Lm09q3BzYtVQbVA97VrOHWkY/6YxVi2ReczQnZwdD4AoMh4R+8OhUfIcUnn7xcg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"0.0.0-dev-20230207150933","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230207150933"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230207150933_1675782615592_0.6716635323783497","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230207153012":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230207153012","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230207153012","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1f27bd9f7c88357a1be7abfb10fe140ffec54f03","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230207153012.tgz","fileCount":38,"integrity":"sha512-iovYmatp+WdcQ2jAnA3tE6r5iG3t0haKvGv9n5JQ2CEwypPMitxP+d/GkLQ5ecxp3S1DtWxihd7MBfoCnlDjAA==","signatures":[{"sig":"MEUCIANOiwDbZvV0QBnA61gM3jIUthQToJNH1J1dsyl3ftAEAiEAqs9aSGnlqU+3kRt8fa4uq8C7MM9buspngfr/HrD2bQc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4m69ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpr4A/8CSc1yM5iniZV9gUnYYd0jHemzfV1EqPz3Qrq5z6PqCReF0v8\r\neYojVI7OvT3uQn1TmsWRbDfC8fuLVmn++AyumpfHPsQd7PcBd8IFEx6PT+wT\r\n90pCVs3kHduUkom4mRQJJzPI7KolwNsMhc5TY1b4icgQDcrklx0uZZ3y3x71\r\nBxDWX4m3GRtUpnM+Z3H/aXrHP3XH5pz8+2cig4S/x1DVWxX0vF9dqkIpHsef\r\nnja+Vhl1zXem/PXFtEHhG8uMCP8e+N3L4N5QAQFQNDdn59JvAZdvLpAmsKzq\r\ng8r8PBuyOFSLaIHF3M5mH2NjVArfyi3wn0Ws4jypHP4j5K/PX/K9q+kxliAR\r\n9+xHFPsPTsumZTtIvaf9QQ4JuS9eICNhaVpccpcjpkInpkAgSQI26x7z/Xsj\r\nhC1681FXtQiPCY8PaRuexyzvOUfhylIlTKbLaOSGMAhH/s0IvuhiHxWLlq5c\r\ng/6O3lPtcNaNS/ihLNRjV52RVR99q+BmGClamNHh2pRoUtpEUDbUj5hlM7YF\r\nUr/A3FY+uIRf03fhvIQgHBaXDXgXoR6UIyQtdTtYV0dlUx7WJFctPUG350Nh\r\neoxwycsZXFd3ABG8ujYBGEdpOnkt+XYZWvNHFiVxlIek5jJbgKFy2TQoDj59\r\n0meNX5IG4ufPpAlwvoqI+qtxkx7snEsesmg=\r\n=j9J8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230207153012.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f16dbee9c17df3488e20befa708ed32a/chakra-ui-accordion-0.0.0-dev-20230207153012.tgz","_integrity":"sha512-iovYmatp+WdcQ2jAnA3tE6r5iG3t0haKvGv9n5JQ2CEwypPMitxP+d/GkLQ5ecxp3S1DtWxihd7MBfoCnlDjAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"0.0.0-dev-20230207153012","@chakra-ui/system":"0.0.0-dev-20230207153012","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230207153012"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230207153012_1675783868945_0.8134149902408401","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230208112929":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230208112929","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230208112929","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f91881d758c04b561e3c86124dd8aa2e8cab4365","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230208112929.tgz","fileCount":38,"integrity":"sha512-+8EwGRiV77z/kAvgzovVE2sV7qfGNB/9bV48iiLhX4XMSAEgkLXzAXwpE6/BLQSWHUEQGX5ZH1z1ogXiP6zw3A==","signatures":[{"sig":"MEUCIQCYriIqQJzbt90ejvylrAWcpDxzP75d0ymebS4QFp13PgIgaDBIaW7W6wcW0b1/NW6UCxLn9JbuGW+BcYO+TXQFu50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj44fJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcRw//S53d/6Tg6R9tx7XhqE4roxIgFxmC92U9qUvfLLxHNaWq3la/\r\nXnAkZIF9QPh60t+WCANM3Dde1DxFBtdoOkGcY/2MOpf47+JroNkB7L1yWh1k\r\nd4dN7rcrTBfcuNEYPONucMzs1X1mqTHF2gL2RsHeUIgh1Q5ehOzd8A/5e113\r\n6L7Ey2wIzAG7z/bxp2Kxlg3dq8eUvEjw0px6EZhVIuUyxVWUCRba0lEaDAxZ\r\nDjNtdYG8YWcoJtq8SKZpsTuCiHfEsz+6gM9WRRpxZK7YGrqXCBrdxSPMon1G\r\n2rjTIDqw9HbUud94y+WcWfO5kOe4hsq2AO+se7kDHa1q3XdDJwVtXQ77c5cp\r\nTVSNrBh0n0iIWQXnPrYw9sQBaKkRsFSb3v59CGyFjwJe7VtF1xwrGs9bfsQU\r\nTRqX3pDr05/M/DzTiUTwuLp0ItI7jB00C+PFZsG1T4hu5o1+8mON8ZiMNoTX\r\nFIEcH5sl71hcyRo9G2drYXkkj5x+FBM54miDEmqw3qcgLD/s87f9rQ+kW/N8\r\nSJc1jnhdzw4h3yRb4o3k+41qA1G6aFbdyt8fqHOYKu3Ah3JRehjo5UvPz2AA\r\nsnDMYSzYrDxJhZzkvSiPX77BQMbWRgiuekgyEM6fnMu92uxPxGKZlNDDMI/B\r\nZO74qP2tvLU8A4dQqNeaGmmkcZX7mIdhOhU=\r\n=QhI6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230208112929.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/30e3da31522cc5d83ca4f1042d966214/chakra-ui-accordion-0.0.0-dev-20230208112929.tgz","_integrity":"sha512-+8EwGRiV77z/kAvgzovVE2sV7qfGNB/9bV48iiLhX4XMSAEgkLXzAXwpE6/BLQSWHUEQGX5ZH1z1ogXiP6zw3A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"0.0.0-dev-20230208112929","@chakra-ui/system":"0.0.0-dev-20230208112929","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230208112929"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230208112929_1675855817256_0.37729610305420413","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230208114919":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230208114919","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230208114919","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"41971c06e35c6ecff818b6e811952d03feeef33e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230208114919.tgz","fileCount":38,"integrity":"sha512-XoHvDYUK6GMrY4JohtkEz5DivCNlWUGPaiB899cxSAU6cQNZ/+9eUjaJxc7nPupUwcU3Z+Qv4ds/PyceQaTsyg==","signatures":[{"sig":"MEQCIC+r/3tls6nawz2P2yv04fW/i3a6p55AnQOJaAa00XMEAiA9bG/50dQUWDvKJGRov+cnzsE+NrezZbcIJZav+8iSug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj44xxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOCw//UyrC2GWBmB4ZY+Y8GwIoHGlz2HKNyuPPTyqfzbNvB8apYdIA\r\n9VkEo/gtDMCOSpsBFG+uSbkm4fOF3GlewDSPLzvHjwgE/cYdDgQpQcxU4pED\r\n20dKAMK1WEeCbXBNvCej9fV3it3SX85/pkregRYPo7rM8vfmpa5q1s1lANpY\r\nRjg+2IAAna9QUZMDpxMhiApTWZy5y3sPFxuynZgJdPCSsdv6d3tDtVuACdmo\r\np29WiKyhKl+rv0POpAwyP2gl93D56+3uqEDN6jsDhM+SKOJxdQk5tIJn+RTX\r\ngTZIgS0PJ7Dcodtsd5zdXj1dxlVcm57YzrjwMJ3Vh7QW0qI4uAd2TeclbFjR\r\nIUZb6/bE4Dy+JfNOr0pTh6VEdbUMaM7LJaoqQkX0Zv4cI+1/DUVrbiJo9aLP\r\n+OxKOglHQAcGlQW6b/T3rED8OeGUlF42y+tWGO0fdFvqrGpnCtycMIY4XAfX\r\nIMcd8F8ZkJgvKjOwh/wTuKOV/zhK6PftjaGsFovb/KKrx9w/7qW1npy4Snsx\r\nPtsHOjdXzmsXbe13GlL6Xb4fAsMrZxrri+Y89g/itI6BPhh2tb7RM/SB+ZXf\r\nu6g61olqjWrBCTlP4eYfUcwtRMdEhD+EK33W40O3RM9V/x7Y/uf5imGvULx0\r\nCF8y3df72JC8CRSqFAaK/KGouGHKZUl4VXk=\r\n=Za4K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230208114919.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/39fbf7273cb853b5b8950209f6d6bd42/chakra-ui-accordion-0.0.0-dev-20230208114919.tgz","_integrity":"sha512-XoHvDYUK6GMrY4JohtkEz5DivCNlWUGPaiB899cxSAU6cQNZ/+9eUjaJxc7nPupUwcU3Z+Qv4ds/PyceQaTsyg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"0.0.0-dev-20230208114919","@chakra-ui/system":"0.0.0-dev-20230208114919","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230208114919"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230208114919_1675857009381_0.7779707120770858","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230213123249":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230213123249","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230213123249","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"469ff7e6b65a264bd74748c2ed08af179013093e","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230213123249.tgz","fileCount":38,"integrity":"sha512-0aRcwt/psmemGw9xRBYqIe+qHaKlbqfuwszr4Vt4oHSf5cpmMj65CfZ9ttpjLpBzKDJK7uJ5q6iMFo4YOVfzIg==","signatures":[{"sig":"MEYCIQCZsU4RNcxqaG0iNPh/rgDurVoX68DRj6mY6OGaT1HXMAIhAOyROHEVXiLdgBfwgv+9uEHGPXJBAUpqBf3ZcUOPVYyJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6i4bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolDw//VUY+XxhH5AzoBX4bg6mLko0yHaF2JCg8drYYTaattgl5RqYm\r\nvr2QubRFDzIkTatajEsERwYM7VpmxdGdvDCt/IT61eGnyLe0ii27sJnk14Ts\r\n/PdqUcJwyYEjfps7mv+c+wUFdw/9PvOJDRUdQ+OcpbeZ1OioL+QzFrHKn1rt\r\nb2dWN7AHCWtD9C6mj9WaT3yFfi4kRtbTQKQnVwkzNM4ZPH3xCyNYWJZamBA4\r\naV4fRI03qadABKf75RmNRLYYKhDx+bgQrNQtE8zeZ3WKAwSkJUeg822x6t/C\r\nYf7XSo8LPCQsnd4VeAst/NETFWF3xiNUlg9A9CxtWDo2CnWHCl5TIe6608Yd\r\nL+Gy/dL5m6KpnI5g7scsXtKvIxFgVwWL2IVV1mLV2Utwp7wT4jR+GTpIEpqX\r\no8mBYf72sVPwOcPWvNJFSvCs2WdU2CL+fTUhxK1Bl7n03KAUDAhSSnBXEER4\r\nfke09UFbSHRYNB4GIY5ErsC5wZtvD9zbPQfEO6z+sUHBwEm9AWcsXvFL9rCL\r\nRRmrGFwps0kMWPwMjp2f1lsnStLNE2TspR0CU83NCW4c/kAK8AwFbpQIZLr2\r\n8nIstgaGzEHjsESVwCGB68UDN7wtBXZiYL7CxSFuvxaVXPpAyv/UQTn2BQy4\r\nvDvDkgNE8P+NDUxizfxrgPF3qVpUsW0Gl5o=\r\n=YhC8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230213123249.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/12a618d03c41171caa126275a50ea3a4/chakra-ui-accordion-0.0.0-dev-20230213123249.tgz","_integrity":"sha512-0aRcwt/psmemGw9xRBYqIe+qHaKlbqfuwszr4Vt4oHSf5cpmMj65CfZ9ttpjLpBzKDJK7uJ5q6iMFo4YOVfzIg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"0.0.0-dev-20230213123249","@chakra-ui/system":"0.0.0-dev-20230213123249","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230213123249"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230213123249_1676291611199_0.378353041504901","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230213124817":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230213124817","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230213124817","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7c408f5d1d8b5d76b55e9123d7560f3d5e307c93","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230213124817.tgz","fileCount":38,"integrity":"sha512-oHXKWiwQdCjP/pk+N79RlRSM799qw1D+2kzAnSAyrJd+6nw9lfEIBNQ7loSZYLZZsyTX30gxkUJRFP8Iq7zFCw==","signatures":[{"sig":"MEQCID2/qFURYfWKK5qMp3jW1rzQX9fIQ/4hbuEAgsmhluTYAiBbkgF0ObJjlb0QTr6pJyuqTjh4CZepZs5d1P/RKkuaCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6jG7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4qhAAo7hg/KDz39DFnqpoEUVTN9lvyrkAL3rs2rqCHqx+DdlGfb+A\r\n3Q6cshMXUXw+84zxR6UneBbeQ5haFoFI8xvjldm7JbzUYo8mvtViL7VMd8J8\r\nAO3ipW3PNBhM6nKbii+8+gfKErToHY676S9m1/iE0OCZvo6lOX9W8+DbOeDB\r\n5U92UB9fKO7fxGzBwhZibZBemxpR3uxeBGCoYptOzjf621uofW5iUZX70Dmk\r\nu5qS30MVQcLSbh//mx76uhLCURM2biCBvEEjD/oHKi7oxK54cvx7l7mkX2gZ\r\nLOSQQYqOlRABaH1tuTJmieIeYcIjZ8WfCVP8TFmlcAmB5ok8D2RPOC6w69C7\r\niUYZBkhuP/v1NrWgv//I/FZXVYK6Kdgu2BatiVV4NdSGCi3somDxE1niSPj5\r\nNHOuxla5ic5lnO5uUVVCKU+xQMXiYKFVJoNRWFd6uIK+70Qv863WWOqGNNKl\r\neXqt6Jflr6x0nqMsCjDkyhXzsi3CuGeiUEA6YvHtWk5IDoN+lhTrlnF+b+k1\r\n02fOXXh0XNoz0Im7P7/vFvb2druINYouWOgENs0LajaonNpMp2XkmBfo5ejk\r\nNAIoPsOapnzCA/pri78RnyItGUcPGX0/3KrZBAZaJLfZsDHfNxd3dyp/cFDP\r\nPZLPNGsv7xisdjrEXI5f3LapAu2BavktfCc=\r\n=2p+f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230213124817.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/492c550b5d63f2499440ee59728d86ac/chakra-ui-accordion-0.0.0-dev-20230213124817.tgz","_integrity":"sha512-oHXKWiwQdCjP/pk+N79RlRSM799qw1D+2kzAnSAyrJd+6nw9lfEIBNQ7loSZYLZZsyTX30gxkUJRFP8Iq7zFCw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"0.0.0-dev-20230213124817","@chakra-ui/system":"0.0.0-dev-20230213124817","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230213124817"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230213124817_1676292539099_0.9043332280885326","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230213131136":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230213131136","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230213131136","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6ec9b1fba6c4fb834edb0609e418c12add20cc63","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230213131136.tgz","fileCount":38,"integrity":"sha512-jHRl3x66tG8QUQsrcUc/VV7zOcXgzZdPEUx/lRanMuDmz1HibDDrb96AkqW8+ZTxyooSRZAYl2D/h9ZhfNXpJg==","signatures":[{"sig":"MEUCIQC0j+jhnGvCCibfh9OMRBnM/O9Lvt6sOTEHNP6LFRmrsAIgaR4zE2llHrQpZR8pX950Q9tRioSrOQB4B+ecpDrlqWU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6jczACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs7Q/9HHSSk9S+D+QVbFYlQ+wvzw1Zfj+CoT8yoHNKu7T3djHS6eGC\r\nZd55U4BcG904yf2GkYKkRoaQbr1C8OR1ZphrOAEyerHnNPq+xZRtt7P8JKar\r\nISSgfqJC2MVvbDeLOvPhusBUOm5KUU4DIw7/xY58BkhTVus9UnSXCVgds3tX\r\nuuLfHLhO+qBoGN9B1a7PylcIZyTDGlGbc7t09CvmKXlykfvLFBQII6klzdGH\r\nkqkqnbgbUkxFIY+n5Gqu9TtY9UiXc4kyD18/cf7lgHKBGRyLKFgoHdxxjyLH\r\nzxyDn8B5Dh4siEK4iRDuhWG/y0gvpnp7npp0TKrSilew+eqh0fkee0A88oHk\r\nnoRV8nFH6jSi6kdZTYGtda5OeJxZwUHGH4yqvPcdy6lrzhdx9a471DtJ3y8u\r\n8J83mJZTLS2L5z0/9hAPzInHHdjRoP7COu+QuoyMBRvEOW2LfauNiSzBheNI\r\n/uQigbrZNc8ZnjSB4V5guTuMmxHE8wcj7YJ24DnRc4sABdSAsrz+sl5PTb5W\r\nnP3fnKsxCtSRdrWpm43FDZWwZZ8a8OOnYGwvdwDhjAR8x+kcoC5ebDpWoDvG\r\n8ReEEp1CAiYFgKiMvRulVIxquaYOdgP6C/yk9z0nHdPhbTKUOuSFh63cqAkk\r\nchMYXzjijNFz+OJNvh+6kXJlrzUFGQbU9Y4=\r\n=SjNV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230213131136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6b8b33ba75ffdf12c78047eeba2568c8/chakra-ui-accordion-0.0.0-dev-20230213131136.tgz","_integrity":"sha512-jHRl3x66tG8QUQsrcUc/VV7zOcXgzZdPEUx/lRanMuDmz1HibDDrb96AkqW8+ZTxyooSRZAYl2D/h9ZhfNXpJg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"0.0.0-dev-20230213131136","@chakra-ui/system":"0.0.0-dev-20230213131136","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230213131136"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230213131136_1676293939770_0.7110828379615741","host":"s3://npm-registry-packages"}},"2.1.9":{"name":"@chakra-ui/accordion","version":"2.1.9","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"20fa86d94dc034251df2f7c8595ae4dd541a29d9","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.9.tgz","fileCount":38,"integrity":"sha512-a9CKIAUHezc0f5FR/SQ4GVxnWuIb2HbDTxTEKTp58w/J9pecIbJaNrJ5TUZ0MVbDU9jkgO9RsZ29jkja8PomAw==","signatures":[{"sig":"MEYCIQC+YFF2Y79rxyQJV5hq8KZ3kPzHWbqNFEj8E9uqHyrYxAIhAOjl+BHwrpuLgUbFKbxUQo3SqKtlDYiX8ENTkFW+o5KE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6kY9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqblhAAmX8REwDR/L2Vlv7no13o1JqCDyuz6rzNO4K/IeD/EbBO5e1V\r\nMHYqlRmMD3G7P35Wk6gqgwwTCEWplwKDnL8Udl7ECgmDUGk1yx3q5ji2z8f0\r\nIxcYb2VtMYJOFINChC8ptsVPbJTZkT99p4sFUQml91Iu+sDqtRNcIhjDwEYW\r\nD0zIu/DGe67dwuJqrZ27GILZK5vPRb4k0beLkjZum03+41nxvSzbz43W+uyr\r\nzCHw4rrEsMNnFCfka0qFiMi0h9hOQ8HDyxOPPPYBTGUXUs6T3AH3JIkpcRPE\r\nrRYC8HPhZdO5laJe4z0ajesq0gfJONKC72TmjnmXWwgvVPFgcAnd5kK2G4AJ\r\nAfaZ8C9k1XhhrZSxGU/UiQrQWOWBaZ+Ao7wkfBHns4JdQjhciLE5/s+fqaAT\r\nbkH/qTQ8DrhRivpc6SegfHKHtvWFGYrkbREUkxCL3Qp1WJCmpDUdqsYZoqw1\r\n9+Yt7WKwOaWckN9iHVBVSjvRfJIkaKiqipNZCqo8L28teHb8rfmC+YrqDB73\r\ncpPhgFK2MAgaw5v+jwK3SDLQBFK41PlclrYn/1LfK13Y1kU2paIQpwReQqVu\r\ndnXxeXDtJ3746zDS2GITk2/d0rW8YpLR0Ch0mq92wp6ki0jymZ0Lku55sjE9\r\nQhNTEDFPmn8hdCaigsuAPFzb5GW/IvJhWMU=\r\n=+IWw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.9.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8c0b2e061aed7b57e341a90c824e8a57/chakra-ui-accordion-2.1.9.tgz","_integrity":"sha512-a9CKIAUHezc0f5FR/SQ4GVxnWuIb2HbDTxTEKTp58w/J9pecIbJaNrJ5TUZ0MVbDU9jkgO9RsZ29jkja8PomAw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.13","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.9","@chakra-ui/button":"2.0.16","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"2.5.0","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.9_1676297789548_0.2625010088427304","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230320183136","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230320183136","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d12ac6c54e298114096ad7bae3428ee5707630b8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230320183136.tgz","fileCount":38,"integrity":"sha512-4mHS/Bkc/F4qoEdh0e1DfSbHog2uSU7ep5hnXX4Q1zIZWxfgrBpxoYOMamblHc988he787zRXHWRlrBLEGCMHw==","signatures":[{"sig":"MEQCICOwInqqxrZeZTEo/CGDb07vYhiXKUfHT0uXvg58AJ4EAiAZhs3RHJPvQKuXKzruk/7LABLSQ9ewL3sV8X55IdoZpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKa8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVog//aD7PmKK8Yp3Bu4KctbMadN5/6n+JiQ9SBPKKoC6bOSlO2Dkx\r\ny+S3fs9owXyLy/JBe+z4HqTU2zZ38bcidna1pgOOX9xz9j1SFPD/0xKmjlL/\r\nyqGWbRneBkXduushKK9m3mg5Av5c6iariKOwpcXyAjlBeh7q4nbBC8naWfYt\r\nbPLnWQofgjpmPTedSIat78ug9/xWs1On1xM8s35EvVAeGCw3oCMiIGFRdYw6\r\nbu+lSz49ypmM6ZR+p6rq8SObMUcXC5eT/afXIljRSvoH0lTnEkwd+Qgs23Y7\r\nKCYaJ/UyBL7TCGs+jnr2lWRcRQgMKOY1Liq43Hq/4zVGNTBJBn5y/6cEm5wA\r\nHoJgMCpvQdl1Bchh718O+jet/UThRooHsLOPCXbVt5a2YraU6mkQX7rnIfGr\r\nw0oW3oi+1Ki5ex12g3vkoZaa40DC6OqwUFlCJHW/SZ2Gy38eTHSZL5P0vR/R\r\nC+fKzYeTHWwYzkKDy4qE56gsC18rmNhCrq/13fM94AUwmPbPDIxI791UL98F\r\nW78FuoSixGrxgvMzmvIwe/mKCL5B08idqbNnhC7o4xwo421fEw3XDGoWe3zf\r\n1M8gUC2VDdbcUnCL/BvyVhY/3EUffeS/bOpiuEJCyN8+1nlCo9sTh78pnEYF\r\nKe4KavJSj0Q8uvDxCRUCkj/SCM40cfnrNNM=\r\n=JJTl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/23ff55cf3b53304c5c901b4ababffe1b/chakra-ui-accordion-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-4mHS/Bkc/F4qoEdh0e1DfSbHog2uSU7ep5hnXX4Q1zIZWxfgrBpxoYOMamblHc988he787zRXHWRlrBLEGCMHw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"0.0.0-dev-20230320183136","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320183136","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230320183136","@chakra-ui/button":"0.0.0-dev-20230320183136","@chakra-ui/layout":"0.0.0-dev-20230320183136","@chakra-ui/system":"0.0.0-dev-20230320183136","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230320183136_1679337148111_0.9739141926348196","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230320184810","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230320184810","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f4e7e4695894bbc2d2b262a6a9189a91d9fcffaf","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230320184810.tgz","fileCount":38,"integrity":"sha512-snT2tAFGLmZwOVB2MUBrqIV1ZZG2BGZNCGpEBPb2BHI3YyzM0uXMJ0mgNNUA3Z2ntADeCaVdJwk/76DJI6z9Eg==","signatures":[{"sig":"MEUCIQCjh96nK8G8eIIOz4Po0krCXbCzjZxKn5y2+fBmG8dd7wIgYR53ZPdeiHFKidRk+iGpAIq0+JWNKfj0wc1+/lXGXN4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPrQ//fP/mDUjxSp+2unCRHJwyvyrboNh26tmTaDD+bvKG0iyKuGP8\r\n5Xertixk5e2gyNUFRomR+VcovGJGA3RtPipQFXb7AEypFPhDsaW/xY2tyOam\r\nHpUoQmt0CtPIHfrWCS/b+Jh1vyRY1a6OMPc9P+c1ScO9mfWOSpAPGdGENRXr\r\nSdeDtfjd276z7z1mUe/6klkTY1Q8zOQchd7sG0oWf62Y5PLRYMFx5Nd8IqEd\r\n7Qq858pxUDt4WTbL3w+IGPkLG7BWj3BabiQvpmGZmcQHyP3r1BISp3KegHzM\r\ncjOUG/mnPuY0paCs6f4bxY3A7/Ox3+pDmxi+7qvyszLKfPZYHX8JC29qK48S\r\n0uVyxmrHqn7eXJMcWIJVb2tXgklo4LX8Tgy20n8KW26YnVXiOzeXmpDK9PJV\r\n/4Xc/Ibf8ZttQoRUX7DxveUHQC12bqaVt/OACwyamicyUmUbUdmK88cZc44t\r\nL9SS+BwAS5vPF9yh76/x1QRU1aN8Wbo58xyKlgYeWMl3YNWX2JawHorwcgXP\r\nZ2tLOzoleYcBaN34PjydY/UaFygHnUx45U+8+VOBKnXmHXhdNyFjtFJm/Y7A\r\nVKObdyNURVQJMCnPRAeVaaTEMaBpfRfs+KoXpzR3PXgTKJL1+X6hSe65WnIG\r\nTDQtOrgjjx7TQqQl6VAimAMOmpclmt/+D+s=\r\n=DCo8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d21d55311f256ffea71521be22cbc670/chakra-ui-accordion-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-snT2tAFGLmZwOVB2MUBrqIV1ZZG2BGZNCGpEBPb2BHI3YyzM0uXMJ0mgNNUA3Z2ntADeCaVdJwk/76DJI6z9Eg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"0.0.0-dev-20230320184810","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320184810","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230320184810","@chakra-ui/button":"0.0.0-dev-20230320184810","@chakra-ui/layout":"0.0.0-dev-20230320184810","@chakra-ui/system":"0.0.0-dev-20230320184810","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230320184810_1679338133101_0.17226180323574591","host":"s3://npm-registry-packages"}},"2.1.10":{"name":"@chakra-ui/accordion","version":"2.1.10","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.10","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3a0ef527e8fd4261747cdac3e6262bb73a41f37a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.10.tgz","fileCount":38,"integrity":"sha512-o2S7ft5aQlnPjpLM+C3n/QJLaVdyxkH5IBMEbId/J/T+ZB9L16Q8n3Tqwq5xhcaglsOKyA8+bCraHfnpQyaYfA==","signatures":[{"sig":"MEQCIH/iJV765A9c3gkeWVThCcMf7CXM3KiEOspXGnQvzyaNAiBJBGKJ29PfZcKQR3/ezLUL5bKNxupBr+d677ZVT1P8GA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCccACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrkkg//afDmrYiDqhvLKy7OOveMJ9sY78At3xvaK6chycKk77o2lQCL\r\nlg/2PrAuh1hMdz6WLFV/0jjqKqUVYUaBXmoDJ40khuNnx/idMylEpBhIakM0\r\nsB1sHFj3YoGHKLdSMRYyXzamsGGQNJVsQ7O6PpWRe+QppY1B4NDrLdkWR13b\r\nBCothxyZsfYslvh3UjDphzcd7cEs/ps3trHqMaC3CNydBW+uPCX9QuNNn6PC\r\nP67iG6EGv7ZAMhSzUXOrwhmG/tE7XUCvEJSHE/WVkqXDl4aNyUKx355o2gHq\r\n/ggVoV4ZPFs4Va8cxYBJZCR9YG4X+96pH4TfBqKg4OUqUYkCdEwYo30gvMkz\r\ngAxsFC5/oKurv+mlBOxpu3r/5o6tL/vmZz0XgcGeB1+a+RruPqaQOK38cjkV\r\nmXXIjsLFrWn+LB2X+nL4PzkiFqfgjs7EnaYcEV2xbCmdrgK+xhLicQ4iokb4\r\nf0Ph/RseeDTQWjlTEJCmKymTPxKFwEKuRvuM2sDSplIKYxVhj3BD41LA0FkF\r\nj2jGYBiIRB7WbX/PqiNR/ORSjyBTqlK1wWj3+ml9UqI4r6TDZn6nj6IK10H8\r\nSKGH342f5f4Ii7y8qK531JjHN0uZOAwygXOU18OvkLi6jaRo8Tp9V72IYxAg\r\ni/Q3Jy83Z5RUUSfd6fXAPO5stIMNTRSQEdc=\r\n=YLhp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.10.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b5b2a2f2380876e2c0305a9d9d3bbbcd/chakra-ui-accordion-2.1.10.tgz","_integrity":"sha512-o2S7ft5aQlnPjpLM+C3n/QJLaVdyxkH5IBMEbId/J/T+ZB9L16Q8n3Tqwq5xhcaglsOKyA8+bCraHfnpQyaYfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.15","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.10","@chakra-ui/button":"2.0.17","@chakra-ui/layout":"2.1.17","@chakra-ui/system":"2.5.3","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.10_1679566620196_0.6828146947078284","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329123951":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230329123951","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230329123951","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"af9b637c6d4b50a34b3dc3744cf1bf16b76ba91d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230329123951.tgz","fileCount":38,"integrity":"sha512-5c7uTmfRd9X4w2jrbGOd/HcwrfJCn2U2TG9PnR6GThoJYqDan1Ysh8nG3xLAtfoyI9oIcmzdouNAfJvxesq5Qg==","signatures":[{"sig":"MEUCIQDH1HTGEAetaZgvHcX4Aw0BgJ0QlbbZHGHXdeaJCskExgIgeImU3iGNRAzpLNSLPdzKnP1tWchGSX7dPD5J0JInjow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJDHBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoN4hAAlDViUt62vzuSBYLy/RX8V33oyCyqec9/nqVNpMpJmwgrgj/Y\r\nWsrHoiPfrxRO+BzAuWgGrv2dUo79hT6YSTAR3AMiQfYXnClsEM33S1QvsuDl\r\n2PEe+maswAJzVOHc4HNfNNnsX1S6eR9F21iS34DGFTkdUoJs2IxRHZYwl918\r\nZyS9CpJ+PvacYy9Jo2Lnxkft22tO9ofR/+lv7CmkRnNkV5Sr3tLCKnXuNgDX\r\nYIr72gCBU/51/EcTfod7lETdbKRcP02+F6xVNAWxUU5jRvMNdKytjAf7X9M9\r\nO0FzL8GixCosfcSSMNZvUHDoDvbtf1aI54v8D0JU/I76CFxXwCscdrMKJDMz\r\nLycnAuex1LVBRe118Yz0vdNpuD3gffz2fd2Z45g6fuEKU6TxJRAwqJs+1UPK\r\nyI2xo3hjd725krHoIy5+6DQ+F3nuIhsz13FThF48iWj35eFrGfRhPCbbCmfV\r\nKTJvkXvlaXV86+rvoj+LsO90EMKb1LvqZ6StDGRNCeu2ypZ/2aEOfRltd0BI\r\ndkVSMRfm2MQDB01RsChkhP22aM1D8RbuYJyZR51r6dACpOil3k3JMh2HbQGl\r\nhMVuBhfxP9hxAl0iHJzKVpp/IGCU46v/qyI1nsM5+D8vi8sZ/UC9ZncFk8s7\r\nrv5MoapAs8pHnslUSpTGvVV+iDl5qTATOE4=\r\n=OzBK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230329123951.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/37e4a9886d1c3efb7c86f71f4758b0d5/chakra-ui-accordion-0.0.0-dev-20230329123951.tgz","_integrity":"sha512-5c7uTmfRd9X4w2jrbGOd/HcwrfJCn2U2TG9PnR6GThoJYqDan1Ysh8nG3xLAtfoyI9oIcmzdouNAfJvxesq5Qg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230329123951","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230329123951","@chakra-ui/button":"0.0.0-dev-20230329123951","@chakra-ui/layout":"0.0.0-dev-20230329123951","@chakra-ui/system":"0.0.0-dev-20230329123951","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230329123951"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230329123951_1680093632907_0.6866170040876027","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329140150":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230329140150","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230329140150","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7c05a2d51e7f337f72a2ec191f82919c17f1b10b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230329140150.tgz","fileCount":38,"integrity":"sha512-hHhiRxxcKgTuoHuwl2Sii0BemPdnV9kopK0KK0o08hkHPely8zs5lXQk6ICg4F56kOuLK02yzbwL6EpdcKeTzg==","signatures":[{"sig":"MEYCIQCZ/Ts34gsd6iknAt/y7eVQNaw+j0YBhKMMjNN/edovXwIhAJNjIjyePcr2LGJfdn/IuIjv/9L0CkOVDdP33O7VsBjw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJET5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqT8xAAkIqEN2HUMUjVyQW8frquTePR3XDrR3D9ShOMJWJK5/bhhl+2\r\n8R1fbTXGAE9gFpoyj5/ahbx3rS+lnlFeWu46rL8ebxQ70TuBZKplNibCseJZ\r\nKP9Ij9tkNSyIeb4VsF/Hl+k0/2HlIRzVfNyz4G+jTugcO5XzFhQi8zp6Av4x\r\nkIj5VMhY7+9UT2CgIt1pD+91KGYHf/tbU7/43eHff30qVbDUjTpywOP9a4JM\r\n+3SwRfAfmXrfU88PaLqXSLwECJrJTafzHc6kqFptJo5qNxOnheMjfdPyZ3Yx\r\nWiMHrMtdk9Kb2JFNq2qOD1LOV5zYiaS+kPKRnTwYyEVeXeicJvv9WtPVgkbV\r\nDCkYIZfe3+nG3BUMyakU1dpjt8ZYztB9T4rXz5aa47SZkfErfKKGgzQUF0KK\r\nBjPSnHkpwsLWaVC5zQLADJZhJrZfoLAFfY8Oz5J87rejS/RBni4xr+SXqEgw\r\nvSjdULZ88gFlieapl7Jva5S+y/349f/AFv6hCZ/Hn50ABTBfanatrOTNpCwy\r\ncN8SnL89kfvLsgKO58zdTH/TfFmxLKgxqUdckLpniDstY3ORtzXZKOAUljq7\r\nx8+stQR65be5x6mnIpqXoBPwVTMbvn+1Z+/cYKBEVDTO7xtA+l2aZAJ0dPCv\r\n6Bq+HhQPYOZ+uz0+nzrIJpnY7dyM+Ia5BiU=\r\n=6fT9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230329140150.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/25470c79bfb84587eaa5e8abe235fddd/chakra-ui-accordion-0.0.0-dev-20230329140150.tgz","_integrity":"sha512-hHhiRxxcKgTuoHuwl2Sii0BemPdnV9kopK0KK0o08hkHPely8zs5lXQk6ICg4F56kOuLK02yzbwL6EpdcKeTzg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230329140150","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230329140150","@chakra-ui/button":"0.0.0-dev-20230329140150","@chakra-ui/layout":"0.0.0-dev-20230329140150","@chakra-ui/system":"0.0.0-dev-20230329140150","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230329140150"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230329140150_1680098553738_0.2620261818234444","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329141708":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230329141708","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230329141708","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7aa47cf3d5e3df639c70113edd59aab8a264d55d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230329141708.tgz","fileCount":38,"integrity":"sha512-Jp91hlBS+mj+MyQ0NeoWIe61Vbl9cACBD/VG0YD3mmKl+CywJ4Qdmpi+SWn8KLe4btto0GmSns07wQcl70YRcw==","signatures":[{"sig":"MEUCIQDAjzy6XWe+nFpqaS9/sj2FMa7vnmIn1SNU8TevOPbkgAIgYqODDvMe1lR489cGF6iXng+dNO8eugt5BzjTIYb85V0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJEiQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrc5w/+NDQlZIsLe8NIub5kEqTjNJYtG2nckdLAMkpZiJH61y5RwVe2\r\na/HHCeOl+Bqxc68aT/F+yFObceQta9ACy5Ec1NxUlEJvqADnH8LQZ4Thr4eK\r\ntwY4el7Hnj7AHnfsOXmIAeXcQwMqEp15Ay/KnYXeVrWQEjEi69tMRjIn6rAU\r\njGgiwSZRJBl0TLJ0y844BIH6jtQNDLNmnk77ONHKaf56yGeHTeKNjUwHv34/\r\nRwg1sSXavHoIC0IwPTPdSEOk8x7PEG8TomqJzeAxmLWTRbXqQSZLdO9JqjDm\r\nZskzX7/W/wLntLzgB1ITmRhzMzm0IlmbbkBiZONzDmkTnTewByKsRxgvO08f\r\nG3WaZiAfmA8FCfvlvHk/QIx6k9qIHrfB2LIvk0jPRTA1vz015xEzoGRQzJjR\r\n8EL9wxxdZB2MyYl1G19+/gogLaLrSXY55BWuA9I7AIMwJlR/56sI7eENpB6s\r\nZz4r7/Qs0Mrk04ZcTLm/P3Lt2lTjWSFL/QDJvlgBZBUrIDpJCSp/4xgRvvjl\r\ncNJU8ufA/MHWwbZ8s+aDjLb1L9PVrCXMEFM1GHIQipeTPUyYEe3gSa5wSo1U\r\n1AVNyUXmoPoNCOC9CxJus46sXQEJQppN4qjE/wwmNQJtQd8D/AaZAhUs5r7z\r\nO0dFGRrNdXlH2IQHJAtz1QlgZKcjcSNEWUc=\r\n=VUhz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230329141708.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0fb5b4d3448c2e12b48b5f8bbd4215ac/chakra-ui-accordion-0.0.0-dev-20230329141708.tgz","_integrity":"sha512-Jp91hlBS+mj+MyQ0NeoWIe61Vbl9cACBD/VG0YD3mmKl+CywJ4Qdmpi+SWn8KLe4btto0GmSns07wQcl70YRcw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230329141708","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230329141708","@chakra-ui/button":"0.0.0-dev-20230329141708","@chakra-ui/layout":"0.0.0-dev-20230329141708","@chakra-ui/system":"0.0.0-dev-20230329141708","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230329141708"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230329141708_1680099472336_0.9070983268007724","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329144927":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230329144927","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230329144927","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6e133c575007ce89d5bb827bab8504e2dd1e0792","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230329144927.tgz","fileCount":38,"integrity":"sha512-J8pxFa3O2/NGT7iohLafHJljKcFQWCkXdYWaC2LDahhQ927N4tFQ3kzq5euqUgdlerrl5CsfeS0qTvbRE+QoBQ==","signatures":[{"sig":"MEYCIQClEndHzVmj0KPmkSjX7AiqbvMPAHNsw1vO+p+YezWG1wIhALApaaHBP+KnQ4dEXYL900fVhuabVaOX7+biS03QO+8d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJFAhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbew//V7/ya0jechUTDlv2mqYTmdMHd8DlIEpSWLMbjSlnUiWrjJiI\r\n98gP3VXLPzlQFkuGlXOBNqNCiuW43FaXTO2SutwCZb8KlBtbFtdSq73fdTKe\r\ncdHlhaNAV1ycbD5NN/qBnSDkPgUPXWl9pXktePBRj8Vostcq5U9ZMO4t4mbZ\r\n+Qah0CV5bWQ3nUnwTCwgHcV2KXGyZhp+Nfjq6YnIGflM50ER5jRYeMTAe+Fw\r\nA4VNFqLbvb4wC0JpbhkDHw5AO8UveOd8zvuDPcg1aY6FTazXIqXuWzxie7bI\r\nOmswgpzWrVuVnQxBwTSWfTr97ab3+eLoz9kPuQvUhzCrdtMr29vwxkb9Z56v\r\n3s0rFYlckLBbBw59zKW1jq1UmsJFcXDoBzbCaSPQtG8jW0HnPuIqgnfKvVzI\r\npUGN3/QWbZ9eXYLw5i0nXeCoDSU27O3MI2vXKudmtdOY4IGJwHx1531oNUJi\r\nWBWZBOHyG2TWJtqTf0k8Ud4iRWxrPNgAtjUwhvulpBpmTW7KFXFhT7Hb+NFG\r\nyqzMm9Xr5rFsUZVzBvXegukXd5WplKvS7GwuZyCS35VE9YOURy/7JqKYYDNk\r\nWxdsLsSnSg+/CqkoPHfOF5RbbvtY8ngFYPeJrmDYbu2Mv1QoxTllcteZd1WH\r\n7z7bWW0dlvXKXel1U5tCUbA2czMYtMV8+Ok=\r\n=/eJA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230329144927.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/82b88764ce7bf1d29c37c9408bd00eaa/chakra-ui-accordion-0.0.0-dev-20230329144927.tgz","_integrity":"sha512-J8pxFa3O2/NGT7iohLafHJljKcFQWCkXdYWaC2LDahhQ927N4tFQ3kzq5euqUgdlerrl5CsfeS0qTvbRE+QoBQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230329144927","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230329144927","@chakra-ui/button":"0.0.0-dev-20230329144927","@chakra-ui/layout":"0.0.0-dev-20230329144927","@chakra-ui/system":"0.0.0-dev-20230329144927","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230329144927"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230329144927_1680101409507_0.22639424773302896","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230330123203":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230330123203","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230330123203","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b518c38feb0b7bac775c07d7d970dd40bd46f4ea","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230330123203.tgz","fileCount":38,"integrity":"sha512-4ljzd6M8tf71Kgb+D2KxUOvL0U2o3da9miyl7wfsFM6f6yVFywvvUAH/TXWNUhzrhAuVRYjRG3pUeWdA0WPeUw==","signatures":[{"sig":"MEQCIAs9r+hi50aOxMipVZxbaGMA2dle/YnMwbpCe5B586gxAiANCtDN3HXYZng2VGUigNqjXEboo/E/O0dCNeKSu7J2mQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJYGDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaeA/+MFjtIql17gS7X9ayq0qXy3m0fS2+//WtqdjqXQBLHzZSMdhG\r\nBzYJ+//MGvjRAU4re09+xRsPYcGgc4h6Xww57tno835glbTmUAsTcxi36csh\r\n9nEDfzbmRdjW+B4iUnPcCwb3/qmpHZ7hg7e/v4kdvcv/FgSD6ZvoImTRDNFy\r\nH8pa00YwzbCcrLrhpnOXkVJeYjddxlMBxSaxYJjkskXqKHsRj+SYqhX4QNwz\r\nmKPkXBi1+eL4TFpwTf68LvoVNOR+ORNhPVPNQWPAR0oDzRtkEbU8MTtp8Utd\r\n8H2jdlGXt3U9559WATIaGKqqh15nM1A8MNAux1Lme6JwAWHOobqMRIwhJ7XR\r\nGpwhKakvD7h7mJ1AsHnkLwKExEk6FmKiDvVpVbL8Qr4BqY6ry9dMfdFlUCud\r\nu1jetXWKuDePn/vmi3JW8kcmsmAiMDRYOPGjh1PzCNKzXUBRFBqI6y8KtASY\r\nARNib3jvoaePrWgLDeiKWDwXkqoM2rM1XMcWJ1qfKyEBXCDptvWjQ5sBbiND\r\nnw4myL6LxpGAG7FDboi86mfrlqw4RA1u5CpenIBGfNUB3LoXVADmbr98/p3s\r\nbwHtduAd87wO1/rdarr70zM+gIMzcwyIIFT3jRC2n2tWfoB2WhAjJWka3ENs\r\naqrPijNpfjcOTF66g2oST1Tx97nfC5FfrPM=\r\n=OloD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230330123203.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7da63f2b9a638fe8139645eb3341f63b/chakra-ui-accordion-0.0.0-dev-20230330123203.tgz","_integrity":"sha512-4ljzd6M8tf71Kgb+D2KxUOvL0U2o3da9miyl7wfsFM6f6yVFywvvUAH/TXWNUhzrhAuVRYjRG3pUeWdA0WPeUw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230330123203","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230330123203","@chakra-ui/button":"0.0.0-dev-20230330123203","@chakra-ui/layout":"0.0.0-dev-20230330123203","@chakra-ui/system":"0.0.0-dev-20230330123203","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230330123203"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230330123203_1680179587233_0.8009368552510512","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230330124619":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230330124619","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230330124619","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"86555c97ac48f6200f39ad4825a81ddf78dfa920","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230330124619.tgz","fileCount":38,"integrity":"sha512-lDquyzPLenOP7w2wvWz27XJz9ttOKmiXNtdWDFrbUFefO4VSOY7ELrK6Pzb4m3hOZaNlpnm6cCQUiT7BYj0fbQ==","signatures":[{"sig":"MEUCIQCGmgj2wcoJ9Jc2DDLHnNjvBNqxDieivtwWsie/Ql9c/AIgUsZiDNo+CS+CoS2lBvewW+3aj1vwSOIfqfu/0L8Ng68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJYTDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUag/9HY2In7PEyUnOgDqSHaS5D+S8gZRLikM0vUHfqo5hJ9MKkflc\r\nFNkm1Z9Jx4+OQ2ylURizcTZixHOGOgnCL7ngY60ckvRmv2HN1bWNk3a68+or\r\nOjd37a9pwBaKrH2A7lzUESaIWlz+a5S6loWFvRvOKdg93wV2CbZTybHxsn7P\r\nGP3Yo5yT9ZD83yeyGeS1YslhEuiHNEy9bBEeajDWDDd1AqaNkLwZTwcdWYJI\r\nMOD9Y0HbxifRmU9bkH4/PRcDvpcCnEkqLRs1GylCZkNlf6E+8ROclF76fKe6\r\nOH81G4KCRkryBUiqiRhHugyEZ2bvUHQhfgeC/HA8RZ/K8AqEpwCpYPpplWu+\r\nMKBIdIcqs24Myu7cLzCTMRmA4BwPgrEr83XftVRh4CCup28kVlYWDhsdaO5c\r\nvebBJRAEwUaQs+eh7PdUJZlFyIEtVvcV2vUeDt1vfQJBzbmhwwREd/j7yVbr\r\nPQu0UotdhENXLYiTWksqUZpz2oTN+I7pOohplyQ7lnRJqBbGmecm/4HUVJqk\r\nl7RYJ7pAJP5/AlRn2ZtPt6+gwNN17tf9Ot6gNkJoPD7EHHElV4g8vl2SJ4oq\r\nPQFfDKEcG4YyNNZZPNAebZQO8u4RdIBB874geFy0p/N9pmQGwvqd38CIu1pk\r\n/f5lEVrBzcqraaKk+Bi0y7l/MSEP7faPOBY=\r\n=pB7R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230330124619.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/319b5e2c8534dbf6bf6b1850af7d95b4/chakra-ui-accordion-0.0.0-dev-20230330124619.tgz","_integrity":"sha512-lDquyzPLenOP7w2wvWz27XJz9ttOKmiXNtdWDFrbUFefO4VSOY7ELrK6Pzb4m3hOZaNlpnm6cCQUiT7BYj0fbQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230330124619","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230330124619","@chakra-ui/button":"0.0.0-dev-20230330124619","@chakra-ui/layout":"0.0.0-dev-20230330124619","@chakra-ui/system":"0.0.0-dev-20230330124619","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230330124619"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230330124619_1680180419465_0.5100978991905716","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230330130626":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230330130626","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230330130626","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1a77e09e58699e498110898811a0865c076a91ba","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230330130626.tgz","fileCount":38,"integrity":"sha512-9wcGEG6RGFPXmX41rOzsrM7E/YV97UfWl/brasxrOHjQSY3nskK0N5N26qUNbxWtvK0brp5ywKrfCodg8nyVFg==","signatures":[{"sig":"MEQCICsx+vWTiXe//zIsO+Ahgxy+oGVx7T2HpbM20RkIVwkxAiATorQc2aQVNgrg8SV6OiiUZebRbTMfC66/WIb5ITZwnw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJYmOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/cw//TrFl3bHAfFgppmp0LEoZUOAXkvMlwv9iSYNJ0i1qaQadvmOt\r\nXPX8Haxfn58UgwoMrLeZG0pRUCn4RkA0MYq8OqtzoCd/9+MmK2t1dyrTQqXu\r\nR+fKaPGao7lhoe6cHbDYVpoidiwbnIjDu77UB3oGYTFcElLdHjHP4jXYFFBJ\r\neVAIL+57S51/HcVHzFWqa+iY1YMlaRSWg3W1mYZsKOWNdExb1KBtSoiv9Kg8\r\nkfxl8/qlG0u8hPfOxT9EmONmN4AFlFYunkjHFFLy8OkVGHDA8uGdTzy0w17N\r\nOsEGDdZwKMVYDiAjEQgDV+J+cfqTGlS+DHTmuM4SQfe1MtsnEEhp1z0LMSc+\r\nsr0a8+bSiIq2zGvy33jsV1LM6g/Ia2/7vldD+bevErA6fyKO++ziv6zVEAOH\r\nwa326+o9N14XCL7gyC5vQ2gb/zW00x3ja9ljQHXv9+kXlsiZpXp/syPDb62K\r\njjzbLftjvsPwqAJ0FKdwyGs9dN/YEGjk+uIhKVWlzDqrji92qHdabfIdGW67\r\ncoEve3B7vuiwL0dWC8w8ArSvsvxGIdvJigNd869YwIcFSZEToeIAzF7z8lAe\r\n7Qb2Hx3LHsFRftGuWl8mAaph9+hfUUpLsTpWqoJPY4CgMTO3t5fImSlWtoUZ\r\n20LnaV6QWEagFSD62LEU2f9tk3Vl/6ST4HY=\r\n=nuGF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230330130626.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a30b5e26699ff933de6dd5248e41ccbd/chakra-ui-accordion-0.0.0-dev-20230330130626.tgz","_integrity":"sha512-9wcGEG6RGFPXmX41rOzsrM7E/YV97UfWl/brasxrOHjQSY3nskK0N5N26qUNbxWtvK0brp5ywKrfCodg8nyVFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"0.0.0-dev-20230330130626","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230330130626","@chakra-ui/button":"0.0.0-dev-20230330130626","@chakra-ui/layout":"0.0.0-dev-20230330130626","@chakra-ui/system":"0.0.0-dev-20230330130626","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230330130626"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230330130626_1680181646660_0.7934377496499705","host":"s3://npm-registry-packages"}},"2.1.11":{"name":"@chakra-ui/accordion","version":"2.1.11","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.1.11","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c6df0100c543645d0631df3aefde2ea2b8ed6313","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.1.11.tgz","fileCount":38,"integrity":"sha512-mfVPmqETp9pyRDHJ33AdF19oHv/LyxVzQJtlxUByuvs8Cj9QQZ2LQLg5kejm+b3mj03A7A6yfbuo3RNaI4Bhsg==","signatures":[{"sig":"MEUCICmeG/9v/03stwNORju8/cUsDGWA75XBco3kW3PuY4HEAiEA8UKxeL2SOunrvzP5dxRL+zObiNpSPYDVRuCLezuGTak=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81862,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJdhDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmptmg/+JkSurL7iyvBadsiMIghqU7LwyZrAARXJgz7LPVhCXFivxl7V\r\ngxip87FXMjLmZqlildQQVaFgeD5uejl1RQkaNg5Em0m6WfSGods+q3uwxXGd\r\nzn5J3uUAVs47NJ0SMau/VpBXV82i3cy2ieuBd2aGz8mPEhVrGfdqwgw4RQ2m\r\nJJ3fZtbha0ds3fDsri3Y3nFZe9BkXLCv4yYg8xZezgnraHgA/eR2osEn4dXp\r\nFZ3pZ0DAPca4taf0Ci9L0sfqX38I+oW/GDMXW/pyCokNzEEDR050x/fyFIT4\r\nBIm4pvptRpqVcLjRcgkPfGf9c1kWsWWUrdn1ky38b7oTe2tMoe60//nK3V9E\r\ns4VIEuyX7GrzotzHT3EeveIs4yZZb4CmAflhMy2V+x3Llu1nra7Lw2eN2d7A\r\nsmnYqNACzMYnbrp8jtxXy6KsnMb9b5s9xzpA+PVFJhhFmiOK1sW9S78hMv8L\r\nAMxhGxY3rZIIAQxHgy9IpT9Yev2MzwVLPLn1hAvvbu8fBl6d8nccpVNUeqnw\r\neAMreDVqNHojqXqzpU+C38Pza3wMYpWUD/blDODHBYKw4LWA0jCMIKQAB+kz\r\neCslge31t0IzDbfyNcAdHAl9OsaLKGADdcdANxdZwoKBlX2DQriGjOL3vkYd\r\nHuyLdKXjhBPtkQI3GY1IR7fYnmSn2j5avzs=\r\n=/hWy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.1.11.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/22bf5b36bf75c8a5b55ac1c9c3b9a725/chakra-ui-accordion-2.1.11.tgz","_integrity":"sha512-mfVPmqETp9pyRDHJ33AdF19oHv/LyxVzQJtlxUByuvs8Cj9QQZ2LQLg5kejm+b3mj03A7A6yfbuo3RNaI4Bhsg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"8.19.3","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.11","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.18","@chakra-ui/system":"2.5.5","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.1.11_1680201794800_0.7750384484416477","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528143537":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528143537","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528143537","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0bf56609d04832b632dd0961f6e5824cbf6acd15","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528143537.tgz","fileCount":38,"integrity":"sha512-U9YIXhFhTbK1j5RneH79VCpDAgmdTBzMuaRR+pe3+MAZJZBWnMMo4L0HaUoBTuyHay1Zla+ew9yElrXxP98Q/w==","signatures":[{"sig":"MEUCIGNhSDdS7x9411WKPJwAVxQKnDv2CmSVwahlvp6hU+gKAiEAjaen9LzXRBlcM45YgrgN2mkaxt8Xs3wbFTV2LxCLInA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81967},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528143537.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/08fb720b4b670e5e519c65e55b2e5560/chakra-ui-accordion-0.0.0-dev-20230528143537.tgz","_integrity":"sha512-U9YIXhFhTbK1j5RneH79VCpDAgmdTBzMuaRR+pe3+MAZJZBWnMMo4L0HaUoBTuyHay1Zla+ew9yElrXxP98Q/w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.11","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230528143537","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528143537"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528143537_1685284607605_0.7490575976458109","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528160711":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528160711","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528160711","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"356c51d38c48ca1f717cfb202d9eed7837028091","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528160711.tgz","fileCount":38,"integrity":"sha512-E0HV0cKp86tM+7c4imQuDVztYPW8PBwXfIeXRjiBWnL4YGNucv5JRWkBkDBj9IDRg2k5Os4XwjghPj1CidsKpA==","signatures":[{"sig":"MEUCIAv1l2S8AasCyryIi0fZfxtZZ/rr3YSIcPb4qbFVgHIxAiEArON1FRArvgmyTXtulw9Xmv5AbAnHHaBau21F0UnLVXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81967},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528160711.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6427eb85ec47d3f8e6033a93e942dce8/chakra-ui-accordion-0.0.0-dev-20230528160711.tgz","_integrity":"sha512-E0HV0cKp86tM+7c4imQuDVztYPW8PBwXfIeXRjiBWnL4YGNucv5JRWkBkDBj9IDRg2k5Os4XwjghPj1CidsKpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.11","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230528160711","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528160711"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528160711_1685290081778_0.9457185402964787","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528164120":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528164120","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528164120","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"043c5951a53157fe6a787b0b87bf666649607c3f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528164120.tgz","fileCount":38,"integrity":"sha512-DWPehBdbLN7WKRct7uaE1WT6SBP7yY6nXJgzuLeh0GbSm00wfFjk6X+eqK5oXHsvRH2tCjZ34yxoJ+mIsgnH0g==","signatures":[{"sig":"MEYCIQDqN44qPwc2r1ExO0bEKBWRnjjNvFbBTRLdJOflBRbRhwIhAIEwITq/ClKeN+BSt6u5N7L5vDYyczJPq/zQE1L1x7i/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81967},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528164120.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a4510797c5fe7d803c9cad540cfc9185/chakra-ui-accordion-0.0.0-dev-20230528164120.tgz","_integrity":"sha512-DWPehBdbLN7WKRct7uaE1WT6SBP7yY6nXJgzuLeh0GbSm00wfFjk6X+eqK5oXHsvRH2tCjZ34yxoJ+mIsgnH0g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.11","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230528164120","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528164120"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528164120_1685292138746_0.09141669455795531","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528170051":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528170051","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528170051","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"486bea1fd27e920936f275a0f4780bbef7d254ed","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528170051.tgz","fileCount":38,"integrity":"sha512-QXgWPwEnIdVuDwhN1EXQymrXb3eituG5h9u3CNfmBTDZYPhngGS5/eGQJmIQDzMUA4cffY/bgUcHahOUP5twOw==","signatures":[{"sig":"MEUCIBtkN4NymNhdSlhxn69P59/ny2mF6TBfpW8pU/7nNp4SAiEArN4P2KEPx9w59tdUIVRDeS1PhxKQ/SMekyGGu0TctnQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81967},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528170051.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c584d5546a77892e2e01170be6adaf30/chakra-ui-accordion-0.0.0-dev-20230528170051.tgz","_integrity":"sha512-QXgWPwEnIdVuDwhN1EXQymrXb3eituG5h9u3CNfmBTDZYPhngGS5/eGQJmIQDzMUA4cffY/bgUcHahOUP5twOw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"2.2.11","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230528170051","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528170051"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528170051_1685293322605_0.7446677606635241","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528173059":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528173059","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528173059","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fa1f9b8bc1d2068facb03d3e9368811670df8213","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528173059.tgz","fileCount":38,"integrity":"sha512-I5JKdCc5t4qmnr+PJajSWeLw4IKz+6o/2YaRx+7BkT1ZNLhf3PnqvPZ2DD69ozQ1fDuoZJ98WzvRrqqM81Q/DQ==","signatures":[{"sig":"MEYCIQDUTHZdmJfcBVDroodY/XXUSNy5OyUY6xy1WUo65LA+PgIhAJenSJpV+kCezXX6buvG+8fGiOjNASJnncp2WCl3t2jQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81985},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528173059.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fe4d2bfd26c40b343a458955ae20017a/chakra-ui-accordion-0.0.0-dev-20230528173059.tgz","_integrity":"sha512-I5JKdCc5t4qmnr+PJajSWeLw4IKz+6o/2YaRx+7BkT1ZNLhf3PnqvPZ2DD69ozQ1fDuoZJ98WzvRrqqM81Q/DQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230528173059","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"0.0.0-dev-20230528173059","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528173059"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528173059_1685295118069_0.14637475034293757","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528181900":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528181900","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528181900","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bad662283a9e68cf2a619b2875c53657238d8104","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528181900.tgz","fileCount":38,"integrity":"sha512-jZiJfHV/e4NZpFQN0L7Zemf40nN6c3cFpHj+vezhNeSgDt1q2Gdp1pWxp7fSLs7QwEQ+WY9dYJ4AsH+wL06lTA==","signatures":[{"sig":"MEUCIQDIzKCM3ia3GjaYvXD4+D6sX+zuxOA93osJgwLlwbdDsQIgfO774XcOJYW6/b+hHZpllAKdbYmNgpApQSG/l/1uxqY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82003},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528181900.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/36cde011f48877560116f09983c16ede/chakra-ui-accordion-0.0.0-dev-20230528181900.tgz","_integrity":"sha512-jZiJfHV/e4NZpFQN0L7Zemf40nN6c3cFpHj+vezhNeSgDt1q2Gdp1pWxp7fSLs7QwEQ+WY9dYJ4AsH+wL06lTA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230528181900","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528181900","@chakra-ui/system":"0.0.0-dev-20230528181900","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528181900"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528181900_1685297992056_0.9443457083041777","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528183722":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528183722","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528183722","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a528165cbbaf81d7e57cbf8f2db70ce77dcf184b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528183722.tgz","fileCount":38,"integrity":"sha512-RRhChwXurEqJct+MLO4p5EDK6CHzpNbfAHplsRUPRTbAT3TTz2H9qb99G9uFpFkGo6KrxJgSiXoo8P+8iHKczw==","signatures":[{"sig":"MEUCIBQTP/aJy4wpiz+mxSO05IBvczC3O1neefQui97eT1W9AiEA3rl/+Ajklb6ZspxIZeXVjoSD2m55eO6oPZ1aN/8W7vA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82003},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528183722.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/99775c72c55ca201080b8421b2b5cb29/chakra-ui-accordion-0.0.0-dev-20230528183722.tgz","_integrity":"sha512-RRhChwXurEqJct+MLO4p5EDK6CHzpNbfAHplsRUPRTbAT3TTz2H9qb99G9uFpFkGo6KrxJgSiXoo8P+8iHKczw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230528183722","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528183722","@chakra-ui/system":"0.0.0-dev-20230528183722","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528183722"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528183722_1685299113764_0.07746714346952843","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528185153":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528185153","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528185153","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f7c520b053f224a81e46a9f66143b6603d7f3993","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528185153.tgz","fileCount":38,"integrity":"sha512-ycrnKskx8q7c8fWZ65bOBrjUeIVhtULp+RU67PqQYa7EV4jzvZSEGTEychj4+DoUV1ul7//a078vAAuv6UuWzw==","signatures":[{"sig":"MEYCIQDENmBvxB4FVjtTGAEUDUPvUT5dTGp+zSjX8Tq40PcGVgIhAItOVTwWjE70eniIttZqT/GHtnHO/VoI1ieJYEAmc+De","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82003},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528185153.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2508a4a296192966cb32acd25c141715/chakra-ui-accordion-0.0.0-dev-20230528185153.tgz","_integrity":"sha512-ycrnKskx8q7c8fWZ65bOBrjUeIVhtULp+RU67PqQYa7EV4jzvZSEGTEychj4+DoUV1ul7//a078vAAuv6UuWzw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^6.2.9","@chakra-ui/modal":"0.0.0-dev-20230528185153","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528185153","@chakra-ui/system":"0.0.0-dev-20230528185153","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528185153"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528185153_1685299965368_0.16558942908534968","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528190715":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528190715","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528190715","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a6193c185f28e934516e3eedf7db29b86fe68941","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528190715.tgz","fileCount":38,"integrity":"sha512-PI5Xy4uzMRUOZqC/3FcdTzTfMMESVy65nwLvRfIA31KeHQKWUDjXuTEYAwQqMh/TYnO3fKBUCPykO7O4R4+ZeA==","signatures":[{"sig":"MEQCIBb92Lu4kVYR7HN5oAoQElkKkVXW2TToUeskr8l5G7MfAiAzqWSp2mMkSBIZSB4r+rBpreR6/Q8XVYzBtVulvL2vLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82006},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528190715.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/147afc8a9c0d73f93de5013756e0ce69/chakra-ui-accordion-0.0.0-dev-20230528190715.tgz","_integrity":"sha512-PI5Xy4uzMRUOZqC/3FcdTzTfMMESVy65nwLvRfIA31KeHQKWUDjXuTEYAwQqMh/TYnO3fKBUCPykO7O4R4+ZeA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230528190715","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528190715","@chakra-ui/system":"0.0.0-dev-20230528190715","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528190715"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528190715_1685300887617_0.6597979652805712","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528194103":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528194103","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528194103","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a49caa8fa00a3ab3ca3a24d6a69bfee1fcecf69a","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528194103.tgz","fileCount":38,"integrity":"sha512-pfUT9uZITuUAxeN4v0UgrIX7hRTmCYX3cQ1BLjlrzFeeN3rHUSfbfm2q9XAqvW2tFArrPGbaUMJJ6lKog9WD4Q==","signatures":[{"sig":"MEYCIQCbHFaCKxURTWOG9xRPj3gHMcu1jeOlkBE1tQM6G1SDZQIhAMj5zEi7WB6R8fwhcnIX9KmBCu7aJGIXyN80BQhYAVUU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82006},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528194103.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8ff06b81d6e2813a821c8a69fa2afb1c/chakra-ui-accordion-0.0.0-dev-20230528194103.tgz","_integrity":"sha512-pfUT9uZITuUAxeN4v0UgrIX7hRTmCYX3cQ1BLjlrzFeeN3rHUSfbfm2q9XAqvW2tFArrPGbaUMJJ6lKog9WD4Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230528194103","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528194103","@chakra-ui/system":"0.0.0-dev-20230528194103","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528194103"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528194103_1685302929036_0.5692829371785659","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230528200306":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230528200306","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230528200306","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1be01a40a6ee04a74b125c803e9d015dea49f25b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230528200306.tgz","fileCount":38,"integrity":"sha512-daRrfuZNRtHthgLMF+3tvGi3ciZSFTNQglzTUQkubRLlVRsRcGO8XIC9sgAmND4PMQ/iNJZgsALWQ906BzYZ1Q==","signatures":[{"sig":"MEUCIQDxg/yT7nFBRfBR6y6ekiEakdIH/oNb2C2q/DlztQOjEwIgQodZIKApN1x6LHcPbkB3IvXuTF24m0f23a2/X34weTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82006},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230528200306.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/bb3965dd8bc02612bf261990dba8816b/chakra-ui-accordion-0.0.0-dev-20230528200306.tgz","_integrity":"sha512-daRrfuZNRtHthgLMF+3tvGi3ciZSFTNQglzTUQkubRLlVRsRcGO8XIC9sgAmND4PMQ/iNJZgsALWQ906BzYZ1Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230528200306","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230528200306","@chakra-ui/system":"0.0.0-dev-20230528200306","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230528200306"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230528200306_1685304238991_0.8247787924392682","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230531082239":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230531082239","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230531082239","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"15f6357ae67a3f63187867196cfb4ce9720a98be","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230531082239.tgz","fileCount":38,"integrity":"sha512-SVqfKKIIqFjE8c64kDlcHlQEcvb/QsDu9sOGFM4LBKIN63Zvs9vE3qYibb/Cwtwu0jSlpdJuMZ6RajTg+XL15w==","signatures":[{"sig":"MEUCIFWDmdFjCK36gPbjllx4wwjNLsB+nzQEz0xv4BiYeuebAiEAvb4haCez9XhpJVMphpml4o3agp2Tz7gvE8aoKOqOx/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82006},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230531082239.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1d3282afd61405eeda310865c1dbbded/chakra-ui-accordion-0.0.0-dev-20230531082239.tgz","_integrity":"sha512-SVqfKKIIqFjE8c64kDlcHlQEcvb/QsDu9sOGFM4LBKIN63Zvs9vE3qYibb/Cwtwu0jSlpdJuMZ6RajTg+XL15w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230531082239","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230531082239","@chakra-ui/system":"0.0.0-dev-20230531082239","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230531082239"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230531082239_1685521413183_0.8607176590822152","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230531084037":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230531084037","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230531084037","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b8ee1413d560997886cdc5276902396cd772a684","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230531084037.tgz","fileCount":38,"integrity":"sha512-7jqbZ65x55A5u4AXhC7OHGiQkm+aNyMzSiBD3GTlOvnPcthrn1XbSv5woP3gjnip0DXXtnKtJ8RoRAlSAp7f9w==","signatures":[{"sig":"MEUCIQD/wzDzzYzK7mUG6tjqe0rSAp19EbpjOIuRf+dcEJdlUAIgG+8brlGQ5M/aJQYBOqP7tnoAfLQ/iONM8BvvTE8HARQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82006},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230531084037.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6bcdf0f9e30ec444c79ae4c7797f0f45/chakra-ui-accordion-0.0.0-dev-20230531084037.tgz","_integrity":"sha512-7jqbZ65x55A5u4AXhC7OHGiQkm+aNyMzSiBD3GTlOvnPcthrn1XbSv5woP3gjnip0DXXtnKtJ8RoRAlSAp7f9w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230531084037","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230531084037","@chakra-ui/system":"0.0.0-dev-20230531084037","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230531084037"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230531084037_1685522506332_0.27061353771210617","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230531085907":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230531085907","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230531085907","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a38a5be095d6310a8f51bd7b328b5b4f9b770bed","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230531085907.tgz","fileCount":38,"integrity":"sha512-MXe5/16Hl9nHdeFV6CscIp2IFuD0QCcVDdg6dFslNX4NHagcGu7VJtv49DeoPb0TzNd/qQVG3w2wAlyfoZ48aw==","signatures":[{"sig":"MEUCIDQ8wC/GVB7Leuyu2+63t0m5bUKaO74fwVVoryUM/tcSAiEA/M3hZoAlnNuXWE65LIDJ6BdbLt9CW0qrY2mNkj2LneU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82006},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-0.0.0-dev-20230531085907.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8e811f2cca8b43a2ccbd531a41067989/chakra-ui-accordion-0.0.0-dev-20230531085907.tgz","_integrity":"sha512-MXe5/16Hl9nHdeFV6CscIp2IFuD0QCcVDdg6dFslNX4NHagcGu7VJtv49DeoPb0TzNd/qQVG3w2wAlyfoZ48aw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230531085907","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230531085907","@chakra-ui/system":"0.0.0-dev-20230531085907","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230531085907"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230531085907_1685523598170_0.051509189683910384","host":"s3://npm-registry-packages"}},"2.2.0":{"name":"@chakra-ui/accordion","version":"2.2.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.2.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a38ed8e7d0a7ccc6910282f913c42cf6deea7215","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.2.0.tgz","fileCount":38,"integrity":"sha512-2IK1iLzTZ22u8GKPPPn65mqJdZidn4AvkgAbv17ISdKA07VHJ8jSd4QF1T5iCXjKfZ0XaXozmhP4kDhjwF2IbQ==","signatures":[{"sig":"MEQCIHGeXhXcn0ycOBurRlKzg7YPpN0iof2qgYWj+WUdfPsiAiAsNbX3wPZeIVHTUtGNpuA/elrfsrMYvIkGXFk8DpTEJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81914},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-accordion-2.2.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f8782e0ea5670d089842ed49a9965629/chakra-ui-accordion-2.2.0.tgz","_integrity":"sha512-2IK1iLzTZ22u8GKPPPn65mqJdZidn4AvkgAbv17ISdKA07VHJ8jSd4QF1T5iCXjKfZ0XaXozmhP4kDhjwF2IbQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/descendant":"3.0.14","@chakra-ui/transition":"2.0.16","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"2.2.12","@chakra-ui/button":"2.0.18","@chakra-ui/layout":"2.2.0","@chakra-ui/system":"2.5.8","@chakra-ui/react-use-disclosure":"2.0.8"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.2.0_1685526269597_0.911802181060793","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230718122336","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230718122336","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1848ecbb55301877196cd4c8c11e47d98703f045","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230718122336.tgz","fileCount":64,"integrity":"sha512-Rje2ltdXSOuyk6I1xbR/q3DK0RcX+Fxx8010ew1XcWlmA4L3obkzuBfWUQCfg6axC1iqJl7aoSJ4EWP2+Lo4Pw==","signatures":[{"sig":"MEUCIC+iQodSSxNmP0n2KRNz1NZQYvhnYhWviKi8cvGhn6zqAiEAjiZ68VFM927wGgA4dgd2Apb6Zq0XsRurn/Ur6t7Qcvk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":230327},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f742be18754612e8392107e4a5a2e3a5/chakra-ui-accordion-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-Rje2ltdXSOuyk6I1xbR/q3DK0RcX+Fxx8010ew1XcWlmA4L3obkzuBfWUQCfg6axC1iqJl7aoSJ4EWP2+Lo4Pw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718122336","@chakra-ui/descendant":"0.0.0-dev-20230718122336","@chakra-ui/transition":"0.0.0-dev-20230718122336","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718122336","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718122336","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718122336"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230718122336","@chakra-ui/button":"0.0.0-dev-20230718122336","@chakra-ui/layout":"0.0.0-dev-20230718122336","@chakra-ui/system":"0.0.0-dev-20230718122336","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230718122336_1689683090269_0.6818344452862026","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230718124717","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230718124717","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9a6a86aba097ff14eeeb6f6ffa75cd0e25371847","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230718124717.tgz","fileCount":64,"integrity":"sha512-MR7IIFdgFhgPkGApCXzLEzlz954UvYTfoGJ8+MWbJ/zex5/IQa+B9LSQWVDHXMnCwfykC2KaYcGR+4158VjqiA==","signatures":[{"sig":"MEYCIQCzBs0SCxC+B7gOg2i6Cbur1mo+cwRLrT8z818CXoY8lwIhAPprPnyakyP2jda3ZvMqB/JU79t4aNfw5DnRyHcZKv1U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":230327},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1908e1c2473f2321ab786465fcb096eb/chakra-ui-accordion-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-MR7IIFdgFhgPkGApCXzLEzlz954UvYTfoGJ8+MWbJ/zex5/IQa+B9LSQWVDHXMnCwfykC2KaYcGR+4158VjqiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718124717","@chakra-ui/descendant":"0.0.0-dev-20230718124717","@chakra-ui/transition":"0.0.0-dev-20230718124717","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718124717","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718124717","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718124717"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230718124717","@chakra-ui/button":"0.0.0-dev-20230718124717","@chakra-ui/layout":"0.0.0-dev-20230718124717","@chakra-ui/system":"0.0.0-dev-20230718124717","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230718124717_1689684507400_0.0775776982091212","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230718130742","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230718130742","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ca4f024167ef217a5533273ea4d42e26a6f8092b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230718130742.tgz","fileCount":64,"integrity":"sha512-ueX44iDudnF7spnaQdc7NETrWAT6m1opOQeryIMKLXXsRrO0sDmkHxYtSCjH4ThzCXyTmV7hJkTftYdxcewUOw==","signatures":[{"sig":"MEUCIQC688k/PR6N53mPb4QF+uh73/WYw2dPuSeAAutTziW63QIgBsXeCy8KISuXd+JvquUwtln+QAm0ZL7HUCeRMXtXELY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":230327},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2cf70181d0b1b755a73a23d7b85113af/chakra-ui-accordion-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-ueX44iDudnF7spnaQdc7NETrWAT6m1opOQeryIMKLXXsRrO0sDmkHxYtSCjH4ThzCXyTmV7hJkTftYdxcewUOw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718130742","@chakra-ui/descendant":"0.0.0-dev-20230718130742","@chakra-ui/transition":"0.0.0-dev-20230718130742","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718130742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718130742","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718130742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230718130742","@chakra-ui/button":"0.0.0-dev-20230718130742","@chakra-ui/layout":"0.0.0-dev-20230718130742","@chakra-ui/system":"0.0.0-dev-20230718130742","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230718130742_1689685721342_0.6569232060383388","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230718132637","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230718132637","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"066f5acd46da51c29ae08c11b3a3128c4db1abfd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230718132637.tgz","fileCount":64,"integrity":"sha512-fkVT/0j+p74Fvho1tPk0oVDPkSXRjLYVLKg/CcYlwLgs3oiCYo9J5BDkXgATVA/lCVbzuo4Uo8+hMDx+SwXgXA==","signatures":[{"sig":"MEUCIQCmFGJ65XU5ZsqEtUW1qZhYq8vR1I3qEbOpFH0mmC+IGAIgIaXf7XViUpKBkGiseNtqIig797QuCNPuWShVgFER7Uk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":230327},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fa417563b47850090cf51a2c0d1bec45/chakra-ui-accordion-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-fkVT/0j+p74Fvho1tPk0oVDPkSXRjLYVLKg/CcYlwLgs3oiCYo9J5BDkXgATVA/lCVbzuo4Uo8+hMDx+SwXgXA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718132637","@chakra-ui/descendant":"0.0.0-dev-20230718132637","@chakra-ui/transition":"0.0.0-dev-20230718132637","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718132637","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718132637","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718132637"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"0.0.0-dev-20230718132637","@chakra-ui/button":"0.0.0-dev-20230718132637","@chakra-ui/layout":"0.0.0-dev-20230718132637","@chakra-ui/system":"0.0.0-dev-20230718132637","@chakra-ui/react-use-disclosure":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230718132637_1689686855170_0.2066038061273321","host":"s3://npm-registry-packages"}},"2.3.0":{"name":"@chakra-ui/accordion","version":"2.3.0","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.3.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c85fd2d2734b176f019f8db9f4e075007b4e1fb","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.3.0.tgz","fileCount":64,"integrity":"sha512-A4TkRw3Jnt+Fam6dSSJ62rskdrvjF3JGctYcfXlojfFIpHPuIw4pDwfZgNAxlaxWkcj0e7JJKlQ88dnZW+QfFg==","signatures":[{"sig":"MEYCIQDA7sC6JLG0G914SJHq8sNWhuML/PlmLALzxQps/4pbaAIhAMe2cCH7PWEUtw5f61d8Dvke0VjXiCLcPwBI60tTRCCq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":230082},"main":"dist/index.js","_from":"file:chakra-ui-accordion-2.3.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/dc37d5b116bd5137c2922a28e571837e/chakra-ui-accordion-2.3.0.tgz","_integrity":"sha512-A4TkRw3Jnt+Fam6dSSJ62rskdrvjF3JGctYcfXlojfFIpHPuIw4pDwfZgNAxlaxWkcj0e7JJKlQ88dnZW+QfFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.5.1","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"3.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","framer-motion":"^10.12.16","@chakra-ui/modal":"2.3.0","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"2.3.0","@chakra-ui/system":"2.6.0","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.3.0_1689721234215_0.7144767221465751","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822131635":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230822131635","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230822131635","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"23e4c6673b83d42305ac158388af6a3df80df02f","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230822131635.tgz","fileCount":73,"integrity":"sha512-P9Rarh01EGVL83enO7KGGsf6+9rM9K5BaaR4y6VkFqjsCU1lPngQ8dJ5dHKBjDyRn7GHI1BQsqyq43mpqFillQ==","signatures":[{"sig":"MEUCIQDk0Chx7/lmcetWQnP+RLCQ2RVp8KW6QMI7GMhH85BHGQIgfbh1z6hjgTjOBIquoe8fxYRlt/InvU9gpLJit+ywszI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239647},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230822131635.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ba302168958bf9134a87179ed3df954f/chakra-ui-accordion-0.0.0-dev-20230822131635.tgz","_integrity":"sha512-P9Rarh01EGVL83enO7KGGsf6+9rM9K5BaaR4y6VkFqjsCU1lPngQ8dJ5dHKBjDyRn7GHI1BQsqyq43mpqFillQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230822131635","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"0.0.0-dev-20230822131635","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230822131635","@chakra-ui/system":"0.0.0-dev-20230822131635","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230822131635"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230822131635_1692710260993_0.5022869133529082","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822134434":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230822134434","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230822134434","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"371551d5d22c2d34cf88ed3007a8e8a74b52ba05","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230822134434.tgz","fileCount":73,"integrity":"sha512-OVZLuflld63CVsGMan3DOn+c71Zpv4YT0LRFS4ZstE3M69E+y48gHSvhaRl1kgroz+OuRfHQh3OrvBeWZ24Qgg==","signatures":[{"sig":"MEYCIQCu0ZH4IaKyknD0bG+T5Kgv6SvBxEgx0ohmkaaI1NKDlQIhAOx2JRHZagkuwauu8vfhc9JV/3epieVdrvKjEsvleuWM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239647},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230822134434.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ecbe3352e664107ff213475248d0d1ac/chakra-ui-accordion-0.0.0-dev-20230822134434.tgz","_integrity":"sha512-OVZLuflld63CVsGMan3DOn+c71Zpv4YT0LRFS4ZstE3M69E+y48gHSvhaRl1kgroz+OuRfHQh3OrvBeWZ24Qgg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230822134434","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"0.0.0-dev-20230822134434","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230822134434","@chakra-ui/system":"0.0.0-dev-20230822134434","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230822134434"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230822134434_1692711925671_0.4366708870228493","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830093747":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230830093747","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230830093747","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4a6ba373d8214082e71cd0c412b8107c3c7d00d8","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230830093747.tgz","fileCount":73,"integrity":"sha512-BDYFFIy+jSDHO/HlBkzZaMLbgBRRXETWGKb+K5uAMWh0Z9TIvMVYojpU+9nv9iZR8GL0lUpHtghvhe3KuYwAAQ==","signatures":[{"sig":"MEUCIGVkHA4dDb3b+Nuamu+qWtlrFezgk+cqZuqPERjanJStAiEAoi06+GkCDso++f6MOFKbIOP8oQAxWgpapLKQI1jPWPY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239647},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230830093747.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e7c725bf7de2682bb4b4441a6de8cbd3/chakra-ui-accordion-0.0.0-dev-20230830093747.tgz","_integrity":"sha512-BDYFFIy+jSDHO/HlBkzZaMLbgBRRXETWGKb+K5uAMWh0Z9TIvMVYojpU+9nv9iZR8GL0lUpHtghvhe3KuYwAAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230830093747","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"0.0.0-dev-20230830093747","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230830093747","@chakra-ui/system":"0.0.0-dev-20230830093747","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230830093747"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230830093747_1693388319448_0.3002704147513353","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830120642":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230830120642","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230830120642","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3569d4340be9d4e8ceec36bb495b47758940d8dd","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230830120642.tgz","fileCount":73,"integrity":"sha512-U60lZ7g3F+Dt9tLAASreAJpuOTT5zX7nIXoas5uuGpUiLY/zElpLRSOmTpl/To0u08HgvXqd/duIvm1ue0VwBw==","signatures":[{"sig":"MEQCIFXsWrWRfM8C259CBJbuyblbTP4URLFHt6zqqH+SMbm6AiB00Q424cNJ9/o1msTHISl5+UawpslZmWmokw80laCYwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239647},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230830120642.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/123932536fea5f26c96045d18d120f12/chakra-ui-accordion-0.0.0-dev-20230830120642.tgz","_integrity":"sha512-U60lZ7g3F+Dt9tLAASreAJpuOTT5zX7nIXoas5uuGpUiLY/zElpLRSOmTpl/To0u08HgvXqd/duIvm1ue0VwBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230830120642","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"0.0.0-dev-20230830120642","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230830120642","@chakra-ui/system":"0.0.0-dev-20230830120642","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230830120642"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230830120642_1693397254587_0.3286371412995044","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830133821":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230830133821","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230830133821","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9f92d060a9a55e948f0389c4681f3333f9895b4c","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230830133821.tgz","fileCount":73,"integrity":"sha512-dAwP884hOzL2SddGJvY7n2Jam3PdP3QnWyFYYH1g4Suhz2QJXk9XZM1ygocfJHYeid4cXzcR6QHROH8zML/jOA==","signatures":[{"sig":"MEQCIBcCgdL2p/5pK/JTuapWFmzRy/cnCvIcH7njQU822nhaAiASgj4fPq3uM+Uy1WuxTcArvhKxydhIdiPb1yGjCK/gTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239647},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230830133821.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ff02814935fd05c35c1ae883a6a1c02d/chakra-ui-accordion-0.0.0-dev-20230830133821.tgz","_integrity":"sha512-dAwP884hOzL2SddGJvY7n2Jam3PdP3QnWyFYYH1g4Suhz2QJXk9XZM1ygocfJHYeid4cXzcR6QHROH8zML/jOA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230830133821","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"0.0.0-dev-20230830133821","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230830133821","@chakra-ui/system":"0.0.0-dev-20230830133821","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230830133821"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230830133821_1693402751058_0.5912641746173548","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230908144305":{"name":"@chakra-ui/accordion","version":"0.0.0-dev-20230908144305","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@0.0.0-dev-20230908144305","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"40b7bf8a9353ac4fde2b42c17ea907736db4763d","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-0.0.0-dev-20230908144305.tgz","fileCount":73,"integrity":"sha512-SVDcIH+guMkjns2xej95wiL7mmHa2gTexyJiapbsFmrTip47buBP7ReYZ34wJ5tMS3f5XXK32VurvDd4xUcOww==","signatures":[{"sig":"MEUCIQClcK1BYrzd7sCncoeUHEB8B4IJeznxtKmZXHVfu3S1kgIgE0JJee/GXUEHeU0MzD/3B+caUwBKOTY2L82V+VtH/ZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239647},"main":"dist/index.js","_from":"file:chakra-ui-accordion-0.0.0-dev-20230908144305.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cfa0a69e8d116ecc16e183ffda265a70/chakra-ui-accordion-0.0.0-dev-20230908144305.tgz","_integrity":"sha512-SVDcIH+guMkjns2xej95wiL7mmHa2gTexyJiapbsFmrTip47buBP7ReYZ34wJ5tMS3f5XXK32VurvDd4xUcOww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230908144305","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"0.0.0-dev-20230908144305","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"0.0.0-dev-20230908144305","@chakra-ui/system":"0.0.0-dev-20230908144305","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":"0.0.0-dev-20230908144305"},"_npmOperationalInternal":{"tmp":"tmp/accordion_0.0.0-dev-20230908144305_1694184238559_0.8806658311561331","host":"s3://npm-registry-packages"}},"2.3.1":{"name":"@chakra-ui/accordion","version":"2.3.1","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/accordion@2.3.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a326509e286a5c4e8478de9bc2b4b05017039e6b","tarball":"https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-2.3.1.tgz","fileCount":73,"integrity":"sha512-FSXRm8iClFyU+gVaXisOSEw0/4Q+qZbFRiuhIAkVU6Boj0FxAMrlo9a8AV5TuF77rgaHytCdHk0Ng+cyUijrag==","signatures":[{"sig":"MEQCIHiq9I2MWY/fq8HiNpn7p63wrgpMxHek3bjy8+JELXWqAiAZfU6jMZI0ekgZ8Py2Hhq0LiTiMzD2azBry8xPi66x0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":239535},"main":"dist/index.js","_from":"file:chakra-ui-accordion-2.3.1.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b2b8a8ae1a37883b863bdb176c0e7fb5/chakra-ui-accordion-2.3.1.tgz","_integrity":"sha512-FSXRm8iClFyU+gVaXisOSEw0/4Q+qZbFRiuhIAkVU6Boj0FxAMrlo9a8AV5TuF77rgaHytCdHk0Ng+cyUijrag==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"_npmVersion":"9.6.7","description":"A simple and accessible accordion component for React & Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"3.2.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/transition":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","framer-motion":"^10.16.1","@chakra-ui/modal":"2.3.1","@chakra-ui/button":"2.1.0","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"2.6.1","@chakra-ui/react-use-disclosure":"2.1.0"},"peerDependencies":{"react":">=18","framer-motion":">=4.0.0","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/accordion_2.3.1_1694214248373_0.05666712427867093","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:24.713Z","modified":"2025-08-25T12:24:05.089Z","1.0.0-next.0":"2020-06-20T20:43:25.246Z","1.0.0-next.2251":"2020-06-21T09:00:25.991Z","1.0.0-next.1":"2020-06-21T09:41:48.066Z","1.0.0-next.2":"2020-06-22T15:36:22.974Z","1.0.0-next.3":"2020-06-28T16:36:12.830Z","1.0.0-next.4":"2020-07-01T17:43:12.527Z","1.0.0-next.5":"2020-07-15T10:37:13.588Z","1.0.0-next.6":"2020-07-15T15:35:38.156Z","1.0.0-next.7":"2020-07-26T12:55:52.341Z","1.0.0-rc.0":"2020-07-26T15:58:08.451Z","1.0.0-rc.1":"2020-08-06T21:15:00.724Z","1.0.0-rc.2":"2020-08-09T11:32:42.087Z","1.0.0-rc.3":"2020-08-30T15:30:27.542Z","1.0.0-rc.4":"2020-09-25T14:09:17.375Z","1.0.0-rc.5":"2020-09-27T20:28:01.821Z","1.0.0-rc.6":"2020-10-25T15:43:23.060Z","1.0.0-rc.7":"2020-10-25T21:39:12.740Z","1.0.0-rc.8":"2020-10-29T20:25:02.861Z","1.0.0":"2020-11-13T10:21:22.458Z","1.0.1":"2020-11-20T19:49:55.459Z","1.0.2":"2020-12-03T18:17:52.967Z","1.0.3":"2020-12-17T21:39:19.601Z","1.0.4":"2021-01-11T17:01:43.087Z","1.0.5":"2021-01-17T19:43:26.457Z","1.0.6":"2021-01-24T15:00:59.960Z","1.1.0":"2021-01-30T21:52:29.519Z","1.1.2":"2021-02-06T11:40:40.730Z","1.1.3":"2021-03-05T20:00:22.801Z","1.1.4":"2021-03-21T06:35:02.778Z","1.2.0":"2021-03-30T12:25:22.931Z","1.2.1":"2021-04-07T15:07:14.932Z","1.2.2":"2021-04-13T22:11:59.390Z","1.2.3":"2021-04-19T18:37:23.587Z","1.3.0":"2021-04-23T18:03:38.424Z","1.3.1":"2021-05-05T11:12:38.252Z","1.3.2":"2021-05-17T21:58:02.207Z","1.3.3":"2021-06-18T17:37:53.912Z","1.3.4":"2021-07-08T15:05:25.731Z","1.3.5":"2021-08-09T10:27:12.660Z","1.3.5-next.1":"2021-08-14T15:52:03.109Z","1.3.6":"2021-08-29T11:52:32.388Z","1.3.7":"2021-10-05T20:21:39.177Z","1.3.8":"2021-10-14T23:33:37.120Z","1.3.10":"2021-11-03T20:32:56.048Z","1.4.0":"2021-11-11T16:56:37.966Z","1.4.1":"2021-11-12T19:51:24.839Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:08.163Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:30.319Z","0.0.0-pr-20211191288":"2021-12-09T12:08:35.113Z","1.4.2":"2021-12-09T13:30:05.607Z","0.0.0-pr-202111921327":"2021-12-09T21:03:50.873Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:07.525Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:11.933Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:26.430Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:04.242Z","0.0.0-pr-20211113202333":"2021-12-13T20:23:52.584Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:10.044Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:41.080Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:18.919Z","0.0.0-dev-20211115103321":"2021-12-15T10:33:48.015Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:29.155Z","0.0.0-dev-2021112024830":"2021-12-20T02:48:53.097Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:23.619Z","0.0.0-dev-2021112031622":"2021-12-20T03:16:48.887Z","0.0.0-pr-20211120212826":"2021-12-20T21:28:48.040Z","0.0.0-pr-20211120212927":"2021-12-20T21:29:48.326Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:38.575Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:40.741Z","0.0.0-dev-20211120215621":"2021-12-20T21:56:49.389Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:15.516Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:24.267Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:06.744Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:21.228Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:02.631Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:17.890Z","0.0.0-pr-2021112616030":"2021-12-26T16:00:59.330Z","0.0.0-pr-2021112821613":"2021-12-28T21:06:42.541Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:07.460Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:16.736Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:41.046Z","0.0.0-pr-202111299618":"2021-12-29T09:06:48.177Z","0.0.0-pr-202111299647":"2021-12-29T09:07:14.228Z","0.0.0-dev-202111299720":"2021-12-29T09:07:50.806Z","0.0.0-dev-20211129982":"2021-12-29T09:08:31.169Z","0.0.0-pr-2021112991213":"2021-12-29T09:12:44.303Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:03.350Z","0.0.0-dev-20220114234":"2022-01-01T01:43:01.317Z","0.0.0-dev-20220114728":"2022-01-01T01:47:56.574Z","0.0.0-dev-202201134936":"2022-01-01T13:50:05.021Z","0.0.0-dev-20220281628":"2022-01-02T08:16:57.513Z","0.0.0-dev-20220282224":"2022-01-02T08:22:52.307Z","0.0.0-pr-20220282356":"2022-01-02T08:24:23.908Z","0.0.0-pr-2022028277":"2022-01-02T08:27:31.824Z","0.0.0-dev-2022028387":"2022-01-02T08:38:40.182Z","0.0.0-dev-2022028457":"2022-01-02T08:45:30.785Z","0.0.0-pr-20220284534":"2022-01-02T08:46:01.602Z","0.0.0-dev-2022028579":"2022-01-02T08:57:38.800Z","0.0.0-pr-202203225541":"2022-01-03T22:56:12.711Z","0.0.0-pr-202203231241":"2022-01-03T23:13:09.772Z","0.0.0-pr-20220483049":"2022-01-04T08:31:21.112Z","0.0.0-pr-202204173424":"2022-01-04T17:34:49.678Z","0.0.0-pr-202204174042":"2022-01-04T17:41:08.198Z","0.0.0-pr-202204174930":"2022-01-04T17:49:59.641Z","1.4.3":"2022-01-04T20:36:18.034Z","0.0.0-pr-202204203645":"2022-01-04T20:37:16.421Z","0.0.0-pr-20220421928":"2022-01-04T21:09:54.528Z","0.0.0-pr-202206185910":"2022-01-06T18:59:38.072Z","0.0.0-pr-202206192031":"2022-01-06T19:20:59.617Z","0.0.0-pr-20220620149":"2022-01-06T20:02:15.740Z","0.0.0-dev-20220620653":"2022-01-06T20:07:17.019Z","0.0.0-pr-2022062070":"2022-01-06T20:07:26.528Z","0.0.0-pr-202208163634":"2022-01-08T16:37:03.495Z","0.0.0-pr-20220816386":"2022-01-08T16:38:34.444Z","0.0.0-pr-202208164521":"2022-01-08T16:45:46.746Z","0.0.0-pr-202209205059":"2022-01-09T20:51:25.103Z","0.0.0-pr-20220920538":"2022-01-09T20:53:35.724Z","0.0.0-pr-202209211330":"2022-01-09T21:13:54.973Z","0.0.0-pr-20220921590":"2022-01-09T21:59:23.622Z","0.0.0-pr-202209231642":"2022-01-09T23:17:05.364Z","0.0.0-pr-202209231818":"2022-01-09T23:18:44.277Z","0.0.0-pr-202209231927":"2022-01-09T23:19:53.447Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:03.723Z","0.0.0-dev-202201013510":"2022-01-10T13:51:22.840Z","0.0.0-pr-202201013538":"2022-01-10T13:53:30.721Z","0.0.0-dev-202201117413":"2022-01-11T17:41:25.079Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:09.230Z","0.0.0-pr-2022011182024":"2022-01-11T18:20:49.876Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:21.397Z","0.0.0-pr-202201319022":"2022-01-13T19:00:47.668Z","0.0.0-dev-202201319130":"2022-01-13T19:01:51.955Z","0.0.0-pr-202201319211":"2022-01-13T19:02:34.979Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:18.251Z","0.0.0-pr-2022013191627":"2022-01-13T19:16:48.840Z","0.0.0-pr-2022013191632":"2022-01-13T19:16:57.021Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:23.942Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:15.425Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:19.006Z","0.0.0-dev-2022013193526":"2022-01-13T19:35:54.105Z","0.0.0-pr-2022014102532":"2022-01-14T10:25:57.874Z","0.0.0-dev-202201418849":"2022-01-14T18:09:18.314Z","0.0.0-pr-202201418280":"2022-01-14T18:28:30.734Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:05.671Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:11.047Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:27.809Z","0.0.0-dev-20220209527":"2022-01-20T09:05:52.632Z","0.0.0-pr-2022020961":"2022-01-20T09:06:31.102Z","0.0.0-pr-20220209192":"2022-01-20T09:19:34.470Z","0.0.0-pr-202202092345":"2022-01-20T09:24:14.006Z","0.0.0-pr-202202495259":"2022-01-24T09:53:32.129Z","0.0.0-pr-202202495536":"2022-01-24T09:56:08.602Z","0.0.0-pr-202202495553":"2022-01-24T09:56:18.804Z","0.0.0-dev-202202495727":"2022-01-24T09:57:57.467Z","0.0.0-dev-202202410017":"2022-01-24T10:00:43.269Z","0.0.0-pr-202202410034":"2022-01-24T10:01:04.752Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:24.505Z","0.0.0-pr-202202423375":"2022-01-24T23:37:33.013Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:01.965Z","0.0.0-dev-20220258423":"2022-01-25T08:42:35.107Z","0.0.0-pr-202202584437":"2022-01-25T08:45:08.608Z","0.0.0-pr-20220258462":"2022-01-25T08:46:29.293Z","0.0.0-dev-20220258486":"2022-01-25T08:48:38.832Z","0.0.0-dev-202202585455":"2022-01-25T08:55:22.137Z","0.0.0-pr-20220259146":"2022-01-25T09:14:33.123Z","0.0.0-dev-202202591453":"2022-01-25T09:15:19.660Z","0.0.0-dev-202202591937":"2022-01-25T09:20:07.111Z","0.0.0-dev-202202592640":"2022-01-25T09:27:12.309Z","0.0.0-pr-20220251866":"2022-01-25T18:06:34.213Z","1.4.4":"2022-01-25T18:07:12.634Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:25.332Z","0.0.0-pr-2022026182926":"2022-01-26T18:29:45.743Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:08.380Z","0.0.0-pr-202202618407":"2022-01-26T18:40:27.345Z","0.0.0-pr-20220300344":"2022-01-30T00:04:08.237Z","0.0.0-dev-2022031194853":"2022-01-31T19:49:14.777Z","0.0.0-pr-2022031195316":"2022-01-31T19:53:41.372Z","0.0.0-dev-2022031195335":"2022-01-31T19:53:56.182Z","1.4.5":"2022-01-31T19:54:59.523Z","0.0.0-pr-2022031195522":"2022-01-31T19:55:50.925Z","0.0.0-dev-2022031223123":"2022-01-31T22:31:46.167Z","0.0.0-pr-20221152447":"2022-02-01T05:25:15.223Z","0.0.0-dev-20221152516":"2022-02-01T05:25:44.434Z","0.0.0-dev-20221152957":"2022-02-01T05:30:23.997Z","0.0.0-pr-20221153122":"2022-02-01T05:31:48.683Z","0.0.0-pr-20221173228":"2022-02-01T07:32:50.591Z","0.0.0-pr-20221173648":"2022-02-01T07:37:15.535Z","0.0.0-pr-202211224055":"2022-02-01T22:41:16.967Z","0.0.0-pr-202211224227":"2022-02-01T22:42:53.301Z","0.0.0-pr-20221263638":"2022-02-02T06:37:08.618Z","0.0.0-pr-20221263715":"2022-02-02T06:37:40.356Z","0.0.0-pr-20221272130":"2022-02-02T07:21:57.121Z","0.0.0-pr-20221272450":"2022-02-02T07:25:16.784Z","0.0.0-dev-202213175727":"2022-02-03T17:57:55.386Z","0.0.0-pr-20221462931":"2022-02-04T06:30:03.552Z","0.0.0-dev-20221463045":"2022-02-04T06:31:17.495Z","0.0.0-pr-202214171317":"2022-02-04T17:13:51.621Z","0.0.0-pr-202214173019":"2022-02-04T17:30:46.269Z","0.0.0-pr-20221417318":"2022-02-04T17:31:40.790Z","0.0.0-pr-202214173148":"2022-02-04T17:32:18.414Z","0.0.0-pr-202215111823":"2022-02-05T11:18:52.849Z","0.0.0-dev-202215111945":"2022-02-05T11:20:18.264Z","0.0.0-dev-202215112739":"2022-02-05T11:28:08.039Z","0.0.0-pr-202215113521":"2022-02-05T11:35:47.686Z","0.0.0-pr-202215113950":"2022-02-05T11:40:20.912Z","0.0.0-dev-202215114149":"2022-02-05T11:42:22.586Z","0.0.0-pr-202215114422":"2022-02-05T11:44:51.464Z","0.0.0-dev-202215114442":"2022-02-05T11:45:15.384Z","0.0.0-pr-202215114917":"2022-02-05T11:49:52.978Z","0.0.0-pr-20221512346":"2022-02-05T12:04:15.543Z","0.0.0-pr-20221512130":"2022-02-05T12:13:26.465Z","0.0.0-pr-202215121320":"2022-02-05T12:13:46.514Z","0.0.0-dev-202215121353":"2022-02-05T12:14:18.523Z","0.0.0-dev-202215121428":"2022-02-05T12:14:52.341Z","0.0.0-dev-20221512173":"2022-02-05T12:17:28.038Z","0.0.0-dev-202215122415":"2022-02-05T12:24:47.630Z","0.0.0-pr-20221512359":"2022-02-05T12:35:37.353Z","0.0.0-pr-202215125733":"2022-02-05T12:58:02.344Z","0.0.0-pr-202215132532":"2022-02-05T13:25:59.837Z","0.0.0-dev-20221513279":"2022-02-05T13:27:41.379Z","1.4.6":"2022-02-05T13:36:16.142Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:00.247Z","0.0.0-pr-202211594731":"2022-02-15T09:47:56.250Z","0.0.0-dev-2022117101328":"2022-02-17T10:13:57.155Z","1.4.7":"2022-02-17T10:18:41.000Z","0.0.0-pr-2022117102151":"2022-02-17T10:22:13.792Z","0.0.0-dev-2022117102223":"2022-02-17T10:22:51.984Z","0.0.0-dev-2022117103018":"2022-02-17T10:30:48.213Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:38.562Z","0.0.0-pr-202211713187":"2022-02-17T13:18:39.072Z","0.0.0-dev-202211720414":"2022-02-17T20:04:41.393Z","0.0.0-dev-2022117201925":"2022-02-17T20:19:52.172Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:47.160Z","0.0.0-dev-202212083710":"2022-02-20T08:37:44.299Z","0.0.0-pr-202212011232":"2022-02-20T11:03:06.622Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:28.889Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:38.998Z","0.0.0-dev-2022120114225":"2022-02-20T11:42:57.100Z","0.0.0-dev-202212012129":"2022-02-20T12:12:39.958Z","0.0.0-dev-2022120123118":"2022-02-20T12:31:48.561Z","1.4.8":"2022-02-20T12:40:56.955Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:17.578Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:16.410Z","0.0.0-dev-202212821520":"2022-02-28T21:52:24.706Z","0.0.0-dev-202212822477":"2022-02-28T22:47:31.012Z","0.0.0-dev-2022128224832":"2022-02-28T22:48:55.893Z","1.4.9":"2022-02-28T23:07:10.328Z","0.0.0-dev-202221417325":"2022-03-14T17:04:08.837Z","0.0.0-dev-202221417436":"2022-03-14T17:05:01.324Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:26.352Z","0.0.0-dev-2022214195434":"2022-03-14T19:54:58.893Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:14.364Z","0.0.0-dev-202221419595":"2022-03-14T19:59:34.363Z","0.0.0-dev-2022215181125":"2022-03-15T18:11:51.483Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:17.456Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:08.126Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:04.277Z","0.0.0-dev-2022225182931":"2022-03-25T18:29:55.360Z","1.4.10":"2022-03-27T11:35:17.086Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:10.550Z","0.0.0-dev-20223215463":"2022-04-02T15:46:27.616Z","0.0.0-dev-2022349032":"2022-04-04T09:01:03.713Z","0.0.0-dev-2022349233":"2022-04-04T09:03:03.828Z","0.0.0-dev-2022349957":"2022-04-04T09:10:20.442Z","0.0.0-dev-20223491859":"2022-04-04T09:19:29.240Z","0.0.0-dev-20223655213":"2022-04-06T05:52:38.843Z","0.0.0-dev-202236131344":"2022-04-06T13:14:13.467Z","0.0.0-dev-202236132312":"2022-04-06T13:23:36.804Z","0.0.0-dev-20223614103":"2022-04-06T14:10:29.630Z","0.0.0-dev-202236141416":"2022-04-06T14:14:41.148Z","1.4.11":"2022-04-07T15:34:28.183Z","2.0.0-next.0":"2022-04-15T15:22:10.037Z","2.0.0-next.1":"2022-04-22T06:05:21.776Z","2.0.0-next.2":"2022-05-05T08:20:53.816Z","2.0.0-next.3":"2022-05-09T08:41:00.824Z","2.0.0":"2022-05-12T17:52:09.117Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:00.446Z","0.0.0-dev-202241614743":"2022-05-16T14:08:07.266Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:11.765Z","0.0.0-dev-202241784047":"2022-05-17T08:41:12.147Z","0.0.0-dev-202241794553":"2022-05-17T09:46:14.913Z","0.0.0-dev-202241710143":"2022-05-17T10:02:05.245Z","0.0.0-dev-202241710959":"2022-05-17T10:10:22.252Z","0.0.0-dev-202241716586":"2022-05-17T16:58:28.165Z","0.0.0-dev-2022418165624":"2022-05-18T16:56:45.839Z","0.0.0-dev-2022418173331":"2022-05-18T17:33:53.677Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:22.394Z","0.0.0-dev-2022419173934":"2022-05-19T17:39:57.505Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:05.226Z","0.0.0-dev-20224205231":"2022-05-20T05:23:31.478Z","0.0.0-dev-2022421153722":"2022-05-21T15:37:50.290Z","0.0.0-dev-202242121518":"2022-05-21T21:05:46.326Z","2.0.1":"2022-05-22T05:41:26.619Z","0.0.0-dev-20224239149":"2022-05-23T09:02:15.393Z","0.0.0-dev-2022423113827":"2022-05-23T11:38:50.576Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:02.225Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:45.025Z","0.0.0-dev-20224248246":"2022-05-24T08:03:15.196Z","0.0.0-dev-20224248516":"2022-05-24T08:05:44.336Z","0.0.0-dev-202242481651":"2022-05-24T08:17:18.399Z","2.0.2":"2022-05-24T12:28:09.628Z","0.0.0-dev-202255105723":"2022-06-05T10:57:49.087Z","0.0.0-dev-20225517307":"2022-06-05T17:30:37.847Z","0.0.0-dev-202255185818":"2022-06-05T18:58:43.906Z","0.0.0-dev-2022551939":"2022-06-05T19:03:35.671Z","0.0.0-dev-202256151938":"2022-06-06T15:20:05.986Z","0.0.0-dev-202256153840":"2022-06-06T15:39:26.676Z","0.0.0-dev-20225619634":"2022-06-06T19:06:59.027Z","0.0.0-dev-202256192154":"2022-06-06T19:22:25.809Z","2.0.3":"2022-06-06T20:41:28.287Z","0.0.0-dev-202257113227":"2022-06-07T11:32:49.282Z","0.0.0-dev-202257113310":"2022-06-07T11:33:32.894Z","0.0.0-dev-2022587541":"2022-06-08T07:06:08.586Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:40.653Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:25.162Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:01.244Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:05.343Z","0.0.0-dev-2022515163532":"2022-06-15T16:35:58.101Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:10.053Z","0.0.0-dev-2022516151633":"2022-06-16T15:16:58.750Z","0.0.0-dev-202251616831":"2022-06-16T16:09:02.852Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:27.154Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:10.072Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:32.458Z","0.0.0-dev-2022520164715":"2022-06-20T16:47:42.557Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:22.831Z","2.0.4":"2022-06-21T07:47:56.201Z","0.0.0-dev-2022528143233":"2022-06-28T14:32:58.377Z","0.0.0-dev-20226414445":"2022-07-04T14:44:29.053Z","0.0.0-dev-202264144818":"2022-07-04T14:49:00.280Z","0.0.0-dev-2022659325":"2022-07-05T09:03:52.475Z","0.0.0-dev-2022659431":"2022-07-05T09:04:58.807Z","0.0.0-dev-2022669710":"2022-07-06T09:07:40.863Z","0.0.0-dev-202268163535":"2022-07-08T16:36:11.496Z","0.0.0-dev-202268165050":"2022-07-08T16:51:17.861Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:45.999Z","0.0.0-dev-2022610103924":"2022-07-10T10:39:55.764Z","2.0.5":"2022-07-10T10:57:08.537Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:45.806Z","0.0.0-dev-202261316456":"2022-07-13T16:45:34.800Z","0.0.0-dev-202261317818":"2022-07-13T17:08:48.296Z","2.0.6":"2022-07-13T18:44:01.995Z","2.0.7":"2022-07-25T05:10:25.267Z","0.0.0-dev-20220804193103":"2022-08-04T19:32:42.555Z","0.0.0-dev-20220804193815":"2022-08-04T19:38:50.641Z","0.0.0-dev-20220804194739":"2022-08-04T19:48:28.220Z","0.0.0-dev-20220804200605":"2022-08-04T20:06:53.001Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:03.016Z","2.0.8":"2022-08-05T10:12:57.694Z","0.0.0-dev-20220810112922":"2022-08-10T11:29:55.103Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:07.300Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:31.702Z","0.0.0-dev-20220810124358":"2022-08-10T12:44:40.760Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:15.882Z","0.0.0-dev-20220811084042":"2022-08-11T08:41:20.210Z","0.0.0-dev-20220811093515":"2022-08-11T09:35:51.453Z","0.0.0-dev-20220811160709":"2022-08-11T16:07:54.919Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:10.962Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:10.162Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:03.380Z","0.0.0-dev-20220813053727":"2022-08-13T05:38:23.303Z","0.0.0-dev-20220813055957":"2022-08-13T06:00:45.992Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:02.766Z","0.0.0-dev-20220813070741":"2022-08-13T07:08:27.452Z","0.0.0-dev-20220813083358":"2022-08-13T08:34:45.153Z","2.0.9":"2022-08-13T10:49:50.069Z","2.0.10":"2022-08-14T07:10:53.747Z","0.0.0-dev-20220818145526":"2022-08-18T14:56:03.515Z","0.0.0-dev-20220818153935":"2022-08-18T15:40:10.423Z","0.0.0-dev-20220819090547":"2022-08-19T09:06:19.677Z","0.0.0-dev-20220819092119":"2022-08-19T09:22:02.459Z","0.0.0-dev-20220819114147":"2022-08-19T11:42:23.469Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:00.451Z","0.0.0-dev-20220819125800":"2022-08-19T12:58:49.199Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:12.584Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:27.678Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:17.675Z","0.0.0-dev-20220819191103":"2022-08-19T19:11:49.552Z","0.0.0-dev-20220820120308":"2022-08-20T12:03:45.950Z","0.0.0-dev-20220820124231":"2022-08-20T12:43:31.876Z","0.0.0-dev-20220820152257":"2022-08-20T15:23:47.585Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:13.958Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:14.315Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:28.884Z","0.0.0-dev-20220820185458":"2022-08-20T18:55:49.142Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:14.453Z","0.0.0-dev-20220820195548":"2022-08-20T19:56:39.057Z","0.0.0-dev-20220822051456":"2022-08-22T05:15:45.626Z","0.0.0-dev-20220822054045":"2022-08-22T05:41:37.534Z","0.0.0-dev-20220822055339":"2022-08-22T05:54:43.935Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:03.182Z","0.0.0-dev-20220822184448":"2022-08-22T18:45:49.187Z","0.0.0-dev-20220823150801":"2022-08-23T15:08:52.764Z","0.0.0-dev-20220823165602":"2022-08-23T16:56:52.838Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:04.246Z","0.0.0-dev-20220823195046":"2022-08-23T19:51:58.162Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:11.422Z","0.0.0-dev-20220824080240":"2022-08-24T08:03:31.794Z","0.0.0-dev-20220824082222":"2022-08-24T08:23:24.851Z","2.0.11":"2022-08-24T08:46:43.404Z","0.0.0-dev-20220826154141":"2022-08-26T15:42:19.454Z","0.0.0-dev-20220829120312":"2022-08-29T12:04:02.012Z","0.0.0-dev-20220829121234":"2022-08-29T12:13:12.897Z","0.0.0-dev-20220829143113":"2022-08-29T14:31:53.012Z","2.0.12":"2022-08-29T15:15:16.204Z","0.0.0-dev-20220912120959":"2022-09-12T12:10:49.107Z","0.0.0-dev-20220912132201":"2022-09-12T13:22:42.970Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:00.857Z","0.0.0-dev-20220914090509":"2022-09-14T09:05:59.917Z","0.0.0-dev-20220914105014":"2022-09-14T10:50:58.069Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:40.274Z","0.0.0-dev-20220916141616":"2022-09-16T14:16:59.295Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:29.934Z","1.4.12":"2022-09-16T15:21:11.648Z","0.0.0-dev-20220916164745":"2022-09-16T16:48:33.758Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:12.976Z","2.1.0":"2022-09-19T07:37:13.597Z","0.0.0-dev-20220920121057":"2022-09-20T12:11:40.330Z","0.0.0-dev-20220921093814":"2022-09-21T09:39:18.190Z","0.0.0-dev-20220922114557":"2022-09-22T11:46:42.212Z","0.0.0-dev-20220922115811":"2022-09-22T11:58:56.258Z","0.0.0-dev-20220926164115":"2022-09-26T16:42:16.358Z","0.0.0-dev-20220926165450":"2022-09-26T16:55:33.666Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:16.096Z","0.0.0-dev-20220929132459":"2022-09-29T13:25:56.753Z","2.1.1":"2022-10-03T09:12:17.583Z","0.0.0-dev-20221017063840":"2022-10-17T06:39:22.045Z","2.1.2":"2022-10-17T07:22:29.823Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:00.959Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:00.523Z","0.0.0-dev-20221107182607":"2022-11-07T18:26:52.075Z","0.0.0-dev-20221108071844":"2022-11-08T07:19:32.880Z","0.0.0-dev-20221108073543":"2022-11-08T07:36:38.381Z","0.0.0-dev-20221108075029":"2022-11-08T07:51:16.066Z","0.0.0-dev-20221108083411":"2022-11-08T08:34:48.770Z","0.0.0-dev-20221108090938":"2022-11-08T09:10:23.979Z","0.0.0-dev-20221108093520":"2022-11-08T09:36:18.830Z","0.0.0-dev-20221108100218":"2022-11-08T10:03:20.275Z","0.0.0-dev-20221108124603":"2022-11-08T12:46:47.982Z","2.1.3":"2022-11-14T11:52:51.400Z","0.0.0-dev-20221115102409":"2022-11-15T10:25:02.941Z","0.0.0-dev-20221116102301":"2022-11-16T10:23:48.577Z","0.0.0-dev-20221116103758":"2022-11-16T10:38:48.806Z","0.0.0-dev-20221116105413":"2022-11-16T10:55:04.906Z","0.0.0-dev-20221117065458":"2022-11-17T06:55:46.875Z","0.0.0-dev-20221117150258":"2022-11-17T15:03:58.487Z","0.0.0-dev-20221122115819":"2022-11-22T11:59:03.011Z","0.0.0-dev-20221122135803":"2022-11-22T13:58:57.106Z","0.0.0-dev-20221123123308":"2022-11-23T12:34:04.555Z","0.0.0-dev-20221123130515":"2022-11-23T13:05:57.609Z","0.0.0-dev-20221124103928":"2022-11-24T10:40:09.393Z","0.0.0-dev-20221124105520":"2022-11-24T10:56:09.750Z","0.0.0-dev-20221128164126":"2022-11-28T16:42:09.442Z","0.0.0-dev-20221128182021":"2022-11-28T18:21:19.844Z","0.0.0-dev-20221128183433":"2022-11-28T18:35:18.663Z","0.0.0-dev-20221128185230":"2022-11-28T18:53:12.721Z","2.1.4":"2022-11-29T06:12:10.320Z","0.0.0-dev-20221223180742":"2022-12-23T18:08:29.878Z","2.1.5":"2022-12-26T13:13:44.611Z","0.0.0-dev-20230106083209":"2023-01-06T08:33:05.965Z","0.0.0-dev-20230111055325":"2023-01-11T05:54:14.817Z","2.1.6":"2023-01-11T07:31:37.742Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:07.067Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:07.928Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:08.630Z","0.0.0-dev-20230112143332":"2023-01-12T14:34:30.529Z","0.0.0-dev-20230112145104":"2023-01-12T14:51:50.637Z","0.0.0-dev-20230112152756":"2023-01-12T15:28:46.575Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:07.531Z","2.1.7":"2023-01-12T16:05:35.174Z","0.0.0-dev-20230116120206":"2023-01-16T12:02:52.259Z","0.0.0-dev-20230116122157":"2023-01-16T12:22:51.804Z","0.0.0-dev-20230116124502":"2023-01-16T12:45:46.980Z","2.1.8":"2023-01-16T15:06:59.551Z","0.0.0-dev-20230206143950":"2023-02-06T14:40:30.330Z","0.0.0-dev-20230206161237":"2023-02-06T16:13:19.667Z","0.0.0-dev-20230206162801":"2023-02-06T16:28:51.924Z","0.0.0-dev-20230207150933":"2023-02-07T15:10:15.770Z","0.0.0-dev-20230207153012":"2023-02-07T15:31:09.141Z","0.0.0-dev-20230208112929":"2023-02-08T11:30:17.503Z","0.0.0-dev-20230208114919":"2023-02-08T11:50:09.577Z","0.0.0-dev-20230213123249":"2023-02-13T12:33:31.400Z","0.0.0-dev-20230213124817":"2023-02-13T12:48:59.345Z","0.0.0-dev-20230213131136":"2023-02-13T13:12:19.930Z","2.1.9":"2023-02-13T14:16:29.726Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:28.274Z","0.0.0-dev-20230320184810":"2023-03-20T18:48:53.246Z","2.1.10":"2023-03-23T10:17:00.424Z","0.0.0-dev-20230329123951":"2023-03-29T12:40:33.124Z","0.0.0-dev-20230329140150":"2023-03-29T14:02:33.942Z","0.0.0-dev-20230329141708":"2023-03-29T14:17:52.569Z","0.0.0-dev-20230329144927":"2023-03-29T14:50:09.671Z","0.0.0-dev-20230330123203":"2023-03-30T12:33:07.393Z","0.0.0-dev-20230330124619":"2023-03-30T12:46:59.634Z","0.0.0-dev-20230330130626":"2023-03-30T13:07:26.834Z","2.1.11":"2023-03-30T18:43:14.966Z","0.0.0-dev-20230528143537":"2023-05-28T14:36:47.793Z","0.0.0-dev-20230528160711":"2023-05-28T16:08:02.011Z","0.0.0-dev-20230528164120":"2023-05-28T16:42:19.020Z","0.0.0-dev-20230528170051":"2023-05-28T17:02:02.757Z","0.0.0-dev-20230528173059":"2023-05-28T17:31:58.254Z","0.0.0-dev-20230528181900":"2023-05-28T18:19:52.218Z","0.0.0-dev-20230528183722":"2023-05-28T18:38:33.991Z","0.0.0-dev-20230528185153":"2023-05-28T18:52:45.606Z","0.0.0-dev-20230528190715":"2023-05-28T19:08:07.797Z","0.0.0-dev-20230528194103":"2023-05-28T19:42:09.172Z","0.0.0-dev-20230528200306":"2023-05-28T20:03:59.235Z","0.0.0-dev-20230531082239":"2023-05-31T08:23:33.366Z","0.0.0-dev-20230531084037":"2023-05-31T08:41:46.530Z","0.0.0-dev-20230531085907":"2023-05-31T08:59:58.355Z","2.2.0":"2023-05-31T09:44:29.771Z","0.0.0-dev-20230718122336":"2023-07-18T12:24:50.446Z","0.0.0-dev-20230718124717":"2023-07-18T12:48:27.566Z","0.0.0-dev-20230718130742":"2023-07-18T13:08:41.507Z","0.0.0-dev-20230718132637":"2023-07-18T13:27:35.370Z","2.3.0":"2023-07-18T23:00:34.370Z","0.0.0-dev-20230822131635":"2023-08-22T13:17:41.199Z","0.0.0-dev-20230822134434":"2023-08-22T13:45:25.851Z","0.0.0-dev-20230830093747":"2023-08-30T09:38:39.687Z","0.0.0-dev-20230830120642":"2023-08-30T12:07:34.772Z","0.0.0-dev-20230830133821":"2023-08-30T13:39:11.204Z","0.0.0-dev-20230908144305":"2023-09-08T14:43:58.787Z","2.3.1":"2023-09-08T23:04:08.537Z"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","homepage":"https://github.com/chakra-ui/chakra-ui#readme","keywords":["react","component","accordion","chakra","chakra ui","collapse","accessible","accessibility","wai-aria","aria","a11y"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/accordion"},"description":"A simple and accessible accordion component for React & Chakra UI","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# @chakra-ui/accordion\n\nAn accordion is a vertically stacked set of interactive headings that each\ncontain a title or content snippet representing a section of content.\n\nThe headings function as controls that enable users to reveal or hide their\nassociated sections of content.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/accordion\n\n# or\n\nnpm i @chakra-ui/accordion\n```\n\n## Import Components\n\n```jsx\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionButton,\n  AccordionPanel,\n} from \"@chakra-ui/accordion\"\n```\n\n## Component:\n\n- `Accordion`: manages the global state of all opened accordion items via\n  context.\n- `AccordionItem`: manages the state for a single accordion item.\n- `AccordionButton`: the trigger to open/close an accordion item.\n- `AccordionPanel`: the main content area for the accordion item.\n\n## Usage\n\nBy default, only one accordion can be visible at a time, and it can't be\ntoggled.\n\n**Note 🚨**: Each accordion button must be wrapped in a heading tag, that is\nappropriate for the information architecture of the page.\n\n```jsx\n<Accordion>\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 1 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <h2>\n      <AccordionButton>Section 2 title</AccordionButton>\n    </h2>\n    <AccordionPanel>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo make each accordion toggle (expand/collapse) on click, pass the `allowToggle`\nprop.\n\n```jsx\n<Accordion allowToggle>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\nTo allow multiple accordions to be visible at a time, pass the `allowMultiple`\nprop.\n\n```jsx\n<Accordion allowMultiple>\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 1 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 1</AccordionPanel>\n  </AccordionItem>\n\n  <AccordionItem>\n    <AccordionButton>\n      <chakra.div flex=\"1\" textAlign=\"left\">\n        Section 2 title\n      </chakra.div>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel pb={4}>Panel 2</AccordionPanel>\n  </AccordionItem>\n</Accordion>\n```\n\n## References:\n\nhttps://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html\nhttps://inclusive-components.design/collapsible-sections/\nhttps://github.com/stereobooster/react-accessible-accordion\nhttps://jqueryui.com/accordion/\n","readmeFilename":"README.md"}