{"_id":"@chakra-ui/color-mode","_rev":"372-b0b9831e702b2b1bf21fc6311b745205","name":"@chakra-ui/color-mode","dist-tags":{"canary":"1.0.0-next.0","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.4","next-dev":"0.0.0-next-dev-202241614737","dev":"0.0.0-dev-20230718132637","latest":"2.2.0"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d9c8288f9c38ea0254133ffe19130e9c739cb95b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.0.tgz","fileCount":33,"integrity":"sha512-PcEn3PazL94SfCSffVtwEIV0LwNHOap8Pk8HbTlM413gsf7D4wtDEavMW0Q4FT0K/D3mb/ytV2+LHaX8luzxsQ==","signatures":[{"sig":"MEQCIHQZgHNb7kYG92qA2KX6PL6NKh2oaTzAxQYGNlBf1EBnAiAI91xPXwhZDUEWwAXqRHK745cTLa6Nv4Tl83V33Cf/Ug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTbCRA9TVsSAnZWagAA01QP/A+xigV3YiQooAKpUtEq\nEcClC4Z+DZWoxYp3UbG4x579e/DaIc4Q8K7DckPsQKUzKr3uowDNu7g9WMfz\nCZE39pSx8vAJqxzudFsVWVOhbtfb4F9p9W5OqPs8UbrR2/Hu3zvRU+RKSNYt\nIHdPOHVQ8+/kHfH9jkqJ64Dwtpt43jtLXh6kHZvm63CafuYL6vVrLsp72+AW\nbsW5+ewqsDqAfY93wYblr421jf6IANN5Kw42hRUMqTajHQHJ3RE3xlA8QSNx\ncfq6AmB1Wzo3nNerzvvBYsQSlQ1WgaZlb2oyiKb5Kmnx+Svow+MIEdiTIaKS\ncQ7/Q8Xb96G8iFfUhW44CEy7d2C2hG4PsNf4E04ctcljPJM51/o6KlDPL2X5\npssY7BBjsxDiGD+/bem31oCMzdvRJQ3t+X5cjp3TU7WZo2kA/hD4y6AsUuoh\nf5m8Chdar2W0vd4Su1S50iCspY5E57PzNXSGkLKRNmFFbp03gmf7jD7ydPQ6\nksoRxSqLLhuG5xL4hk7C59HUoNGyDMJ5zAC48NH3ApZLm5uSkGX0hmNFdqmA\nx22cz3G2/90HjWoX+vz07Syd+YObQ6X26qIg8WzwhOpTx5JqsLs6GitIVEuT\npUVg54fS0EZj9BtmkgauUxYIi++lC/KEMw3wRvtxhJipuw6yiwkssqHyeOiL\nIcw0\r\n=NLsX\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"},"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@v14.3.0+x64 (darwin)","description":"React component and hooks for handling light and dark mode.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"16.x","@emotion/core":"10.0.28"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.0_1592685786674_0.09304786792063591","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b3682f85a83ffa270e990488366b69e107125ec3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.1.tgz","fileCount":34,"integrity":"sha512-TQ22VvRKn5WU2Kb16PZxJOI3xUyAqCSDPCGKLRE6GYTI770539i1bVNxrQf/U1dBqbfwP2118RVHeAtEpVRDVw==","signatures":[{"sig":"MEQCIAwK9DyJ52d0pD1ZJvKepDrEZdhYg9/yNBsn1XjZ0SHDAiAzp7vTaIckv9PZTmkM1LmsICHWe3zmtfMJ7gWKZlEGgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60854,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytFCRA9TVsSAnZWagAAjP4QAI+LfqZMbSGB4wiPUcmz\namWaswt5IAphOrxqCdbuhrw8+1OqkXzjXU/yQfdtCT167m1NvsF7yiNOzL4K\nEsPAUsJnD1q/qGegnB6snM8fJnSDnzOWe/sQcMZI2Oh6AHMb81tiN/S1D9Ab\nm5p9HXOkM22DaZ7CiXwU6jdPFgfO4w2dvdTSF35OsUsSEk501+VXtToPS0mZ\nZBSO4xQSFt/vu94ptOQFuWn206bZn6eJKjyVNC5hVidYA5oiyzcRe3Wh6KFl\nGD3DmC2yM0wJJj1jUNOFgkMR4i8mULWutUnroWTjexL0LIW44QH1/IaK4oqr\nDUjDdAR7zha2AKnxCz2mMcf3aIUBKvgcov+Ol5olMrJMe8NuXZimli+1UG79\nS5oPcpriOJ9zugaZ9LHRcFRdo16FeXv8IKi3Ii9Mx+dR4nI/RtZYq0/T++8u\nDCqSoFBqhAC2DDMKxLx7R1srUZ+YzIE2A7WOA46THStWLbaZWFMJE6xLlSN3\nz4arwsqtATJ7N6qYGOrQZ2MyhSxMQiqYm7KhfCgHFk1iQ07rgHDlIVbwCRla\nK2iHKgk91/k6BQCTYSUqa5upW8L/wpYdZ9PFAQO0rjS4L96SWrDuSHTO2hoH\nYtfV3hpWfQ4a9/b2Q4Jt0QgWXIrNjqIGryZsNIoOg+lGit+R9pRXby1fIdR2\njuIk\r\n=tPYR\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"},"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@v14.3.0+x64 (darwin)","description":"React component and hooks for handling light and dark mode.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"16.x","@emotion/core":"10.0.28"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.1_1592732484995_0.8774289393288366","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7cb0c4de7f841fe4e3f599a8958a4817acb37727","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.2.tgz","fileCount":34,"integrity":"sha512-7UOK+5HOp1OqUvotJ7ixqZZr9d6iR1cKoqn04kQvchoTk11n7tLj2kVls4nNBTmESKbqhOUHpRkEjvpl/UmTpQ==","signatures":[{"sig":"MEQCIHEB9RWLTNgiwZRTMwfslwqaCdHaEmpuOvlsV2DsFR6yAiBsxxaplPhwZW5uTB5KKSUhB5L6S3Kd1UDXEAQHVuvXnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/nCRA9TVsSAnZWagAAfuEP/i9S9ePmHeG/aNkGJzGa\nqHE0JsGfJsmFI6yg3QRYbeKKUGk3kHzf+hHjl4T7Feilk2zv9Dm4yIA9R7St\nCLd/U1V/YMG0jnG2aMWbMckWCYvzpAe8b1TdQYXjyof4XhXHDfWldrM1EhQG\npKXSTzmCZAtdCErjggQu416ntNPDW72A3KvZK7b24o8paZyzF1ZL4Vczqt6R\n0xcgD50RW9ldmP+423lG3hWxLdthOkMYZ4hn7I4L21jFOcpvw6wsv4s9LNgO\nRnaP4QGOiOMKnOH1s1goTsY532i82BPCKf8GVQLy5ux42Fd1mAmiokpp13de\n/x4B71j/2WD2mRSkF+xdu1V39BhA7svfvveq2VeLBIhPv4VGqlOBw2PyunOu\nqvzLBRQJxTsZpwKRmVbqL7ijPERkkttsBd3B2+AClXgxpqJ2B7/1WQoF3pyd\nxfpiuE/gYp20vkaGspZncbItK4ZQrJF5fBRMhXCH5NxjKR15SN7opBQP4dd6\nGrlTg9q86pKu2BwyCrqlkKqh80HawQLztwmFQqFitjOP5uLV5KnQUhUi50LP\nDcSvK/go8f9hxuzcTGK24AwnmgXnKvTFRryoO3c7Hwt2TrDgXJ0n7Bm9jtYm\nyZb8xMpxhBT3Vn5t7LjYi3eVviGWNZZ1vj9IiWbm1/JtZ+ldYeVcGqW0nGXi\neGaM\r\n=cHHl\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"},"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@v14.3.0+x64 (darwin)","description":"React component and hooks for handling light and dark mode.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.2","@chakra-ui/utils":"^1.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"16.x","@emotion/core":"10.0.28"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.2_1592840167035_0.4316029499623186","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8b67e1361e665b217220e554264f26d94359cf10","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.3.tgz","fileCount":39,"integrity":"sha512-YB8Ug91mBKObJOGB97r1qM5UfW52vlrxeN/b5o1t1I/JBkWn2RA4flo8PEv4h8vh5KsxSDI4AGQBIWRPlBCQ0g==","signatures":[{"sig":"MEUCIQCcuecgU3dLbpc+tS4AV1c6gfmg9inLZV2Z139/TTAklgIgHpl5PP9dE6dUIwVSbvZ4U6s7EVPggIEXWFV0szH1N+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70951,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+MbYCRA9TVsSAnZWagAAPjcP/iNcY+l6i4pulJEcEOiR\nkPNcIg4k7Y04joonIXJqjNc++RyL3MaH1WbiwCGzo0tjSP8ZCnFLnxmffBbc\nbzk4ZSpWM8Xj9dgEAGaP4zunjYnPzDtu6YlDWLr95GtwK3lhE5ejXM2XOvQj\nhFACLOg53Z9GwJwT5/xwiWY6m18He6aBr2wj8h01bKjI2NjqrswgAH7kqgrW\nssYeEO88qxS3RyDKiUzTy31KNTUz9pAE4SrbPKQ+5fQwvBqhOgoUnZOJeVnr\nWtEI6+Weax+LPcr6rjvr1Z595N2FAlJpxJGIxBKV1LcgmexFfL+QNkEb2tBk\nKr5Hp0SJwJyYidyjHk6BlzbOmgZL1PzhBDSayuxIXIpxyGAvXd2F8NwjZwnI\nXEY25eLYVZ5bqWnt/eL17DWQDd801/6sYlm+gXHZsTSURkD3QkNi1a6m+tRq\noyf+4fY6jtClvopa5uqFn1BrONMlkTbaqcvAUmM1CXfARWDwiAVrseuJgo+l\nxUXqRb9Zey49HkKTCEXtQT6sIv5Iz4d/Ez47IPNdRqnsGhGA3taNTIm8tZIK\nyWIlxz2gwI/RSuVDJkm2Fcq6bT7dOMRjRTM7a5wFteG2y0AOAJlXbHJHk+w9\nDJlkORdQ8KcJ7MoVQwyMivCxcemdvNQxYvfXj3TneMHbIXCrupcns3BNo4qO\ncxGK\r\n=2jQu\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.3","@chakra-ui/utils":"^1.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.3_1593362135627_0.4339361677362954","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f51d4081b10a4d678d146e1f77c5f44c8ccbf2ab","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.4.tgz","fileCount":39,"integrity":"sha512-OWo7d1k1Y3hSPK0A7cMtICscbzCkWL91d8uC9QUmhtNOV878U9aBsOGU+Qk2hjZ+t1fqTojNPnp87+8qOVn7Og==","signatures":[{"sig":"MEUCIQCBJcgs4rIS5V8goocDxf1yHhe2YVeQDWAnx55qFWrGOAIgLbJUGQwSQjtjwrRdeY/hBdTsUg6JQdu5p6zsqew+EDY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71928,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/Mr9CRA9TVsSAnZWagAAthMP/2fysNDzMYBcZK0ECDaS\nrq6oPqAL8WF3xEtFRh0Sp2rCjilaal7rlB2w8yXocIwM6+owHx31EPIFsWeE\naqM1PoZDEfqEN9mwVtdMtZxG1Gjwfm51q2/HKtDMQWcE27jrpKMBLE8caKSq\nc+oWFiRhfs/Uv6jwmR1noXjCaVEDVqMKQPm+CpIeEhIUfB9NI6vF3Dkc+hPy\nCbhubcpOQyDFgTWflhLYYhJdenjy8+pL+8PsBSYCTgBcAx6+SdNs6/pR9Tfw\nB+PBtHdsxwdIulISSp16SJGSkWeMRO9ydocnmWobL2pbYuMeo+IpONjDOKl+\nK+TLXIs2r0QRJSWNnOASmGehtniX/l72ld3TrhnHxgTz5k5/lbiOSPkq2NBi\nKPm4zxHC4wCIqlvGHD869ZuI7YoRt8WVlL4/IO3+F2R90bjnKC1VhtcOZVLe\n5T5X/2X7F73vuoQriDEn3thF+cnFLcK0/y8YopnMmoPmqae8iJdWWiix03HP\nLd2BKZIcsgGxMGwkl0UvIsItp0T9vCV+qxxc9rglxFp4ZtTLpAXnFBSnBo6K\nZJJOFLacJuybrpvFagsfEEf+AU9+1r2BWyfbXgEJhqAGhfrV9cwB6zrb5idk\n7qcwb4X6Xg/c4nBfX4SvXoiZoxxLnTSUYooTub8ztuzj29SNjZAi2AMmyG95\n+N0+\r\n=Sk0b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.4","@chakra-ui/utils":"^1.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.4_1593625341263_0.9122465352819913","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.5","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"37450f8bd65ba5207e05392c0a3a8993a70c59c4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.5.tgz","fileCount":39,"integrity":"sha512-hrEzL+ynX2kpsnqWrFwQMsM7tfssvr39avB6MGgXcTxDvbDSE8SJtV/Iw715td2dZNwMLaURTkPwgBvfuICh8w==","signatures":[{"sig":"MEQCIEu5sWgvk5udQTZtCmXKxMKn/n3Irh/EWpylOvhdZJXxAiBISM3jR8Uny9NLk6RjRvkzvd9CjuQ6y6nJA3/lIedL2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxDCRA9TVsSAnZWagAATbgP/2nDqUWUVZNLSG3DxCb1\nsFqSy/pKMnJOji7RlWMcIWRWZH5zEVlrnH7eZLtf4RBknqZAoxOAA1fzxI0z\nCwyskIIBmWXXA7PGI2ufsc7qO/nSiGe7AKJ3MaFQw94HUwv8gumYB6/xrBVr\nWhj0JEec1Kdvn4Kgaza0cvjAqIW/hpfG+ul008iRihColRSiKZCAZJgkXBAD\nLvGTCT6FsWQwZTwIBYO8WCMliqXgBT1it/57Eh0npvCrJ5a2RdIvOG9ARNvk\nE44VhKF7UWRcN2BPx0Ssiv+pOeLtCtKtkYa+ulemKrQLUJBytDJn3OjSXVfh\nUb46KLNHj2JDYib6w38cSJDlkkm3r08/sEUhxvHN1NOQErStie27ItNIxqwj\nXCgDsNPLyabEhIUmN+gTZNOVUzpKcejdwIUx/u8CjKzNeejvhyIX3t+W649/\n8FBv5rlIjc8+NvG6lsqMYdiu5IccsPNL9bgzK4U2AAeSkMzXdRb+CHY3CtPQ\nipIEhv8ai0ckpuaCC4h6HVoYe0EuHUkkrFp1hanXsRDlDZMvEAaA9zzhiyVB\ndiGpdiy6g7GHQd8/WR0pPYKjgEGpKGZ0LiU82HOfm3gPbkZfrJiViqyHGvmm\nptl1mohF9z1tEgEK641UolGgPxIYwZav8p8IcPxVFg2jY7T7YzHWlJji3jL6\nUj7k\r\n=7tFm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.5","@chakra-ui/utils":"^1.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.5_1594809410947_0.9621525546992504","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.6","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"55ad43a17c35f51d8d9b523de1a14c7ac27db4a4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.6.tgz","fileCount":29,"integrity":"sha512-gudUMGoewKdnwMz5/ViLC2apPLlhmmg2kEOVaSOTfJXX8SvjGJzScyv+6DtvUtpDg47vL6sRoLQPJLkYGOmluA==","signatures":[{"sig":"MEQCICRhgh6+bvTeH3kBuygjn7lZNurky8Cx1CsAFcrMjk9vAiAZglIDDJOw44hoyUCo1S734IVyKq9ulOYqwz6QA3Uzhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":62598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyItCRA9TVsSAnZWagAA1McQAKAdlHGaNcCj02VaS0so\nC7b7yxWRsPFLLOvJ54TGOLiuOTPW+SNYMjRX0FfCKQW4YbEBShASPLrHl1dY\nu+zgimsRvHFmHKtBL5xQw7ybFgZgh2JsY+mtvBqAjhzi7qlJfjBKSYrstqJn\nnG11/RvGSSM/hT6V3IZHtK5HQewz2AGN1kNuHFWH4slUPAe79gGKB/YRMr9g\nBAJtqXV2vtiIOpb13fxZ+S69B8v0tBQbI4Gq4wV8dXnd9026i73QgV2acGN2\nLmEEgmLLq94BhZ3XWaoyXT2f0Z/VR7jeL07NnrM389yBWBfIaoLaZsuJQild\no8IYJkey658bBgkQTCJV4k6kUgeAsdYYltSl0KzlmYRM8/JTrK3nY4bZ9fnw\nvBSBUbNuQi1g+XPTG/2aVZiHlTOW+iAc/QWDvw6JLtOm2bY9JBhibozIhfbC\n51A2T4TeEk78btQvvWGxlzLwg6kPep/0gLhR3w2Dk5Gh1UFudkPf9xEATwDT\nju7ekYUAojVZbSS03rzDbHjAIElfQxrZulsHMbUS/U2udz3lCqNGCOlc/GFf\nbqVAPlQ08cOAbGhzrZjUZjfwzuEgAgtYi1ZUbqnAz4AOtmU+HZvY3/Rs0lNM\n7wQoTOH9pwFlPfOJ8aMK5fpT9Rp4ZS04nsBKOSQWrsCn8rnut6urv+MeK5V4\nmoLg\r\n=BMWO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.6","@chakra-ui/utils":"^1.0.0-next.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.6_1594827309089_0.444397710913216","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/color-mode","version":"1.0.0-next.7","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"603c48fb23c8419448b740d213fd34e2093047c7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-next.7.tgz","fileCount":29,"integrity":"sha512-pEV/CAh1ZJGjh4lU7Kq+v9oef+DwcKnitO/VJO0njA89CtEdVx5Zu3KXXedYqbL8MAGjreD5q+AieT4bHkHtmA==","signatures":[{"sig":"MEYCIQDhYB0+b2/yv61Lt4ua9blUk+MJGw43mIRL7Ju1KEPAuAIhAPj5/vYMGCiFx16xZPt7JtPGTwwGG9bhKcKiy4ik2FVK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":63383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX0/CRA9TVsSAnZWagAAai0P/0fjEAXTL7BalFdtr+/I\ntXCnPf925VNnr/O45V3mkvJhSgvpgzV+LBUYAeX+CE1aHvX3fCqutJRtlbz8\n0bLVvbMRyVwiLbs9GKO0iRa8ooy2ucU3QqNmF+pREVkFc2gs+qgL4QZCiBHV\nFD50XVYQ3lrMawru6lHttILdqRPz96OoQRASoTHDUB+idi2fXM44jVOXiEmN\nPzivDfAlIQzxI/j9yzOi2qVqGB5ag7ba9GUwYV48INvLhBY/BpL0G4H7Xadp\ne+Hk6ULx7IDW5y3B193oVvioSg5Jxv7/oQu84H7OIOqcnBTFw317z3vizt2v\nOn+5N3lk5fUjGGCMqsR5XO/w0BFSUHuWf/VZBw7n6hMR38WIJ5c6GxTcJ1/G\nyGOGAleR39wRuAYTkWTy6vpzd0wOCJEg4G0g9vzp8r0Kca4DqPqVGC24rX6/\nv65vnUGJgeJll07SUkXK6b3gr6MADJXwxYb2+8QhWqqRBqE2BrWn6hMU6wwf\nTISDca8k0YpJPFvPErKVm1t7nuw+S+fEERLKUbbzBITKQY4WmraXDik/tgrY\nDRs3Em7lA5IfbM3979yv7ysRCpDX/eAdIaEyW512hh3EfDc10EJU0g6TQHKH\n3Z+xZAMjBRu3/o4SrgxYOdv/ybzaBHLqo0shdkoIA9naUgLoI5gI/UCLEvDW\n/kod\r\n=hE1H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.7","@chakra-ui/utils":"^1.0.0-next.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-next.7_1595768127470_0.1266997350426151","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f3349c5c3c2f1392812cbde7dada1ab44bf531bd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.0.tgz","fileCount":29,"integrity":"sha512-0K8xcKR3RidRiRmjemtuDb1Ra7jeLMLDO+vjaXhfGkIrSe62QhX/QzZT9qJZMa6jfX8vIKblPescOsbAASlB3g==","signatures":[{"sig":"MEUCIDI/+00VQu3JiPjxC6m+QoSdURjqfp4DGFW1eSdVv/qbAiEAhSoM6kAnEsCYZOH+Kyo3wezafyfSpLKpG9YufExB/nM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":63752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHaf4CRA9TVsSAnZWagAA2MYP/2aAi+j64/BhmV21A6xq\nKRYpntIVfxF78sIn8exFLhQEnx49gYHmsGpUkw2UN+0W7bVnGeTlK72qyKFX\nmybGOLkm7hiq/ov6U3DKPkj9NZt6xfL8OOSFC5FisiKHV2TUfSmyNGZMI0dT\nS42kPE/qMtC17kB5IDriKAOmS3j8iSl1Kg6uH8zyHRh+9bjX3h75B/nGto33\nV8bLFkGkVXkDjlHnC2la3AJz6WbUhbIUK0sWFVMNittryGPgcqUYLU6jBzoE\n5bUANql0o52mYp133TdqzfhmN5yHkxXkaHjvgiA0+DYhnNsW39ricuvvuHDg\n27/IEYqoJHaVGfOSRDohG2DAnK8EzHT3MnWXJhWfs+CSgcTYK4jp91xADVnb\na+Y86qsh/jIwCCPPEh1cYJmeQh6NzzpaPx/6ZVa4jhQ89rRLlheioSOV1LVX\n7Q2iJi0T8W8eLUmEU+OPfKZ9dtLDkzwBAIS83DpHXpqeBUy3TC2tp+rjSteH\nLgMnxGqBdgbofPXfx13ngoW2Ce1r6htxdSdcJFHwNMV+Z/efEvDwzIm3Avnt\nyF5Oduc2JTP0da4egI7qEnLF2K8+9XuAANkVLDvL9eH84i1xtZF9oj+XeUxC\np2JyL8RLz93CrMzqAby3wnfFFtTPPuMllli5dbLcGXq1Z//Y085KfkbUrjXI\nqX9u\r\n=8Tb/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.0","@chakra-ui/utils":"1.0.0-rc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.0_1595779063827_0.823994044657691","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"66818729e9dd7467e01bebc656481b97dfc18ca3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.1.tgz","fileCount":34,"integrity":"sha512-TBOHIitZqU7CAX348YFufD14FQd23jwrnUgRLGxGttVKLOijSg/HmgZhp/vZaMeCrWNBi66kNDLpYMWVJqDgsA==","signatures":[{"sig":"MEUCID+cAiGN4qzsOs7dUQlQS6xmYr1yOY87CQf2miAKpmaKAiEAiiH8Alv3VHsVIuLJ2q8v0gKmIf/GSa6hV15JfIrAaQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":68855,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLGCRA9TVsSAnZWagAAh2gQAI3PSgXY7WXwpd5wuYp6\n479VcFxmuK5qGW8RlEAWzAJHT8hSXNPgY2SXBVU9ZMn6QvM2GcRGVYUt5iHZ\nzfmRrGxcD19o5HMvfNxR7yW9LXfiB+4Y/v8HWYbMrTFBz/gRNjHOpJPzguVZ\nhLStD0vl4KTha7F5MrNyRV18PMSnhPk1B+2lT1teg6B7UwxYNrtJvvRj8+JP\njZSbte43ocFwV4uo/gYT+cOc2n2eLyfxbYkNHPlWPBYP9MAz1Uv3moPYmgFy\nENzWwU2xXMACOCcD1X0GIVnaWRoyhDjwVpKvAK00Fh3TEGNDo7fy2yOEonKE\nxWLV39QBRys1pKMuqaA09aLnLAaCCAGmWLC64ywmWpa5Qw+Lx7G2pzn/kM++\nZi/8XxJ6tCaLUgZz+YfvMEIXa2w4UjNWX0kHJ9n78F8ndkcQzPO2pH35unnY\nwOVIvPiZyhJ8v7sGNZGB4sO/NRKaWDepJfmdUh2gGLWixA4uIAi9694RKQ2v\nBk85r3RzOALIT4osjXoV0JnAz39o6ihDAz103b/LSnZgE1RBF3jAUugZqWBT\n08E1lfbFEdjES/CiB+UaJOBOhc2sRCh78+2qJ+XH82QQ2yzf7GvI7TR2bZkl\ngADFdtQLKlsrW5CAlHyb+ScIsVIlxU9Ptgwo/o1X1kPEGtgoqCzlPwNWhJEU\nq390\r\n=xAb8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.1","@chakra-ui/utils":"1.0.0-rc.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.1_1596748485785_0.9467690609952846","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4a4a95cec77a4d2b5ed636cb5d5267c254b0ce87","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.2.tgz","fileCount":34,"integrity":"sha512-98wM7CBQLY3iGBsg6dPNFbQ/nWHfDl60AnZinMTB9Kq1RWj7O8I5BwWqyN78gR/nt5AxkyeuwkF2c05gnmxf/A==","signatures":[{"sig":"MEUCIBx5xmxYv+BpJzVS8bQhg/XoLgCS0jjoe0TJKCIJbvPHAiEA/tZHzactUtjzjWf6ZA8SMSURzTSKMwym/VRv4yS3gig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":69084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL961CRA9TVsSAnZWagAAvn4P+wW501DEdBGetQ0F0kMX\nCxO/TQulvT1viADBGrpb/Mp/FaDrGysKXEsi2ZKvhYQH7AO68zSey7A9v9qL\nxcviPC0Zc+X/EsjqhEAzHiPbGmruoo847joQrUBn+OMFMwqFYCRP2tyLrWZ2\ntZbv4IgZ6Acix7TBQjOmoYIXQGn7B/xYjov3hxAOhP/kHA27tZCr5gkUJsOP\n79ytruIwwSkyXvDcdyEQmvwItYy5e3QkJVzCnJgKyXxUi7HUoKK6QNeb+bZx\nw7Kkn9Bok/Yh4bZhm455y88xJamzgqGZK/KKnJ63ypss8xUFI9seY4RvW7pC\nZHmufhjpREeKpggLLljZoet9Z25d6W0PqfPDk/s1u0thd+lelEzzqh4ptH0P\ncBgZqGzWSXzR9XGCSbfJq79TajHobaK74Jn4cyNp1KikKHcragWKUlBPVS5+\n7IRbDngPR/gDZg+Z83GVXgLX/n1fMjBCUEo2G6mHxAvqowCG1ozJAbcwPVhv\nZRrj3myIwPpjpuzJKoh4PLXKBRJqKGvLHoY0IEOyKClbV+RsDVTnTGkN+dy8\nHzpwypexcQyrQPW+Sf3lophItNVMaWTlkApLxKdOUw+Jt7roUt1RmZFGZ4tg\nJYeUWbrlevPLp6JIdMVeaX+5hAB4TaeWKmO5Mub+pinkva6Y7NaCBClXOp3M\ne+dk\r\n=9HrV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.2","@chakra-ui/utils":"1.0.0-rc.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.2_1596972725098_0.7991634247411095","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9fe3d5574191d7fc8ffdd996163bbca5e20b0d6b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.3.tgz","fileCount":19,"integrity":"sha512-5QZWXsWNQ6XAbAydBgGTvRrIgNqsoUVwswsLEEEo92NmdqalgpkJL2B2iv1/APhybVPZR+y00Xqatl5VBrbwTA==","signatures":[{"sig":"MEQCIC2FVGu7pejU6dwU8xRBFsARt+e0Br3K9gsFK4juUjSnAiBSZd+RsOsaB5gFD2vdXOcv5nmOjXeY44b7+gj/jqc4AA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YLCRA9TVsSAnZWagAADV4QAIS3ZtTW4LdFkKpgFPIT\nNeTz1c4ilxKh307taxLp9MQNjFMf9OQ99V9DRD3d5Ntx0K7NWqlkc3A2X2pi\n5u3fWAilSC3OPTsqwJ3q0LbOFekl4TGIJ8oBBwayFA1tK/UgOImlojDIlqo1\nvwvc3Vc3AEm3fUwklYSfXVa4Dqkbq229Z8HR7AWvkgX4Pc1WyuUtNHRF7SrZ\nbVAP2EH8huySRLJnwxQ1kWRVoLbo0qU2n/uSIFq3ITj+iCkYvOru2YZ8Fb8f\naPvQUMJ8PakCw0YlG6+yKTJTXSnPmzvXtYNf3vP+5yQoEeg/495oviVD154Y\nUGq5C/H7ruRlc8QQQI0q2sftLoy8/fnMqOZMUigLNayqkQugNK0l7xrHcks9\nEYJ83C1COX8MnbKXF7pf7nUytHlf76BrLkYSkjSSGpCRxg5jqJWhNvhtlPDT\nemOWIiyWNFTxxcpPJWi9sVjlHZKEOMIRn6x5MwRAvXoSrPpIrBcdDxXbHPoZ\nP0AKrnrhuHBArv9u7kPCfwP8QIUWQFxrFmVXYca19r/Rq8V95mGrghl81KSP\nWtbfGovmfXMWmn4x0By1KLF/SGur3sMWwsQIpfxPpANPOf8VeVCdvxE5YARW\nwVYXWzhgeSzYPkzMU0Wd6mFiIuxI74cpIqWI+pl/l52o0GQGLN2LtEcJnJ84\nrRbe\r\n=4aP5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.3","@chakra-ui/utils":"1.0.0-rc.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.3_1598801419223_0.09822023542272951","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ad2f9aaff8185174b896cfb7fd64a05e7ab489fe","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.4.tgz","fileCount":29,"integrity":"sha512-OydHOSUQ5zpjePqsNe+HeiK2wYoae9bnwRQandbpwhyedv629AUKKfciFSKj31LBjKHkoKflD2+q0Kv0Gn0kkw==","signatures":[{"sig":"MEYCIQCa41HbCdFAMJOlsJFBW/iyRo0NnCdES1HPUOyny5rknAIhAPjxgRqpV9/WE7wJGCjk6eDpO5pWKpAdoa72WTlSdJlh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfnXCRA9TVsSAnZWagAAMhgP/RYj+703JtvE8761YZyo\nVQ9mdEM5vwNPYgJf1UJyYwIBbghMkvT1vzNBpvitwwimIobs99g/0Sc15D2L\nttvXeGqe4X9RoLFE5Pg8q2IAlN2Jui5PUuGlicob3NWv3ld/p6VXQ+Z1TVCn\n7A29mDh6XkVjgslfjQhUy9liIBZH8vl9vae/mgC4zpSlnsGplk3kYOvPipKR\nWjKBj7GDwGf/8IxPQDM+QT5N+ULk9RKBu2brCyeCFq6j6CE1fLHgDRqPKRTR\n6UIIHeEjN13KJAj4v6E/Q08neU7xMGJPa4a5XmrdvLXv8lVHO5GCca2UZaZl\nwysjYAdYgWoByxhsqaGx5fDp5mbCo6z4GWK3jQtM1ZQ7j2PI877dUEWsMv7g\nXcRoQ/pjc9uzG+kaJIP9/8Xbvfi3idMZYsEV7N+ze3X7mHC9Uu6Rk0SxoY2S\nm91A5QTJdWa2NEvFI4AJx8k/WeKdPza56Rp1Fves6ue36ia1bGtwS0RsSuUZ\nhTSDJUF/bJDI0fVHgagBE0ia+uIhJWcKv2Hc7KBmX4Kym3O//6VthncO0SDy\nAbPsoEGJndrt6w56oAuorZrIqAwylIyWQO9ctQBb1uEKFOvlJ2WhYnXqOiUz\nMFf8n/KMoFQEswdrl5F07/5IeXxzTjiIwm7nu0UgxVjzdfrsnT0RFa7MA2QK\nkgN2\r\n=36GT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.4","@chakra-ui/utils":"1.0.0-rc.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.4_1601042903463_0.8013898668490571","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.5","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1c194fa41087b4db30f25bb91c62def7897c7bd7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.5.tgz","fileCount":29,"integrity":"sha512-e+nLWPmBKSUYzy/IHUc+hwDw7xLEvk7/TSHwQFboDRjPM7cjMkrSfxUSRu6QEDFgF7DA3eZGfy3KeNCwK0/pyw==","signatures":[{"sig":"MEUCIQCSIfWx4olVb9XLjmRxU1MRZ6eaR/LHq3ovLBpkB2L27QIgOeIM+wG95oFZtr0pTA9hcd1DGNinjQq0njp0473nTxI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPWoCRA9TVsSAnZWagAA5AkQAJJHpkaiba/vO3lyf9v3\nOsi0vsrpIaFO8YbpjPNQbFm4nhcCA/Nh1VcSGnlT8v/35KUbjX+w0cJIQRaF\nxwlTaEOaJ5AobssfrRn98TRRaPutjrzIx8JfeIGG+ukdkGTuLXze3vkmsUyG\nkFQ7jwrgb3eSahC8oG8ijV5FExDNvKjroAfyQyeNsTcTXVWj78DLYw97rbZg\nrfRj7/ifSeAnWHdfmfiSbKf2pOuh+yOso+1SySEZZsRYdz1m+/Eaz/M3dhqT\nWMmyHYP6zLfCjj2UOEgXPElBnet6nPpnQnePnJMTzsz6Xpsb00MbY3NFbY/q\n6Rvtn4NID3QMEWHb6owKjbGqw/jbnB8bBbfEoZWu09B9f1HNhlEBln/3xijV\nEAqzV2jvZ5dw2G0zfsHBEIg1sRPjQSmwPatvFIyqVYN2H9+Am+Jdaca9z/Tn\nhuQkwNiw5cTviQ7dTyNPB165RqT6kokKaCZiFmkqwVLepS9glV7MSFpKbB96\nDHjFtRM/WRwAFPt8EAgbtfJMIH62tAGIkv2iq/iyOPWi2Jp4eY1nSBvTrmqe\nXRQpYl0CdU0xPiC/a6RwzzTuZCCZxXdJFJK/1U2kSfvRpk0Qx4U/ykvcZX1X\n73PWsgxRk/K820sFIHgy/77/ynnhh0lwVeRFtzHAaauNdHx8L3MkaBobtdsh\nd5xA\r\n=mYqv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.5","@chakra-ui/utils":"1.0.0-rc.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.5_1601238440395_0.15250637192980676","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.6","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f5fc0263ab52538a2cc7689323a18dc9fc7fd30b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.6.tgz","fileCount":29,"integrity":"sha512-vuYtUgxnYHr7r3kw7sz5pAS7K2Cvbhmt37rIITd+S7Yv9d5GdAmLjIhRe62soPqa2M/3dbYTyiNHRVxujrpNqg==","signatures":[{"sig":"MEUCIDbhhzkbtHa8HQIYhXY59en8awey8oRfZN11P7c/VQNXAiEA6yYWR0fAcr7TJMwmBHlRlyuE2XG2p4GqCcXbI5Fm5X8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZz1CRA9TVsSAnZWagAAmskQAKPqEWOQTZfvvT3BYIkY\nAD+4KR7LenYZM6TtXykyhQgX5F4C6SvDrI2+lArXjd1CbEnmv8E28jHqIhXX\n0+9mAgV/djqrCXHDkskGjDI2cXsKaxJQD96WyTnjp7B/ahitY8CTufKjzJJz\nHfq67hoXvdue8PaZfQQmJam2Vs6MZDGDEkgTmWhCHE7HBOIFhmKRqjUCO4YP\nNiwdICIRo5wZT7bNL67cKWgY6QypiU0VA0iosrKCgnXZb/+oYCsBVWs1ISmK\nyFb6M5J4rZRbs9wI7d/H65BX4XryzrLyjsrswHo1yOUThDSfUYQo8vQyzvwf\nUZbyqKAMei9Yl8Uz2yY8K1FZ/otJIb7Z3JmKLKpQZSJFMPoVBfaD64M+ykep\nXO55ccZaQJhT2WQ3pfqDlOcUiS+5dZpwTqZ/p0oKPln8tDOMLGPzG2IgjeD9\nwFLPzDucUrv9+dTufg3bk4CymE/Gq1yH+//mA8IuZPOWiuyAkcyBJjMlwZoZ\ndFGWy5dB0cD007RUFd55JWoGFy/eTWXvFfUlf9zkXKvjGhyxyjI0LjuHCyu/\nahgb8RfrM0VxZASAHFJNOIGl8g7uKZzICpyd+WCMx9t0lZIZ/lLDaSmkhytU\nS4LNrnv2YxK01pBbGf3IDyD0mgsB1tUKEPfTGiN9aceypqTMq7Nm3XUAhjvc\n0wOq\r\n=YHl1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.6","@chakra-ui/utils":"1.0.0-rc.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x || 17.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.6_1603640565187_0.5010154561076843","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.7","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8c642d836dbd78c082a383d19f674ca46bd3ac39","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.7.tgz","fileCount":29,"integrity":"sha512-7X3cFElUONF+W14PNneqPAdWH6V2WHVGucjXlbM1+UjQZkVU7jMVTu/n0yqeo1BCAhZxDELEU5cgikl5wAgu8w==","signatures":[{"sig":"MEUCICacVNESWvaLsM+MTHPi3DgYsQNA62XnFV0mqhIdsWviAiEAu5KtsRh53xYEETT9uR7GBTVeC1ZWYQUsZADpSwkAwWE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74980,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfBbCRA9TVsSAnZWagAADhAP/iC8PHv5tTWmkZFqVziV\n0ryTgbu0G1ljWGG6g1a8W1CCTPRSUuhk9Bv8QgD1jMVQSA2oz51lN4hXZsP1\n8UgLe0vtCTlIIx4WcI2wFSIhpbgx0lWYNa/dblGK9EnkAOlwXZs5+vtF7HMN\nYibgsJj+OwfC30bIucQDJqjU9NQaXsBJ32P+0+cDCV6vmNvBXYh65AUowS09\nZuSsmcVihc4BgpqKxy0I60kJKniXy72LNoHc+vEV4WFkACS9os3WgAIE+mKB\nD8wTfV5aB1Oi6x2SWxYaJZKnwD6gL2nWbfwAJ76tg9QmaxMmgj8onZZ31aAo\nurxDtbjUjG1uT+aVnGNOZ7EetWa6p6/0O4yJbaQz+x6i8Fh7EOx0ur8JSv7d\n+nqZ7XEW20iNYTwlQEdIazVB2SZ21RjXv8B6DRKNI2gETluXl6uelNCb+Gi4\nBfc5YXxPTrIaRJu25YOGpxWWJm7xE0/A/jPuuRF0JQZVSkwKF9eEyBt1lFCa\nkHO1B+T1WDXg9Q00RnNVUWuoP9lKVEfPZaROqkISGY8xexOni0V+wIMM8Iu3\nErzxeZ04zjlNYH/Mz/HvpvfMadzHyvwhys6a2vSMgJezgJ2GvH2YLrDRII1Y\n5nATdNkUe6uXP9ZBGSae/TchaYHi9d3J2xpsBDvWUhi3zofIamDyreCQbyUn\n2Cqt\r\n=oqU0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.7","@chakra-ui/utils":"1.0.0-rc.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x || 17.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.7_1603661914743_0.9972457014976","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/color-mode","version":"1.0.0-rc.8","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c0c59851d6ea7965b68dba74bd4ba9fb6a345cc4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.8.tgz","fileCount":29,"integrity":"sha512-NLanjgYN/rzHzWZ9KLGWsaTDmrlGR4PlS9ngXPQW9K0dy8d362wDVuag8IDx435aovXt6tOkbwmNZ1HGNPzAfw==","signatures":[{"sig":"MEYCIQD1dXKRci0s4y6I9ej7H/S8Nz2Af5l/RXSvOgULZLG+awIhAIpRnFqf6GyHYvDp6jeR1hxXhbSwz6rQGoKgbnZrdJ/l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyTwCRA9TVsSAnZWagAACicQAJAZoptd8C667C9acfru\nsXLEBhGmKAYw8qrQkar/QyFnuKA6rDZ9swW6hhnWvGVlCHF3b6fa33Nl1Xii\nq8ftWG6Ui9Y9pmDTyyZg7KbcOanGmrS/r23XnNsA3BL8vq5BxNKOHDtUyUin\ncXB+3Fy/t1/u+cVuEG3WNdCTm/ktCdtROhO9clbNMBPSSuejcC+gdycdJ3y7\nGgMnEHjrV9N2G1JbuiZyyx9EjG5Q3yxOFD2mYgO3sGxEShqk4qhAKRQCrGki\nIMCHlwejQCN9hrJHG2uUFIJog8X006cz/8+wyZdTmuJN39lLq2EKPiqJvN2E\np1Zic8F1sRWcCpFdUEmBnNyOPUDAKCoM0DunP81PVcmR0taAMgcq/Qd3Cgxd\nKMbI3+w76ab6hQGl3RnB06DtDHAt1B2ZmUEz3M2UKiuHVBR9dTYoZBvW7cyX\nevM5GEh+ry60MJlmUYHhkiAaNECKEELuwZLRzs2Z8k5Idd0gzB52wLOzurho\nldvE2cvMZAQ8yTtEJrpbi7YDkR+m+muEIb/1wzI2F7eyRCJFqErSF39P0IY4\nDCKZQM0nK/RuNqdlQATHrgm1HNzZeKKCTewWUvd38E0D9k92ApXTYdY7/5lC\nSzAoM3QcR6tWVkzbxGFG9XFN6/iol4r0o5jSrx6E6FNSE66GQcP2QUU1TpR9\n/eMa\r\n=Bp/D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.8","@chakra-ui/utils":"1.0.0-rc.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"16.x || 17.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0-rc.8_1604003055763_0.8247286333128467","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/color-mode","version":"1.0.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0cc417eb0c34c9d1cdce3e58fc0991b3f44dcd04","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0.tgz","fileCount":29,"integrity":"sha512-fLg9JvV/udFh0JQ2cH6g30wRAgv/ys+9NjjImnpq3xg8h9TGVOpE8Iia7EswlON0BravkTeIdWeeLxm0a1SGjw==","signatures":[{"sig":"MEYCIQCHPCLIclm9G5vM+Zq6+HhUjghV0Zq7jpw4p3UA0dBuaQIhAOUk/niEE8yvHvWGnRdVIK4xwCOInzYixCPGzYVR41pY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl3wCRA9TVsSAnZWagAA/hAP+walFEzVN8/SsSTDm1+w\nQOEcqUNyRZJ4LtksiMIoyQDKl3MB3W5ieyQ1de8UK9gf4Qd37Jz/kHcFAcWF\n8Bq45S5+o2iHX3GmOidObdqUk6L81W+v5pnPz5KoEYN5NdoFSQdsqkQswIiv\nrcPIyRzfCTRJj9IkuSmtZCDXvQTuJ/CEqQhqHAw5VsPMqzv7Sesj5nZiMscv\n4B0isBAiFw1HGLrOeGbsR7okECp71sl+tgfztrYJrVF0r8aILJ3D8ftB0ppq\nRiqSPGwE3i0OQBhMWSqmKzTQzxIw7hDXGOXoyRjuZLajnxzUT3CiedFmDSKY\nlJCUufOlePW9uHK2yKYhf6v602cUYmV37zZb1TvYfZqTkKQtsLt5AQgvbM3e\nNi2cvzgnJ4kpHjEOjgPsSSMEyr9Pk7o09hZ5VryhBnudBOzS9t7KwviTZGNU\na7sYCRNVsYsFC0yDFtUIU4k1186l6ZILsVwEk6xkscUoRL6xa1c4KkDEtTf0\ne3htN0NPcD0wMKHnnQPK4ucPQrSjihdG8X+74M6Q/UQmSKEQdtJC+unmR94X\nTLnq20efdabkycMHk+gEa3cNdbehauV2IEX7yrx1pg3zI3tbMTB9UFmiw0Z4\nF2pAGtGX9oLuWq1oX88ENBkaKcT2LasFCj691+hmrgH0YjJk5mWNuaT/76PK\nJ8ew\r\n=katX\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0","@chakra-ui/utils":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"16.x || 17.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.0_1605262831807_0.18361935466816992","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/color-mode","version":"1.0.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c6ef751be5cf057fe534850cbacac02760250821","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.1.tgz","fileCount":28,"integrity":"sha512-iGZMxo3f+XMM5oQC7sHomNFicq22IRUmr2H/ErnU7nSQ5jwGpp9u//Q5V2CmFvg0ffmm8h6wbkD8ntkvNb5ONw==","signatures":[{"sig":"MEYCIQCeyXiPr3xgaoVKsphIhTwGYQDw1cm6ONcLuF226LRwhAIhAKV1OV43ZmEt28ssUsN6k0vtvL5r2fdYL9njZvPOVSCp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB3xCRA9TVsSAnZWagAAHpIQAJ3ACccuWyf90lIP5FX/\nFhoK93A99AXT+LbU01IB1nvyUJXKtRoVs8rgZkrZQHoqtbFhPahYc6hmQE7Y\nypYf09dLV7XZv9wOuinsrwKZ/nCiSC7ifm0jywGU2dMihxPar79wuWm0razU\nPYZTqo8HB0CgLdZmiJeHeSaBlmAuTrCTnpWfDfkWDUSm7W5wfnie2T333aCW\nbXiQOSTgzg11zRufc0wgB8tgMZMwO3JNkFjRNVjTmXb2iW0DEd/UOLXEpmQl\niKlIiviNYpMXMlXgkcugI5NmO+FiDGCGlYYaMPadm0x4X1cXjaeym4xLv1K9\n1g3YcAMWb4nVng93oSO3vX5M+5uE2o9YdAKq4GOYBvoP6s8kJo/uTk9y7kfI\nri5Xw2+BHmRm0unoVcDfRC+8FJILTo4acIgKg9FuOEm1ZPqYRU0VjOBrMqrb\nCtGPUbuIEyAXssAG0mX8pxBc/Nk3BiPJWmiWxCM+DwBQyeGRINkw75MjWJsr\n9VHxieMzSAamchInMLKCN46HdnoSq09mlUQU/mOt5utcKkfg3o1g8LBrCyHC\n50T8JESBN4nR7kH+kOOhU25c80guqNv9OFaRACyJw9fRhqRCme7w/FdyYS2m\nkY4nNmhfjr9IWWg3fG52dyLPOgz89pJK6q79qvVNrAx1uwTv5V+tnfMdAkRs\nclhw\r\n=O5/H\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":"16.x || 17.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.1_1605901803168_0.24135717462130102","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/color-mode","version":"1.0.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.0.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":"28613353792171b4d78df0207ed78b2a9a0075a1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.2.tgz","fileCount":28,"integrity":"sha512-n4F1xvbHL+YmNrDo16GOgkF+Rgc2awmn7oAPnJZNPyjOoyBghgEdLu7K+1xM14xpo87nX92sVyGMr1/1UbJq2g==","signatures":[{"sig":"MEYCIQDbKy26D/0WxoFCjTDebCu841FF8qMzxpqVmAZwBcOsvQIhAOEHhjIS6LZUXEyBpr7LxlcW2DBG6keI/HuA8nw46lSZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29AJCRA9TVsSAnZWagAA+2gQAKUhOIGk486Hc/xCCAw4\nUR2u+DoxZvEGsC1DR7Uoub4AuOWDNltzjd6cBQRGMjkDbgBS8YNlhSVD+Nl7\nshu+7ly/9SjMVe8emuXIbKxZHLuBvKMsmiG9n2obepnuiKduFTz6u5T/SyZm\nUzQKZfA+34nCDgLEX6DwMNRQbI2JagN1ufTMWIrVt+WITw07XPUqSYdsBCDN\nsih+WQGsvKvHVBjAdvy3Be0WOBwPzI7Greof8KjH+mM6ny0Ky8MnKNsgISdo\nO7LwOojeemxBZwyCCObMC5NmQR6N1gasIgVxP7Cw52kyHisM84yQIhhIaSpj\nBXJnN5LR1A/pKvjlriJDqV1udImSqinuUp4h9PQlWOnQ2tDrQ6TPLKK89n+X\neMLcRuUppt9HS+uu02ZHMtoZySU5j38eqmxlUNCNNcwp1yAGq0bSgjuxZs7z\nPY7vnZ3fzlJFyBj3aX9wzA5oet0ALyOkhFwg66a/IkeRkSjdWGt54IXYdIpq\nO9oL3yAJohnJ5CjcsxBMOy2jsxdeXVj/Rvzy9/4Ly2dAv2xGYr0qMT1oxknb\nNyb/+otjTmzwFEo9xjq89ep3bkZRkvV6b9negQackpIdfcQRkTC4n3+IgOYv\nXEPOK7qp2NFn88VlN6U4UreLxcZLGQHRpcHVG487fX6iP4seGw5mG9ICQXcJ\nplrY\r\n=F7cV\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":"16.x || 17.x"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.2_1608241161548_0.5189944566518403","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/color-mode","version":"1.0.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9d984cbf038144c3270daa0fc1f2d5aff1bf514a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.3.tgz","fileCount":28,"integrity":"sha512-5SjvZP3z4FUWYQZM619gHgITbibu5SOfnuZDk/KkseL2WiRxj9qNmHrg/MKfdhROdgehha5Vb355bvIcfpbFxg==","signatures":[{"sig":"MEYCIQDDmpwZSRWT1C9FAcpVCEx98kI4afPcR7ruz/0RMn0DSQIhAMuyyHqDl2j7smgx5ez/ynPDqY9HZALjuErDzFB3qQ/D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/IR/CRA9TVsSAnZWagAAS2MP/iC9BgJDEcLyrYvBKlPJ\nMSqOT8rjJuefJScyQUqoN0I3y6Azrf1i0npJQR0Cje0z+DBMhh0E+82d9dVL\nN4j4ZIR11ybBwCSH34228OyVjD7JatuAK3Zzg0CYZkkrw2znVt8bspaRQRlG\nOfFpb0WW++HENRJRIN76HzsVgTesbu/kkA3mBmz5Pt1e1NbgmG34ZGGzmxBW\nmjxQhKXXiOh+tzyjRxH1g6BWe7HtDHy4DDypvjQBvd2tj9ZoJZtiVstsJPMW\nfX2ESbqyXObg43033yAxkuFM9zNDhLl7EP2PE7kH7wg5SPRyKdn0vggMnFTr\n1WtLRRRzy8XIIZWKsWE+ltFRKWZHMCi5/WQutwR2RZaHQlOgzwIhubxzTYYW\nuC7h+AY1ZabTvF5+5rvWrFFgbkfrWE27WEqO/Ud+ZTuew7WeSr8KC6jZgFYy\nntN/Y6Zl1b5qL5ZbNjDRvcyNxlaPQ1oi+EQXyJAGguB/Rm37uPgCrWSeb28c\n0k+2eTNXTZ0Vxqh4/lpb2juHKf2K5Xc+RD9OjW7rav2IZ4droYE7+b6xXfCZ\nIbkeVFpuOpf3vbT3YXUQxvIoKofhkfucn0zxSAkzvvSiVTgOtZHI8hw/Z6n6\nH3vnTmnoVDyl0Sifa9WzylhjkpDTkiT13Xkg19C3lCItlhBRDW8jyx/G42DK\n2XCx\r\n=GMRO\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.0","@chakra-ui/utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.3_1610384511178_0.7176077621885615","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/color-mode","version":"1.0.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c0e108700f020986cbab15e6f0966d3de4b1eba9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.4.tgz","fileCount":28,"integrity":"sha512-pOhQ+uCh92O9kyfcf0BHlCWzXTriPmuy9GL28mgEjFWi6k/OuJfy4dmlsG1gWZNnPz2uRMRyYyKeA/VYr0GMQQ==","signatures":[{"sig":"MEUCIQDJusyJhBy+tS07njR/sEuxoHQ6Im99sDvwORkH1EUJEAIgHyJKuS/JNxa0/nxRzDMKEkBixHq/Lt91Z+NdTmMZz/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBJNgCRA9TVsSAnZWagAAThAP/iiJ3wXbtV09dxoyE5k+\nvwJI2Wdwm2tEok8Fxm3ZYrxeUP2TGIIsdByoSZJsUJy01rm5HMvgTKAh220f\n67p+k3KfYEcjkA6RWYlxzrx5cfKXsq+KVRBCtqGJWfRQ01Nmk5YNeCg+byu+\nXlFtXnS9HvNJqro6uZHPRLNADaBkvqJe4850BnRx2cqZlQ/HprwBS0JuPBDm\nMx0yhqqLsvbmIxWwlo5EXvfxGnKVxSJNFN4eGccIcZX26660XnDxpwD4gN5v\nIOJZYsuVsmJ37GWlbmGUCTaheYXoxxGsWMtndxe9DzLsJL/3pyByfzzdi1c4\nQ3nejUMaQJ3d75lGtcXMRnjW7sBnoNEh6ds5SRLW4+AXwQDcPmzuggIcgkho\nFMozrMrK/SgFpYgfZtidI8RK/xdFuNWyJAIUTUWZv0LznrpsgK2kYTR/gDUA\nWBurHSoxX9w+Z/XWocm9kNoi9z5sjvdqCPBOwmir1h6ZcryqfHL7v0WTmr2r\nqQveHETeO4xjnEqAZHuWQdbnFZw2CHcORaYgvfiXhr8jvoHzQQASJGhlcjD6\n2knV9uap4xEeYFK30KWN94OcBT1Nr6mOd0uOccgDRyBDXREMwdjtjfVnitmp\nIZClV2MuV9mapHYF4UWDtfrWsTLf9qEfsBA/2eZ446rrL4f2lpVcbujGKLiN\nxeRx\r\n=XXaW\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.1","@chakra-ui/utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.4_1610912607601_0.991609367865772","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@chakra-ui/color-mode","version":"1.0.5","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"41b5600bfc94ff01ee262b67b408e66c869457a9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.5.tgz","fileCount":28,"integrity":"sha512-w2o3YEf7S/HzNeBs9Sg1Plu8vbyuQh5JsfrQGZRbyriu85BBrK4YM8mKPOGdza2B+X9fOJnlf8TmRnGsaxpwVw==","signatures":[{"sig":"MEYCIQCk77RXdoteTYpI/0G63w5iEBcbiJHYGaWj7kXZFlg46gIhAK0ERtYAePqBhr2ILPZyIc7jXvkL6eevS4DgmWv//FRK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDYutCRA9TVsSAnZWagAAhUUQAJQYSfZ+4YcB+VUsR0y7\n+ieXDje7AedABaqJpRzczn/pxZBghSXYUbaMJy4ItGpGqxSLsRRIXR0YdbKl\nOann1BHxnf1zlBErWRGx8U1gRR6GqDyivFDMM5HRiGWRSwRAZSVynfCL+kUB\n4sRdNrl3avVqzxYj8+CTdqOBA25atGLcx/G3zMsJTzjUPHtWFJqcCGk8RXXM\nYnT3WPGi6U0uTlsgO2nsHj4uqYjYItA0acEz02jyxYOCrVTVf+X15dhZCuDM\nSMyoJ1IEt4s+4CjhM9HN+hEKyNRx91hwKxPafxT4tKI3LGdcH6+ESMBMW44J\nQY7chsoX3gUvGygrihG5kPy5KtQeLM8UuQ84hn+nGr7up79ulQYA67OXabwz\njkkzm0CVRdoW2FrIRIC8OXVIgRsgW8LPi5WItDpugptS5zTbmQYJjbbGfMmR\nmx/CQb19TFb1YYERWNGeSze1yBRVqiSKywjEhrWwfPuS3zADXhGbINxHhXSV\nVcvycXMkkbepzWZuxOzHNxkLtWXu7O2ELm1HfnONmV78DAZx+QEpI4gdyZkf\n86huRrPr/ltDB6ICVC9P3nYHmWh77M1y/z+MSYCqc449qMxLk2a30Zv3WyQf\ndfM5NtjdjafTdWlXncTt87aAmdYif2p++Slj/ZwjTeBpBbbCBD1F48vgHHpL\nbV6c\r\n=D84U\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.2","@chakra-ui/utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.5_1611500460414_0.44010147525506205","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@chakra-ui/color-mode","version":"1.0.6","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8921b4b1b58a4e94dad74f94fdcc3f83180876f5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.6.tgz","fileCount":28,"integrity":"sha512-nxSHz/XrV3BL06bOdKnSWL5ydPWPebQ44AKCqx4N+JQ3bCfrsAhSpDT8DN5jEfawtnJCnEFqFRayYRgkbctN2Q==","signatures":[{"sig":"MEUCIQCBse+i77L8OBsans8m0vmzwa2/Fh8wBxy5O5JjMXxy5AIgCR5xP+kWnNtf726+oAYrEV4LT7M6FZkQu3dD2q9Cppg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76293,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUrCRA9TVsSAnZWagAAGjUP/ifYrXPiWvAWfkEQtd+r\n66c2mP3Ult3Z6mOxnEjCXpdAckkbiKMl5sIFaSsldeOnUaBRYGNR2McrvI67\nMSUm8F9ibI9u8VK/RBJ1TG+Tr1MSQdBtcE2Cvo10mhtWY33wpnrbiN3an18q\nqRq4xQIJb2lntgbpSEKZaSA85iv7HNQWzJAZ3C7tiERVmc6LN9M6npLNit8J\nBjrEr33D12ET3ig5urzVdmkzIG2ZTOWCEveacsib5J8PNk0OgzzrkUB8Nc0o\nDuH0f5ZmV7P2YWMLNTAM+d6uO7GbGC/89GElpo2fdI+uCs8hC0O/K4FUARuB\nKrsrmlTkldeOBmSX+iKZUg+hZo6/fZlZFhNT4vBmj/GkkZM/F6MUSl+52mRL\nP/o/ltujNckjQJqeROXLb7KqDZYpzpP71zqjwtqeHb4E4k5LiarZlnDcQYHo\nT5JTu80dD0ik2BzjmYAahp1iemQTjV2B4r34+Ku6EdAlWNGDHr2ktl6is7n1\nHzHmy5N9nmVyNkVqdlImEQURCVupeqsv3gwLe/pes0IIYuUUX5LVU9lYddVF\n/vKiQ/4fLFzseNKhwrVi52XkwCXf5c513oAnAjrXfbsEtRqYn+k0b4wY4Dtb\n23WkQJYY/h54Jglmy7yYKu+D0/fY74wI+0nlPuejPvpDwsnxJA49dWNxJ1BD\ndLo8\r\n=ckbb\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.3","@chakra-ui/utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.6_1612043556985_0.5415540039770794","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@chakra-ui/color-mode","version":"1.0.7","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.0.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":"1b7524f667074735b4cde87079d0bb7354294bd8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.7.tgz","fileCount":28,"integrity":"sha512-WJV+aK6GB9nUhMbeYN6cJv+5nQzpWNNyZfxUs+B+gFv/NHMh3/ZwWW+bSSvk57m4v23Icj3ZPyhY4RCiWcBw2Q==","signatures":[{"sig":"MEQCIEbUkuOEYJirGbL08D9WaEB3YyXDKn8fOpYWsdSQ6/fiAiBvGvt1rPPKOG0Fy+qf3gn3E0lEevKh3zIyd/2C914IQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoA4CRA9TVsSAnZWagAAwAwP/0d2SdFFS6z40eJNx6ws\n3yrDeQcYpDpen6lWAHEMWA7UOKUGXTC7SSwG9xA7DmR0clECWRdOhzcmhrgY\nkw1eVABkUtyVCxPOVF77uqfAlNA7axCc1TJqHIzutLnYCnupgtYhk9FUEiH8\nX+c10GAqLXQwF6js/qaPOUNmz1ThGu8eXppeHdhARxk491bAXoLK0GnoevN5\nEQTlp8TUZwzTV5D2b2laO78Kmk2Gm5My/yc1xesOV2aoEryUUrS23n2d5uZX\nvDBFsPhbXl3KmVgiWScHEAhp1QB50EA9Kmn/Ooz4RpMAYTm1Mt7oiH1NJfrN\nAzq0Csl2V6aG/Glqnyznzudpf4hgKUzv7P2IWCFnF3wQccm3RVh2FdGdE2Wl\ndRXhrUC3TsKEJdT2ZnsBQtt18OrHUkAJ/5T/hRvHX8SOXj4gN6QzVoqDu0gc\niP8gpfnT1C4DYn0cMGBon2+5LcYdIvPhFhGXWTop+aLxIowSSixvVNkbvJ34\nBfyQrwkayAxnq4bTPU3hW86tgFCl3oziJMnomm/hhrgDNaG9DzrxGOT5U4W6\nx+xM7BES6F5da4AfR8AN2vN+nzmWyAequYT+7Dv+mBJ1DY3gMym80C3JXeKO\nwSHG3v8Ab09e8rUf/kD2BrDED/kONdCEn2YJ6TBScKLxDQfczZ6k+1jQgoJw\nO7nN\r\n=aXDI\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.0.7_1612611639721_0.20628757395459907","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/color-mode","version":"1.1.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"fdb6f44790897754d2c2c444855be5af228ecb43","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.0.tgz","fileCount":28,"integrity":"sha512-c9BdU/B3/WbYOJlAI6z02IzGBzWX1+icqWf9M+5psgTqCv5jqxOsqUKs39Zw6H+rpYqQqR20/i0hyDmN1eptpw==","signatures":[{"sig":"MEYCIQDIwY/Zv1xqVu6woIhjwdFO7UH6HJoHZvjx0Ik1Poxm2wIhANEUWPI6nwsqjB2saorQTANBPPLAjR6HVRtQT8Zywd0W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":79542,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKBCzCRA9TVsSAnZWagAA7kkP/1lMd7nHcBRwzKsASen5\n81bdwX1oXR3u/bv5hFmY8+A88Gn2zJBdrq910BHT6w+p/E0nAjSHwqxGDgwT\npeJWY8YdfI2s7ComFIoJvh3wyMpKjOSnLg2t0+S//iK5cK71hhrgo+3wKt/y\n0hpg8K4oVqBFcnFuP+TfJ22tQcPoqCzeZIL3DRjyuTFa3LzlWYaUCg2sHStW\nH+XCE87DsbRzI7m+4LCsyVLo0asRHLdzDRwTUCvDgf0u5j75xgAd6+RfT8KC\nGC/efr3Ffe84ueDd75XcBzrmTHtrhTPWXClfYtU2CpMIVIMyy08k8Kjlv+PW\nMcNRwVmJmeKqhXBu/MUoAgBu02uh/SXsQ3Ox/IxR4GNKYIk75WdIxHRYkGq6\n+h8JbIH4LOmKgoMHCrAHGQ2Tb/oNo4AX8e3WuRbuLFHb/aW3KWc/QFy+5yDh\nWpRaUUU+/FliSKt6mHtoTaumVulBES1+Cr/l0svYE0F8PhTZozgMqyTYp5gs\nckhK/hyHecT7pvU7AFLdiKWuzqrXHEzA/mojfkJnFdA+FCC3LicnV4iCYLHB\nVLKtxcfwykKwcACsQN35b7FyV1uEBaloVDAGGUtsELLKtgksFMRBIfsxeP0W\niUT8TMmpdFcHj2Z00fGWg1XVID7UKBUDDVmJHhnz+UAgdVxehOLqE34hSzKn\n8/sz\r\n=OZfj\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.0_1613238450798_0.5657827169361513","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@chakra-ui/color-mode","version":"1.1.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.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":"762da845c24c9ca01114b5b2c99cc78852b44b19","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.1.tgz","fileCount":28,"integrity":"sha512-vTT7SNjYie5O2EucJ+rQvta2srLUHXxY2J0mfOVRIvMzpMr4l49DYAqZmRHFie7rTvV+e0h5JaA3qwdHUsBu/w==","signatures":[{"sig":"MEQCIBW+M8kjcboLAXl3yGCwh0aEGE7lEAD58lm9MlQIbMYVAiAt35o8DZvmtojdNeIkbqdLLM9FI7wO85CsaPjA4Rp3Hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":79861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3YCRA9TVsSAnZWagAAp1wP/iZ1x3mLtpjGcDshMIxL\nWYjMsK0HILaAgbBqk+A1luhWANoGsypWKUhvos1dOFi8wxttpZrIs47k2Dcy\nVtmfy2r0oxcGTcaT8YkYdfrt0gbbe49IWwmgPWQ6PlpADFyDJeICXFIagyK+\ns36XYm+vJEWCH5WyKh/7B3u2il9ahJOL/w+Br9+KXBWYc2HMUj8RBSGDdyDW\nphWvpm3H4X30nj+QxU0FgwuiYeDQuykzA0q//t6Sh108VISdcjUz4OsJQhFG\n18Lrbk/D+oqoHbrE8UneQ63Q5oA6xyk0qzxDJe+l2l5CiVLVzwTpR671LOdj\nIW9xHdYGBr5KcwGR9zn1ldYOrfyTxpAbF+2pFZQZXZKCsDUjolQA1cn+hxRy\nWGddkEbN7UDySN381pICf1XA9l2O16wM/hDqJULp/0mCwg+KuYxe94dOR0qQ\n9ga8H+82xXvQoOkYjPjdEyOSoXXiAHAD4PuRWyW+4kIxpMBV/V7AeEUPMtLG\n2JyXXbbRD3Fuoa9pwatFuLik6DfTlGU4w6GgH2VhHppp7rhujQ/aOyt6PD5M\n9ghtTY2+alDZes5CyqJPKeN2FAbwTZMPNLvTofpcX5avKLiIj1NwNbkEriKZ\n4pqt3VDc8jSZq8g5lkYgPSdV0n4lmNBbC6/JG7RuBX0SlF3phwvi2zzefZ4Q\nyYjE\r\n=fDU0\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.1.5","@chakra-ui/utils":"1.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.1_1614974423319_0.8035857624276275","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@chakra-ui/color-mode","version":"1.1.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"824ea170b04152021bc5c39a7f17f7f0b6d59801","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.2.tgz","fileCount":28,"integrity":"sha512-RnJvLFNmLyC9bnYgzunJ19pwr7chc3T6mvZJG4Goqxdn8jPQ3QJPh6A0vA5tvIIgbXqvIPn8imknBntHq1P0kw==","signatures":[{"sig":"MEQCIHMledchxNiV8zIe9LhrPz8JAltOKGG2STrJShY/VVEiAiBvfxSLPPP3QgrkaTY05qHzYF64i09OBn8qOYE2ZjQiAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukYCRA9TVsSAnZWagAAB5EP/AxXncj6ZzbSgzEUI4uq\nAwMzrgyQ0oLiDxZ4K0JG79BkGfPWS3ET6/y/ot11YDGpI3VkSx4Hq7M/HPuO\ntPUKy/fTwcUfrj0CMtMI53/B+IgHgl7dK1ypsi445j/UZwt8v7d/i7hrXaWC\nIrxubsxReWkVVz2MjU5nt7hOlMKGPGpqqa0Zk6oY1paDDKcyt8F+IlDaY7f0\nVGlnK0SPvs0xVC8hPEDG+8PQRAKwkju+V6nm35QtSHy9Ukc/wtj8kL7uWRqx\nSiXyq9hX3iRknBsJDbP14N6ubwFGkWB9MIhmvSs0RH/h1Pbs/2Xw5sx62NLr\nvIPmt5Zz3hhzmEN/NhE3l3RalEUHC1Gs2RRjENoKBEkZJBdpWQ58amsC+j4K\nW9/WR1NlQKorFsPEIt866AKvb+oaoE5to7/NRjcBkD8cXE/jZRzT4Lu93SJp\nd2TBMeeBrZn+wYw9fCQH2AV61cUKDUeRyuWzsrV2+g2HUkmNwTJFqxi/4e2f\nbkIyBYNVIr6ljArfjCEk8YXmA27j8phXXOJGh/Srm7EfjpAOBFrBPa0eoKBb\nKPOHVZUwpMmXsEzWJd1Mq6KSspew0HZ+6WBYNazVE3cntJwc6gjYk5NUE9QI\nG/cYr8kuEC555d9K4gFMPfPoXqfph17Djm0TgtCrecWfVcbOjuwUIe/Pv2FM\nYy3i\r\n=ERMp\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.2.0","@chakra-ui/utils":"1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.2_1616308503544_0.8715603174695616","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@chakra-ui/color-mode","version":"1.1.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8ee93f7f5ffb0759d9c5920cfbd412712d570c75","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.3.tgz","fileCount":33,"integrity":"sha512-Ru/iW4LykRXe+hOklXK4hNVATE4Kq9STQVidoIdAJrTABwtXDm5Dvf129WNmMArX9jcrlW3gp0YwzJh0vMhVHg==","signatures":[{"sig":"MEYCIQDTYoForl13CXQdUiF+O6ByAfORz9vRpwLrfEcqNc/rNwIhANBBleV8JgFlY3cU1WlARyGlkTu9wEwLJlRN46KpF86X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxi5CRA9TVsSAnZWagAAWCMP/0MODpsqyq2+iaCiv0GP\nVjp//yOCapKLu7uc8kHCZEIIZO5Qb+A1bFORKDnf78uzCa7tyYUuEIkIH0jB\nlpaowXEqHKvUHkAZdwPbS8wnqKyL2Yb9olY51zLh9PBVuY4t35fofoJYmjGS\nbD6v1KJYu7LafSXOLCeUwicQGf8zo1/Mzc3XYsvtvrY3huKqu5nFivG8Pu9q\nKkUrT4Owlp5z/35W3ihPBItb4vFEn7SOSRxh0tT+l1u94LAQJZHAuJMQ7Caf\n97becSEAztJaF311SNwlfjR2aUVxk+mTlnxLLpLDIrjZwMoKJlU1bKP4mCFW\nUUHkgYJ/DUf6lQRpXSF09LqHw6C/nKF5sIx7tIeMEpCxzmc1LDPITO9rHl3/\nlEZ5n9OstWAP30FVPnS1DW6fqKSJMnQCiJEiCHu1RHY3GaSxfFSBKUjE0ejI\nkSZQ88EMI89MaSupqrnJymPiPGFx0qnO4eUjSmHZHTVA2zUfqVLrqw95Qg+Q\n+gdLj+fnZl+XEH7jz1C1HK6Ev/0nmBvFmdZv8p5cwwyqvwS/4r2SK1Al+4tY\nOtL0JIv6f9tlbmhCkgBQysRifDN4foDaq8M/n15Tl6eKFT2hgVsaInXwU5Ug\nV0BJejiqdO/2KD4JEyzCzMhU9slMwEpFUQKSrQAPfrL02cpdPoUqFlBqhJIY\n6gBQ\r\n=ZFqd\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.0","@chakra-ui/utils":"1.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.3_1617107128946_0.4934172323333703","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@chakra-ui/color-mode","version":"1.1.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"622ccd626a29ed0b9d0cc42874e210659c956f4b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.4.tgz","fileCount":33,"integrity":"sha512-EpLKTGYgERU4dWALE4p/7XLeKYnuuGs4ZR+9omnCJzF1YU4ya8UK+poQHYqlG5RzlHBWivVrbT0UdQzuanw+jw==","signatures":[{"sig":"MEYCIQDDuKlyP9X0qZ9ylqfz3AQvsovFaOdc+a4/kpWFpemBtQIhAPhc0YTsUX2HuvrIxSAk7xmoI66fNiVUje1nVPTJ/jzS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqlCRA9TVsSAnZWagAAy4UP/iyDIHP8g2+uTK8cm7JQ\nAk7ZcAyX5vMI0aeoEG7VbIJ9q9hfI39HxX1UCJwX2vVO7bVsupNbfRMn5Ib+\n+7isoxVSehxVS//KT0sgvI/0CHMTTSOKt79A9fyY+RSPCtZiwNhWKIJQliN3\nYZHIQJJ8MYO+9YdgRRZgQUq28ub97E7X6auyXOjrQIYDQ3xjo2Abz5xEG4sB\npxOr1yLb+wjVp0d3b1XDIRwlZaZkroBvaXEFUZlq2rNWFML4AEUqM4vJmVmX\nlWLQZAexhK9yGC0pq5lsqz+4NHKqdktrx1xW23t6fAprGyYm32HgSHHyYwZ8\na4OxCDyAfURpmFhO0kQOyXLVYNsOuyBl8wN5kIXMjhXfV4O2/T5PUPbN2JJV\n5PSiVFJ4uAl3e5ihj+fK0Ylj8Bz3hvMOq5inDx2Z04vEn9gYgWTqyoMdxR1k\nv7BIEJh8LVSRtw9uyjQlEXofEIsnJAC1Z/RwSL5r3Jq4v4nty+73uVZHutnz\nyvJwLPYpl2z75ySTOnYEbyTZbxjH6Am1XF5erDVtadsdVMTeXC9nHLZqb7Mf\nUuBX8u297+vYISddGPumc/QKJas1hGR2Tkf76N52isE72L81Y9HKCxhiRKP9\nNBOWD7ZH5LGu3RSXYMODJhh45pN+lQjn7bxEMGw+m1u2FvFO4QiuVK5WKVzp\npmw4\r\n=Hz3L\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.1","@chakra-ui/utils":"1.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.4_1617808036767_0.907671666840657","host":"s3://npm-registry-packages"}},"1.1.5":{"name":"@chakra-ui/color-mode","version":"1.1.5","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.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":"59f1380d2745d0aa43bff935b4656c687a481b01","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.5.tgz","fileCount":33,"integrity":"sha512-dtnIIXkqFPc0nMNpTRTx7aO55ucy5wgTx5GtA6y7Lcx4jit70z2k0Ycbm9jRCN2SVWBzKlIYF4uWvuDdJAqKqg==","signatures":[{"sig":"MEUCIQCegWi57/VZzUEEirpno/1Lmxvq5PfMnzaBUIcw48ilFgIgYA8VZwto99aHL7Px9h9dBqP80FTTlLJWgJCHREAzNuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhcxCRA9TVsSAnZWagAAtQoP/2iyO8BYLRa04hkOiGxx\nyy/bzD7slElZIEwydvFbx6SfwF1lBxmYJDi34ZxT9bU6nJF6tQTZtYMTx+BE\nmIGdcOJ/7bpKd/lxrfkvSkjV9M6730d/KwPMBPQfyu+hmiPHHRhnqVsv+2fz\nRp1lgSXzfSckrqPgS63HvYLAErFGaYJTpSvVIPsqrAiLWDDENgkthw+oSotj\nfjy0A0jjPUPWg12n0ReOpEEy3C4277+QAOK4mi+P8rxH6lEbU1pCVRNqUm73\nfI+tEUN9J5rl+ugqFWJGr6sQ3sUIXHLyumwBxNRk8PkQgVpiP6YRZ7LtF3JE\noDPC9ekhm0McnaFP6DmCLJ56h6GPIimhQ7Na+RcMqVy5lUSlQPS67Sc3jBcg\nLz2lTPuOabvPmJrvi0zlzY1ZAj2jJbc5EmGpl6y1zMyYBzNXO7IkA+wOetzV\nx0ovbgnXdKjCAt8Vk9M3IlPwcVs2wUFV3ljN9UuHQsF9C7IPesAQKWy8wiTs\nTZQY2sRQf+BJ0WzxLUr2BCQ2IoVpRkp4DHOX6yHD4UZ9LOCm+4WZ+gKqZV/K\nAouxXYDWAPFAkMSKXs5D8gIB/1fdOjcW8j4AR8s3v+lvqBccNnMRw3prjTdd\nfweBCLuEOFVnZV9KSeVNQZg8phUMMxY4uoKiGKkGAZjZLBzsPd3uTGq9eZm7\nVCfG\r\n=eLrx\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/hooks":"1.4.0","@chakra-ui/utils":"1.5.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.5_1618351920699_0.30980537303140165","host":"s3://npm-registry-packages"}},"1.1.6":{"name":"@chakra-ui/color-mode","version":"1.1.6","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.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":"6662a0901464cb887d6cfea9b503300f7cc34793","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.6.tgz","fileCount":33,"integrity":"sha512-Ee4KDF+W9Ci3KZ5l8jP3qI1We/zGDV6A02X6/ZMZObeUnJC5UW1Ra7Pd2QIEJC8BbLP5cjrrRAACFItgNW8A+Q==","signatures":[{"sig":"MEUCIQCqKJ5o2E1zxWWplQFrBrgW/nEDWFIsQZTat9PvS2gZ+AIgCBfldIjeuOpd8Dv2HJeEyaXL61ZVORY21w7teskl6ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":85414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3sCRA9TVsSAnZWagAAYUsP/2QT2MP9GPShha8xu91J\nGLATTQEC8UOfTbtEhwBI5FkKT7FMpgVuy0EAzbudPP/j9h89jYfH6M9uuq9/\nvZwLSs27QrUik+G6LiXbH9EOoucxaYSPlZ7QxaFmVhVgu27hARRAyX2euLQW\nO9Th2/b78T9BoPTVGmjtKmopIYuf6F5ORU31S6707mXqrXoZo2Dmwo/xj3lc\ntNCLNxuzpLChTpUGjJ5bk5RQGa5AaRyaoe7FGqlD3iIh7iVg61eTrx1YQkPJ\n6M32erOA7yxt8ji3MWkU8l9cgVh18rHTXsoOC4hX65Mt01nVLOE8x47ArDyU\nvziAhV3LpSu+aQWgDuDNUbrcuuvTSZqXIb68ufhrtvOr72pxn4sDRvO1KnoG\nRDUkPF9hSyuaS0AbM8RpiodIlsLGfllZdQNfmOJ/seaSmR38hrnpPovF2Jdn\nO/35I/C1RNkH1fWZDwzG+XiRc8RifmAJG7wEBxzJY5wW+468zfcSpQq97wKZ\nGxat7CvWBQuiktL2/18PwweADu6Q7ZBtxtKEksC0/LNQPsiIvpsSRGUX+P33\nWLTSw88MWi347xNovyuuN/VANkwsB8dsMR80Qf7oqtCLmsFZcjjymUJ9jSue\n9xPRFNY8fTIqdgyjDVdLWhxAVWwxWkDYJ+b2VAwBl3a+kvFnIzrzm6d0zRtO\nhLZQ\r\n=9iAN\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.0","@chakra-ui/utils":"1.6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.6_1618857451563_0.43185690493896667","host":"s3://npm-registry-packages"}},"1.1.7":{"name":"@chakra-ui/color-mode","version":"1.1.7","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.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":"ad5fc6c631884906ed60ab35849dd4270d27a075","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.7.tgz","fileCount":33,"integrity":"sha512-av2lH0iFinL4rN1BlSxu8eoted4p+qzOIiLhXcGFNodp73r9I3A2vspaZYke/xMrAwFaZq6wCIl+BwXNHAGRDA==","signatures":[{"sig":"MEYCIQCaeRbLSdQnLf6z83EEB0/J5pkZ6lj/Vih+Ejg1hdz6GAIhAOrxIJv2BHwdnHmUv2oNbBibXNBOaRSQaoL5DqOFYAKO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":85628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwv7CRA9TVsSAnZWagAAgMUP/0Q2EWJKC3iioQec/xrB\n1XAT7dkw4YPG+Fq4t3hUnEDFA/ZWG3gkX9Xc3a1u3qulFGoqKL/y8f5ARUcD\n00pdONc0IHl6rbKnV5bM6iXFt3KsDFvNfN8JAaVtycs29zJ00XMLCPMwWJja\n46FyRCX9uzEt0EgbnEo+O0OUuNnkqVHpfQa0pj++DtJGoBgvnqumWJxM9jNT\ns+4avDp6ZIRidzqch7IO9CM6apjN82QolDrhDYgrdYg589uz2kAPL2NSnlSG\nHwz4CA0V3kd1gfjdk0OURy2aFvYjIdLfI7lLKG6xVY1LZxIrRkNJrL+vXfAz\nBcVRcsQ4lT90AaPUewF26Otw5bW3H4EQcRUyJN3yjWcgYGAq4IZTjFwsFVGU\nCv6kh97DtIT0KwSQZj82nIuwLsSzteIw3Vde4fcVQSaStOgq3WNbHyxxYiKv\nF3g7F0DxUI+T0UZWebFnnnkWnfdeI3j4o4nf8F0TAha7gPMdBJj+eLwWYxF0\nXaQIWN5CC1cYKnScyR3P2XAj8x0HcPBQ8nWd1jQdt39sG2VjAGNh9JCcZiv0\n3l1EHB2P0dVafIlBZTo1aW5K56DRZWHEAAXvvFZz5knJ0iirnzUO5rOiO1k0\nqT3KLX1MphLIUPFPkQbCaypZyK4+VpPblBEbeZMV83JanOtwFKW4/FkMQx+O\nBp1p\r\n=/w8u\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.1","@chakra-ui/utils":"1.7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.7_1619201019300_0.904785414630084","host":"s3://npm-registry-packages"}},"1.1.8":{"name":"@chakra-ui/color-mode","version":"1.1.8","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.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":"a5648c017868d22947827009e5ea4f0cd0d0ad87","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.8.tgz","fileCount":33,"integrity":"sha512-hmSK02Eozu42g1yaQIXfJg+8Dag/YoeaQLS8Ygk6OEGEZrILMxLbFEBvzxaCJt5GCKOuVc/9aGsn31N7c4SNrA==","signatures":[{"sig":"MEUCIFxksnO3Eaz/2V5OBX8pfHc3S6JqxOMObR0goDqJzzaGAiEAwNAm2EpoNionr7PRxGL+g0ixdDW9P9sTSIvC9d9rfTo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2oCRA9TVsSAnZWagAAggsP/3792C03vFzD/u4z/+zg\no87eyJYlnJQvVAQXC4Dj2mCmD5fPT3LBt5NzcN+3uyS8qaLtqI+KqB+igW1t\nd5t0EKJVL7Xdjqey2o0FCjf12nR85x31GqOCc3/LlIjOufxSTCpf9d7iIWzz\n8YvHGeJzxMN/qym2O5KyrrXL3B6+BhrCFadGWUmgA1pGykqST3nmZaTFhAMd\nI5fxvMwLS+tsB93QkATLTbL3aj94D2nxXTaDxNck+qS7+z7RYvFuz0clU6Yy\nTe5zLerPKVqjZF9QM70b36jqHOZ437VfHBUDOP6fM/wRSRxz5ufRrBaVgVaL\n1Hbdc5o7Pd8rMJP09r0hy5N9oxZ5WJJfWX+/O1eEHASQOgwR0rloWJr5m13J\nb23NhXyyCEILlnUlRr97j6/3aeo8I2+oVLb2nu8wFmcC4qiswBulCalpr6Lk\ntGTb61dkzUyEWXv5JesGNdrhC73EnXkEhaNpocZyGQHBiDjn2kY+k1fwu19i\n3Pg9tnGVoPOBV4oyuRKEHAi5rVEpyyf5iiU5jia8itViESVpL9ppJX4t+vbD\n1FpSahJSiWFBqqaYdL+CiXhsQntGCPu5CrmoV+fCPIukVAIIjAKgjeJ+vOu9\n+lBJZF0Lc5j5flPRN6vTSMw7ApyFNM24Rc/QqWETGnrcNU/s91ZlxiXxofVX\nINhs\r\n=01Eg\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.8_1620213160304_0.6745762544134326","host":"s3://npm-registry-packages"}},"1.1.9":{"name":"@chakra-ui/color-mode","version":"1.1.9","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.9","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":"7cda49574fb73f793c2b0816be803689a4f51b55","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.9.tgz","fileCount":33,"integrity":"sha512-Bb8HpoJ4dzrYUIOHzIf0Ph+82ZphYEmRxc4Hd/ilCa5PGTHmOh7SSoFs6RToU4j/9Xmz32eKF6ioT6m6Fh8ycQ==","signatures":[{"sig":"MEYCIQC5BAeot8vZaYh/6PKzpVxqcx02d8bYooY6Nf1a25UiGwIhANrPQhomgIFYZ3K/9qlvV6Qnvj/3rHytnz/YCG3Ye2sQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNnzCRA9TVsSAnZWagAAJekP/j1xjaBmqaCWR0PCbDI8\nWhLEocmE6mddlt+xKswMWxwwGdK/CqRxd1zlM7u5CoTA8tbCl1yWK1H1utkU\nh6LT1DbtXxUFvsesZka382wy48CrxGrUMLdsXcl80cgeHrAxUg4JCTZzI2ig\nLiQge2SDdcrLkDDFtcSpxGdzzPyLSc8U3HZAHqdQltIZwamJaPs1y3adByAw\nO9oSMwCigssKAhhr8QmYWBgde59KZ9n9s6XESeOij20XfR0zotqXqGvrxc9L\ngemMI+YS6Vzk2jNY8rJmvDenbnPtS0L1G9CM4U24DaartgKuXOXnbdHayw1B\ncVRs6QulGHyHIuNFPE+eBNfdChunxSLNxzv3H+GZ9tZl8ybUL+6jcJuhiBTK\naQYs0KKlVBFzPVtFEDAPE7UgT84YlDdnUoPHkLiFphflYxH6RHvTTbLcKvgm\nASaeCEQzotKTYYDvOmvqrx1jPAvnHQcyqp1fSUMxix2tmZVrs5uzSgY0+/pE\nMbeq9Nco3vvcc2LRiYUkg9e1WmlG+6oCmUUjdbpnZmazfgQP4hNJZU24TYUL\nEZ/vsB6HSAkUGNs+n16ZXMpX6jTtuTgoWVrCqD6KUGlVjg+3J0+jUE1Omw2d\ngP9w3ahkcks3TPYmdRGmTuLyt7K09yx5q3eYwDVslOfAy0vGzYpZzVQNKprW\nMvxt\r\n=FCOg\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.3","@chakra-ui/utils":"1.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.9_1624037874737_0.3606765511467396","host":"s3://npm-registry-packages"}},"1.1.10":{"name":"@chakra-ui/color-mode","version":"1.1.10","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.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":"46f4ee277aa7fb509a37cd6a9fde452a88e9e34b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.10.tgz","fileCount":33,"integrity":"sha512-fMI4yeaWjlDwM9gsGpD4G23j/7aVL7UQcZmPnyTsyPXWM7Y51CO7VF8Nr7WCeq2l0axjhVqMs+HveL4biM+kGw==","signatures":[{"sig":"MEUCIGdTC+GdvE4WmtDb6cY3o59CW0A6lRomSGdUH73CJmLSAiEAp+0/LmVi8wPif9FQR1+AdxKvpbmeAjjhOyft31HTpu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ3CRA9TVsSAnZWagAAYNUP/R/MOixLm2UQhBC7Rbja\n35N12oUBqYIP/EWsc7FrrhfgFi25Pfw7eNtnJjLO+n+RC+j16F742Qs41nzx\nDESDuzIpe/XYCEOSj8ysmE06GB+xNGFxEEtJkTNoIB8MprQVX1PVPvfMEzgv\n1wJmWtJpFxkO7D7g9wIEv5ya6d7deq+uYb4NXszihqLYH5Mtjz38rVrLXzbz\nuvYCLk4ixtc96j/cNJ0+bwZLxSkJRVH1iv9C8P5tLYvCnMdydg5628KdyCs0\noZeFxDySBtZG0d3BNkRrKJvVM2suetSf5nhmf/dwUXK/8stShNf0kEq43p9u\n9+7m8/UBdHgUdsTdLJY3EpRBlqoKRrdlWk2zlP0QgB63DhSyxKkfalh6SpYY\nXSVDSoFd2hK2/ouefyg9EG7FNUr13srGeqIGETvdRFaD1yqx8TWbgh/empTF\nMYAdMze5D69o+vn3zSTJhLQ+dKMTGPPji7xQOcyYw97m9Qgy+xoTnSSi/U5t\n2haN/N1Aa6Qj6YEpoUhn1wcnH/oF2JlP+5XD7vpX9fcHPKVh0gshO7O8jl/E\nXedNeKhJN7xV3yQvc5lHIc4FQkR7n5RqVdp2r1daUJWVG6q+amFegKBh0/C6\nRKQHc7hn7iTZ10Ca4v/SKRrPnxTUHqgbR92A1beV0cgHtLW42hX6bGwD7FJN\nQcWr\r\n=LQ5v\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":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.4","@chakra-ui/utils":"1.8.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.10_1625756726724_0.9704959446238115","host":"s3://npm-registry-packages"}},"1.1.11":{"name":"@chakra-ui/color-mode","version":"1.1.11","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.11","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":"8773399c187bc3e82319c080a307bba2f3eda633","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.11.tgz","fileCount":33,"integrity":"sha512-iJQ0WJlT1kKvDzIVanOHEKnqarbKLHRZwJ5OYRDCVTL2j7ZBPMR7f4vyru5ONZmNSb4NZrSGe4Srws4hi2fygQ==","signatures":[{"sig":"MEYCIQCkUhG7tohMaJ1wCDD4CGVAisGf9rXn++SC8cZX/lesugIhAMK8DFf04gGE3hsGNINphKxtAqhX7OGUqjnFy1dJHn1S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMCCRA9TVsSAnZWagAAiU4QAJOr5TyDlhXzQDfxYJS3\n/Z2To8M30uvWOXFNqJdAD/xes577OEgv2Lpq2WXSN0DgTVoFzvxC9T0nHetC\nygae6vp+ufl53fdAWahbRiGidOyCI9agpbfnwN6xMsdTQK1MVsyKwnH5gmkE\n2LVX+TvUHaCl2ZJpJ4GonZVTCs9uh6WLzlfB8/nQNpTurUZEj6VG569brtVu\nlKl6DBTMkcvwkM3WRYD4cIIQJoJAGHuUMj+F+pJczZxf1DiqMoDPkOcgILfx\nISsDN3Qk2KaoRtB/5SUdoqLBsj3v41HSwmcVTpBv0VlLE8YVzK6B/oL68LLX\nQ4xNYVgC/aEnUYEwFYe8wB5eDlmlEIhsdLHAdMVGqh7TnrMyUybAtOX5GKnV\nqfD+/48Ci/VVSqVDFtuX2yKHuvSYL8h5nrrCeSRDb5GJeq2yB7PE1JAUIHEw\nRoADrMdWqqInPHfL6k5U+cP1ggKm+sIvphe53Ty+f1W6KbRrfpsS8s3fltvY\n6nO0txhbwl073N7+s6+qD5iaBHpsl/nL445XSyy4rQaBVf92J7FtLPX1E3sh\nnLo89R/RUIBY+66DBSxfvVDF/HQQA1tt1iq6S/HRxpBnQ3Vxmfjz82Bu+mmm\n4pH2ogLULxLcJ0VD6Qk3JxR06PZ79zJnf9P7bOOjsiakczoUzIyDOK/QusN6\nf1YU\r\n=qV6k\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/color-mode"},"_npmVersion":"6.14.14","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5","@chakra-ui/utils":"1.8.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.11_1628504833881_0.08887726186620859","host":"s3://npm-registry-packages"}},"1.1.11-next.0":{"name":"@chakra-ui/color-mode","version":"1.1.11-next.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.11-next.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":"c7cff644f9478f809e142eaef605fd184eca03a1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.11-next.0.tgz","fileCount":33,"integrity":"sha512-27kpXJGVVejCDW2dyXMrUrLgVIxDZGMPeQSiAyOLOhzvmpiGDYfbZs/bdgfydlWdD11x80ugu7YpnqCBoXiDLA==","signatures":[{"sig":"MEUCICvOdac17X75OuKFIshcJU5Ibv+1k801Scr/BB9PXR09AiEAtww/ezzzs02ttBa+q8hwoebOZ9jIClcGjz9AYRa2l0Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhF+ajCRA9TVsSAnZWagAA3v4P/0wYcVsPmKnEmslm4V7J\nUptBxfjSlg2oQT7wUEbtA6n1sKzFTfvomtf0po1RYzVf9XbAGBAQv1UtOo/5\nIHfs7+Na4Zu9d/7hrYdUGfuLM+EbhlVJlNPmQoDfy3zUd0sYwp1siu3/ZW62\nB3yIComMcCahWWlYVtx9Dr6FIuvmWwIKcaE6EamW8h9wShnooDhkUr3gxEd3\niZoF/jbfJmI7PaPCqFZfF0e/vmAV3l2faTlc64GucIQiNpGMT3Bz78n7h+oW\nz2r5OXdRmqN8kbQ3IXzB0vygkKexwrHELadJTbQ9HJO7yzkPqjuFfsr8m7bV\nPodPnwUlJmcxCEtI7ChTCywiBvQuZYa83CQlAJ3rGNA628fG0OwZCrQoB7qV\ny+Nmz7w4BnVDhsCQVaq5iRkJLX3XJJCHjsyDuiWEoU1SIBW9YDKlGvh2L7+j\nAYYIaSI27gJ2h2XMSyy9A0q9YCfmJomGb6AcfD7fSY0kwAp9tVGzp0cFx/zI\nuqy6apPqjeVSajYw0z6REFnTqed2Tq9sFIHoRhV8bowGwE064Ssplj4zYFau\nVNjZS91ovZm7eDeYC4AYz//O1AnIxvS3QTKF8FRZsNUQd2YAgl9+fdPHb7K+\na2pmLsDIFxg9A+Wl8CnMr3CPrmblczqymgVh6pxTQQDN+yKrp3hvx7FIZzWz\n0fN0\r\n=nlgY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"6.14.14","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.11-next.0_1628956323169_0.3355194609497958","host":"s3://npm-registry-packages"}},"1.1.12":{"name":"@chakra-ui/color-mode","version":"1.1.12","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.12","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":"c5575ccc3e3439f5204f12e69de8578b2f1d1dc8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.12.tgz","fileCount":33,"integrity":"sha512-w9xtfNaCirGtAzJqi6isXDIf+QvS1sfeT1okQxFlJZcG7TSM34B0BLJd3oJalZ2MFrNXkpQQhF2+JNKshrOQwQ==","signatures":[{"sig":"MEUCIE1TAAo651Xj/7U54TM8l00SoRw420pUyiUgWauOYdSnAiEAyzNBEq/9Gm3iSEVnR1/3shzF7CH3Sz3RxMEe2ESPEh4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK3UBCRA9TVsSAnZWagAATJAP/i79VE55LYEngDyE5XI+\n3f2Cvde+7Sfeh20nwiX1y1rChdBJlwXhSgu7AcpItW6u7tC4Q8PaE1Rs+Dto\nH26zKPoyeX2W7lR6pFbqxtxWsQn17Et/kHu6JgWytZ2YRZW5MnsTyusYHcNq\nFqupPjA1quQbMAUw/ahqlNEdF3E8vF8onMtboTiLRTzYlWk7dsa/TuJkxvXL\nzo42fj082xHZMo4HxkQTPDLQntqqzqQEYneprU9pyBbZJ2FUQ8cM8jujDnqR\nFWb2gr4VvR0e4Pia3YsO1WYChZV6heW7Bn+GysOWjWZ8ydd+IHrRPD2mWga6\nu2sHSL/Ln/sRrRUnTOB3InCKSYKN5vbdIjCxOKD8HOUg75HapG8+ST/alQuv\n03uURg0vUnG1dp5c9xtAAorHlEhnJcoeIYMPkJBh5ZqNSgZAWjXGlqIysjBd\ng0ulNWfiw8rMnFy+yR3KDJ+FqGmYrNWYNWV/cu036euZQpVVWNj3DJ1ja8nn\n04tEVo3f3XDl5Q7HT5mu8KwcPXC7FP0/A3X3jePGE0MQjdgZ+6twoqPszSUw\nt7EHxTSo2gnOROpKFXTZ5NPYxWDOKM/+rNYazs+l1UTou8/7/1llbYHKGu1A\nPDkIZ06RYvdEeGBrWHf2O1agODZxv/MjtEmfQE7meoDpu1b2agmJ3xTHYeQY\nc5hI\r\n=uVu+\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/color-mode"},"_npmVersion":"6.14.14","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.5","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.12_1630237953547_0.9064356014898207","host":"s3://npm-registry-packages"}},"1.1.13":{"name":"@chakra-ui/color-mode","version":"1.1.13","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.1.13","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":"aacc2c113d370bd04715d9225ae02064c5f392b3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.1.13.tgz","fileCount":33,"integrity":"sha512-IYCOfeP+5a/OFmixNN2nkcZIRwC7qNb26I7zqZ/hEQYr4gZi7FKEthKjpvZWKCwLRSNiidhkaPLzAf+lhqM/Qg==","signatures":[{"sig":"MEUCICB8mY0gRfgP0d8NZdpdAIfzTMBk9yTo9knWFpqLIl2rAiEA7T9hKK2KyA2JcTgCwqrh6i2NHkHelsGcJtiRvvR/sFA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87533},"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/color-mode"},"_npmVersion":"6.14.15","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.1","@chakra-ui/utils":"1.8.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.1.13_1634254418791_0.8706283265959511","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/color-mode","version":"1.2.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e0d8d9028c9e9580663cc50072a0ba18375e0342","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.2.0.tgz","fileCount":33,"integrity":"sha512-8oaFYqswjqfAKeMlK15q09tkB4ZDIlWpzUlSdh2jrJs3NCBacsSadH+y9lPexdfKfhCIn7jeHk2SDd8MYBgQHA==","signatures":[{"sig":"MEUCIEKicLiGkdmcJJpqBW8og5rzo2csQvknF6i+k1tOw13UAiEAhBcpgi1hGjq9/6Goo7TAs+3ToAKvZ1xxlZsD2FaX5Lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":93168},"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/color-mode"},"_npmVersion":"6.14.15","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/hooks":"1.6.2","@chakra-ui/utils":"1.8.4","@chakra-ui/react-env":"1.0.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.2.0_1635971577447_0.8727158892959039","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/color-mode","version":"1.3.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bb2bc1bec6cafd1bf29b32e0ce36a0055449c26b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.3.0.tgz","fileCount":13,"integrity":"sha512-jldM/IfzhF9sZLUqQ4D4NJooezbR0bFYcqLI1wNHQa4K4S54vmo90bA/3Xz0O7X0cIb4IJXB196CCgfw/aCZaA==","signatures":[{"sig":"MEUCIGQGY1V4wyqjkWtgitFbhXpkVfqKbAN3Z2cvQc2rQNnpAiEA8vILqDea4MbRgfHovjVxT94MiFDRQmr+VWKakCsg6Qk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56912},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"6.14.15","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.0","@chakra-ui/utils":"1.9.0","@chakra-ui/react-env":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.3.0_1636649797811_0.7103320051028732","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@chakra-ui/color-mode","version":"1.3.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"08402d28a9c5b4dd3e1a64f69faad319d55dc9d6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.3.1.tgz","fileCount":23,"integrity":"sha512-UuuYMfYxaBE5fPtIR6dwIJn3snT0tVX67RN2RHv4/LQgUeiddq4VziXT3bd+tyIe9+zcsqrZhV7J7YP0h/Id/Q==","signatures":[{"sig":"MEQCICU2NiIyP3BjuPbspntBQW3eNiWRMn6rOT3a7NORN/CJAiBAcf9H9HgYwCzXLzaRKAlqxpH3hIjTGcTJ8ntwRfUCMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75235},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"6.14.15","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.3.1_1636746684785_0.7341785887157608","host":"s3://npm-registry-packages"}},"1.3.2":{"name":"@chakra-ui/color-mode","version":"1.3.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e87f9c17ae891c426fa8c9dbdd3c2ba80669fa48","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.3.2.tgz","fileCount":22,"integrity":"sha512-/rWcbrzbaWCyyUnT07Qjz0xf/ltHS31CHOKtVCWr2uTgfn2gOQpdxsKRbjrLYPOYZGTMdINUHNiAsqQjLoAoTQ==","signatures":[{"sig":"MEUCIBJ8bfHqFlVe0N2V5RVkZE+PH18AqxCXqvmrVi5SJ1nlAiEAh8p2GHrObA1Skm6QIf27al9uDjk21zW7UMHQoMX2ak8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlU+BCRA9TVsSAnZWagAAf58P/i2tET6O+15/oVs1a519\nm/vdYESk1CDq8Z59YDrR16OiBTL4J6gjQ0hy3ho1vqsYp/4Eck2EIlf0Tpx/\n/R+jJ9jfOfOj62qvCkEMpWTlFoui8j5uUjnPD4Za7bwx7LlR+6FIWmGHXnOC\nN8xqv+SlAoVJn/X3Z3mdQbnLNnYpibSyu5nY/UO/pW8eTAQnQ3kjMu7S7SHQ\nUOVAeRRHrqJ7LaXOcz/VaWSowwTaCVeSFfnJyBy6O2AvPe+vYdW+Jiy5AKV9\nJ6nB2hp+ivvpV4c/HWGhI2w1MnjDL5Jo9/E0DCc3bflpOqmJwIvd26aJSs/c\nBimzN2QSDkAxRremxEdX3Rf4QbSzzWT4e5wLxUrUGrVLiseYjRyKn0LYBflS\nKK6btDzeFc5jDsZsXXl07gN2TUReJVoUuD4sLiUS4nNbtzD4xWSKPLBjpr1z\nQJbfdYMO0Xi49J/fpgDj+urpue6+H7P1G/ZtxtVIihkWy4jfwmd79amkR8WJ\nH1wV5eLCjRDf3hAKHL+JCZ4wvlQQffVKS4KDgIXDdWjdWYyGITlSoOL0FX5Y\nXJ7P9x90m7P8sfpcmteejazRLeMEptCIU3NNvgMFHFTAvAw2BH6uf5ixGG7g\nPBClAB9bSN3DaVpvFP3p8Ik1Fn47MwGKTvCH7VPFTrX8DAoR3BxbDgZJOQCW\nL+Zq\r\n=j+VH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"7.21.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.8.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.3.2_1637175169043_0.039618127194207986","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20211115102948","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1653d0da81d33d3641697ecd4960bcb07f758bee","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20211115102948.tgz","fileCount":22,"integrity":"sha512-TJBB6pPpVAJ/dILO0BRuH7UeYQW8KPWv2bmyEWz7PxLqWWs3NqV/Y1yPSn+G4Bpp9EsVHgZLrLePjjrHW4ocig==","signatures":[{"sig":"MEUCIGpuoA1bv6CB98QwJRGCARLqgY3i2nLwTa/6ShC11WOoAiEA7qIpfAkCIrWjcl+Ho/ZN8BY1k8pyO+9wrCN9xqBV9sE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57296,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucOyCRA9TVsSAnZWagAAYbsP/1t4IEbDyYxsuHTmdyzu\ng/Kbm5HWcUm5DXdXdzLlwOemkwVMyzROu/+Ohc9NrdrhfuQdFKlWYU+fOtDz\nFbB5AY4DmSRqiIqR055QjDIuhomaWoy4YQm/KsHhFaLMXBcjhz1mq8aSyJoQ\nw1nSaZqAmw3HkR2+14P/HnLYse7CwWX8btTHygDm8A3rcum1qGzFjNK7ArUL\nrkBAx4z2oajb982FrtCX9zeLh3rEYuUF4V1JepelhPND3AU4BRNQ4cvHmqas\n9EDIi+gxqrtH0yliYhGjNZ2442LEAuhD+hsFEm5jQvqzInVPJ1hx5LfWDfba\nFm7CWzV9bl/KJdNPwq3UJEaNaFZWL8zGhPNKMT8+okr2VeN8YCQMIBeMvBDC\nycjTj9PDCXIFUWPz+0zDc7PINRIOYCRzETZ/2zbSKx1ydc823k6BjeiIiNHH\n1rMMnekf7xs2jxP4PTStifXE+DJTB8356CxLxb4QA8RnM1H3UNAD/Ik7PQow\nCM4PFcM5z6CKgobWvTjqbJvp8DK43IxTtS5ahe1oJZNurR7h8ATLi7zDNM61\nIG7gFdLshc/bKw7AIdCVqzwNSLIOTlB85RhyolwbSCJOYC2fOM5+hN8MJlji\nIT5JXJuWRPCYcEMSxsY3kMxuVCgvvYnLczRvBPK7OtpBAdiIxnGzdC/37j7V\n9OqY\r\n=Cwpu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20211115102948_1639564209963_0.31906640860820756","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20211115103018","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e1b2afecdc0137ad66b2e692372950dd909eb466","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20211115103018.tgz","fileCount":22,"integrity":"sha512-EKPlolbluiM6woET4no/+U3MVcLWpHiyNvxm5F0RgdCZJabWsgkoNs0VLLQu64h2rQUy/xU5vxHNynpEfnz0fw==","signatures":[{"sig":"MEUCIC0zfgioDvQU4yrmnGHvwmxsuJKfJ8L5rvaPjXxGMW1XAiEApCCmmWUGRSspFtlk6jqthvzzLbuUjT3bWIErv9ngQXY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57296,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPQCRA9TVsSAnZWagAAoiYQAIYPLPXQQJlbhKX/4Vu4\nQyR20wBb1IxGjx4jlS+sjU2HPpoiq71BtGrhd1eM/rxzHlK4l/4cJJo680tg\nZs6Se0Cq8yAyYR/AdC0NDjSCVm54q4VkJS254p8Mg2BESMfF6c2tYyVRMLwm\nigwZSNShpUnkFGJ8h12rAebYpYoMAZzUzfGws2qIznGWIOnjKaKk3d0JRjBQ\n3e488Tj26OqSNI/49xMgC4g4TUJHWEj/hs0U6qnQEnhQ/Zw++KetwvZNZhJB\n+zhTboxWCcZ5n3HFkNofV6wr7hBIPNOSUM+xmis8NDEDD7wK13MqGfjoJk0h\ncJDkNQSpd+7wvhNVVB3vxsOlSi8xOIkTdUyVmhVeR9BgDAZtU0h8bVnAQ3Ti\nfLkb14lPTq7PmrCSJEESbRjiE84UjX65lrPYf4kFqKByER61yL6D8IGIFZBz\nsc5bpSEoaJugHxaKNKa3M99N1/G2WhuwUQmi7/DuGa7QfbzXX7gwSl3TrbVG\nGaGzmHH3u5TDy/gUpDiuj+7NKfUae0OtDS+GfFUvrKIy2Vbm1NgwYzOnweUm\nZ3ZKFkrDUhApDPJkh65/nNUmqzcrfWq8eXwBJqPtdIUMOEYnE9CWi2T5N7Vk\nlKaCBJ+R9wDAt+ZgIVfDgdRjv4VSp3ec/ArlISngmI8gDvjCErBLg0y9c7cJ\nL6GD\r\n=1RF7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20211115103018_1639564240680_0.38147151287796666","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211115103050","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e2f083bde23b857f8660bb817283bcd0cc34bf19","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211115103050.tgz","fileCount":22,"integrity":"sha512-RTSPVlrzzhfR9/bkyLMZUDgjCVPGBgdmoVdp52cyNHFOpdj2Ese2FOv9fFr5K1hd0FSz39CV9WXryt32RuWBfg==","signatures":[{"sig":"MEQCICHhKy6Dpsc7o6f3PQdv7OVxk6AVbwb+51s4+RFvj0UxAiAj64CfI+Thw19p4WaBmjVhtpk309kUJA3d72Big3m2Ug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucP3CRA9TVsSAnZWagAA5W8QAJNyDP00o9mHXmKfbt23\n8nvi2xez8hoP7fxICNyyEYlxS5oQPE0KdOScDWE0ptT8Jpr89FtBe5dFnbG1\n7bfMvp1/Gm0M8HlAZtgUkRJtVuMB0SakP+Cnk/arAi1hiPjHffkqLYenZHGl\nrZAv1epI9falTGlN4FAHzvQzujwHpGcOpmKNmmW2/Sa90AfyKOfSbMb9Yo6j\nv/5Yt6egvLnNq4FaDqnsTHe4ROdivjJe8hzolCt56I3f089IhBIxZmO6bpm1\n8KWUMzlrC4G6WAu+VCZOchrRblZ5XwAFNR08sxNUzI3itqfPhS2UypusVeGc\nmVcXJWJ4SpQxWj73yyWpZRguRAeIEesRdyLR641NSESlZjNmNZmkskYovPQN\nzp+cID0bOlOvYIg2kYNXMNmPndkTQQBlcDxiNihC83u7SdUNQb2XkjLsKJBM\nbB5GcaKlNQ79OPM2/ONnq4aS0Kp5OOzExpO5R165hkjPwxCnp+fqU8H3Xvxp\n/evHqrcc0SfsTXoXYC3ix1nOjCWkyjWbfPTKhA0ukGK6zLROrL5BgoJPrLpu\nme/pAevz4DIFqjZWz+g+Cr9IMmNmqLLIAHW/GIPtAwtcN3t/13iBMQzZk0dl\nqNZ2G+9+QV95qNjNNBS4chMNGU1aIx0BXGP2emsa9uk/d4CGkuDZYAelt8uh\n+C42\r\n=jRWo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211115103050_1639564278866_0.37889613087858076","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20211115103321","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3d21bc56f391f23a430b6906066efa2c705cc4ef","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20211115103321.tgz","fileCount":22,"integrity":"sha512-Xt73kRaIYQkjpf2h7u8LHFgAngnr9Lg5UuEjznCAmMaNOvS/NUJQm/aZeWX2KI3/wnrcbwOfkFJgIYJBGRgWtQ==","signatures":[{"sig":"MEYCIQDoEw4iCegBQA0V8NkFBAn6/zXf9mhFekZPtqZr2/ivHwIhAMmRMrwxwrLh4S4NEh2qsUXBmkQ8NKTjC1csCjQ2VoKB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57296,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSMCRA9TVsSAnZWagAAFpkQAJPX9iU5YGFEavEo5rYv\ny/nLxSza38+EiBSf/FtIHV9RqL0k/lHWrAP5n4McwZ/aHH29AmT7EoGoG7cs\n5q5nzMidigUfS2wbFuN2swkTXgG8KLnNXiDOvozIdNVTrM1pib0VzCVXbgc5\nqIhvhWf/V4/wcrSk0zp3QCP7hRij+N7YCK9FvXrPrymr4VYh1d9f6S5kt0hR\nF2U09pImKxwpiPZmikUyMMNfWfDfSstKgdIXfdoIe43raMaOn1MWKB4jAqWT\nw21rTk1RwTbc+jFi2M4VeyFaLknsSSthvstqjYGMR8ebCYO+rrR0RYg/IT4E\nvz0h+xfnBJ1+M2zQGkMdAKKlZnjsriltB5A9EopLJ2bDxJqVEMMuheOguDKO\nJ0xMhlGJzu29kU6BYxDJ6tNH5bFlLVs0kT9ChV3/7sMZdmMvuOPXSd1FsmA8\nfwycrMQp8IxmEnGsdMt6MGH3ihKXZg4jQQ4SzuX8IJio8dnQ1SUE/Bg+zlku\nL0HUVzbJziWArde6qo3kz3kGjPOm7OeRELPZqHwvOhOzsTeoMG4vvfmC76J5\nXjjtv/UcWx3AhMbmoGw5QXaB7weSof6FCDuU8daRDA/j31GwNvDv1IKTxANB\nsgG1uFrvin+3K7BdDF/bpnt+Wg8jkursfiMLq4F8UBipngKr03OAWfn6blTp\n1jxZ\r\n=i5N6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20211115103321_1639564427984_0.4869764177729179","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2021111913282","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d5b68ceea801a0976e1e374ed8ba53caaaf549e4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2021111913282.tgz","fileCount":22,"integrity":"sha512-MAhGZQbHhKdMEB8qNtFVBORM3ihZGIaf5ukZ0v8ZCL3jUEzjuvT1gyc2zifKJaV8aO3Q9CtcEENTnZtm/Y4p3Q==","signatures":[{"sig":"MEUCIQC+/gqCCZu8mkv6IkskF3nntEKg70IlkuvqRskyocac4gIgZ/dHQ5xVROApAMp6Vtm/Af1oKBGLsQkv78kC2/s/CHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzN9CRA9TVsSAnZWagAAUZQP/0e/l4ZsK54fDQHaaHZ6\n+8CKgAocdexgLm7Ts9+6mbTCy8vY4LqSdkaD8hIJqMy3n8EEzRId9tkVKipx\nJTHH6TbhhLWor9hmcTmhkEdUnpfp45lIC8Ez7Nuf0haTpHB46mrjVi6FtTtw\nVCcnLPkL0LIEkQ/cbhwXY7coYCtfT+TqGBGfEY8rz98th4R9LPlBLeaouM4J\nm6AoSebRq4kJDIeN5cBw7DgfX54N42xrobIHYy3tfH7Icf0Xxo2usxKbDeu/\n8srrVTi2o5D0rN93FHjcwzUeLp3gOec1ZQ+Nxm6Oaey0xBrKdC3HljW15z2k\nxbvrftoUaGri6qVFBsX0bv/gVeTUvztTRKm0r0pfzu4erqvxD8ME61ribNz/\n+39HpqFDAr6jl6V5GqPNXO8JnkEWKjNwgTlIP+CK+sdI1n9s1NxHSgHtRpOb\n01Y91DtEMbTWCbUbUi+ClyqHWmKZLHVOrfaWx23edo9ZxmSvjSa3MpGN2/6W\nhTLcP97rDh60CwUTz6jJroD7aDdMW/TgC1EEErMqpZwB6iN8K8dhvwKyAsrQ\nntETnW8aJasoXOxoWwSGHHBm67NsTZcs05j5V9J2nzZDd/g+ew4aQ9AMxgc3\nU7mFj2gXv+wE7A0Ikxx6cIUO4EL5Y0x0SXpeTHEzXu0ufEf6RRjiaP/7dZHD\nHlz9\r\n=D8qV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2021111913282_1639920509192_0.962888126826408","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2021112024830","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c676af1742f5b59f888cb9ea894540c64468bb18","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2021112024830.tgz","fileCount":22,"integrity":"sha512-xaBx4eqnd34HhSyLKqytpDDrPLq8xX06FbzhjP5ArOt5B5R4LjKUxJekYhA7zgyIjjXVskZXU914Mm7ZlPevVA==","signatures":[{"sig":"MEUCIQDzuSn4H2y996HxeLPQh9VryG6QMx3yGj7AWjaaR/S8cQIgfjI9NF62ylG/YjCIfGrLthCfQybo3QMb9rukYmU0MHQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8VCRA9TVsSAnZWagAAv+QP/368S/QzLPIMsmR5u+1P\ngjiXRK6g43yG0WVq48Qsf1WovR79tWP5l4wVmamHcG1ox0N8j9LksE/QfyLp\n/JjsqBLk5aG88S5OBZ0Iz6TKY9rTqudzMSxwfd5GFTxM/T+reRfObxTaBnwz\nJBlFK39jVZ5HtKhgmKsLg/unqsFuFvbzmKxE3cuXs47OPB8/no5csgTKFLq6\nod5oRBwffWAoIG0k1ZaGgxxavpEmq/uvwkdOxqYlGQ+G22grOYwQ56DjuuGI\nD3dEP2k1vWmvapEqW2wtHt4ITImaXUAM+1Yi3n1fStVF0eXr7ZijKyqaWViI\nXf12q0AX3elOQ6407JtseabRi8z0lfSshy/NuBJqQwPnu8hszIS6Jkhi6kTq\nu9RciUc2jFBpOS5tqMs9AKYVsmYt59KSGdveL8P9SaQjtpgInranGoFWv4cX\n6XQHQX31iAXUPQF/hYF+goZM59onbcC+asf8cKBm/+8QvwIn9zYiGON3QCph\nZHEzS79hVrjUiPWc/TUOzc0tMyAGRCxnEfFI+jWKwzz20TW6cGuKy5RXuT/Z\nrYNNhoj7Cj1j59dXEhMUi9L7pDjKJQ6Q3X2+6bXUMp1BeOPAftxjc4CmaOz7\nY7OBJsUSzuT3ZluLzTcQ7ZVFE5O2t99PDZqV1bsscnEOG4m24tIIc8mmKmzl\nWz12\r\n=u542\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2021112024830_1639968533166_0.6132182305866569","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2021112031456","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"fbf3c7772dfb09984ab325dc0cce6089e25b0b55","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2021112031456.tgz","fileCount":22,"integrity":"sha512-8O6P+4mkQj1Arfcl5mkuopgbKlZflHzFMZP9nggM7VSLWHwGgQTtzlnS3owdHifa3bIp51bIdxHnhgA2YDF4Ow==","signatures":[{"sig":"MEUCIQDWAt+MJnLbBd9U7xUC1ObyZezBSjEC9u+6v3bShSivBQIgC/HKFH7PpYUgSGnQ83ckfvyB18+tiS65DWeDatnwxLY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VLCRA9TVsSAnZWagAAAlMP/1nQ4Vd6LkzXuw4Hjagz\nQMAijM2xzVbD0LgpaCoydUE3J6UvPiECjP6c3mC+ifJO6csLRRZQQ6zAZsYZ\nlbShip94C6sqieALi8kDtXvyqoCiRsHLtfUIY1Z792Jy4GTyDlbBi3F8P4r9\nD0hQFKdHEJV5oHmc0lfytLp/h+u7CSCsiNvWl6Q6vaJ1OPegNk3hN1dp1LFG\nt9s/LGk1ttfpTuyDZuz2OnRE0uR5VXBzXzEiyXZLFTSDTFZpuLXQnp8iAtwV\ntBDf+NZEHBZ0ssytHgKCtMnXbDXCRMffcYpurzIRawkONERQYYWph+HHSF9i\ncsf+RGl/JlPmyppAxCeuYWbFg/rnJn6PfOKcNSJczAuunFtcDwUvtWRRiwU+\nljBAmUuc9mjDiobh2oEb2Q3dVW0TMqbwxlbw6uoa3ZHXOMUL1SYn7fEM7cKR\nb3+XUBIbZ7pwyBoUJ3wGCN3cD3qo+5yv/xaiGId0lFulbFTQnoJT9N4sW09+\npYvm44ENCiYUvNMB2gpfOTEICUrHfnvxougEOidmtcuImoX5HzNaIIJoKHm3\nQsPU+z5cBFFyDQqfpAbJiTlY310NsTN8vNIrpxBilP5a/GS0GWtX68vy5H7r\nk1I5k6UcRQhJl5jfqb0BhrwTxgtYhk+wxGbhmLQiA7WL9ihpBoqxkMKDtVcd\n3Am+\r\n=Jm/7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2021112031456_1639970123475_0.034867298295094606","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2021112031622","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ab908ebdc91610ece52228d00c8e5095b5ae04cc","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2021112031622.tgz","fileCount":22,"integrity":"sha512-Lgrks2Kt/djUoDmCu7dSErnlZ7pKbrnlK+iq27lCLAwS9xzGARB+YXhz6rhW8UpgSv5vIKJ3X16NzkqGHLw1fw==","signatures":[{"sig":"MEUCIDKkDr36cc9m8ws4GWny8DeutmQrMxb7VqYQhpcdt/9GAiEA7qBaWQ13F/ctBtFj2Q7Wv3+qW/ENFpOGpXUzvZ5vFlw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WhCRA9TVsSAnZWagAASOsQAIdHVysKCSbe282PEYrp\nAFzHiNXYlJbt9+i8FnkKSrb4JzYVRNqi/JuaP3G3BJRdNzYx0Wd90G97dKfG\n2d5nDtnT2JPNMcBbTEvlwRc/DD7/4x+K623SNN0P3Q83MsbynY+/0wLsQP/O\n/7NtaFK0jXc0r0CV63tsBAdWtAkje/FClvYfbGqzLECvYOBJIb33It9jF++p\ndtFWKTCXEcVFgmQ1hif/JdMfWiYdDLL2YXN1YU5Ev+Y0qIe/luUZ6rzLadhC\nVL0c5tO8Kn4zTFazqtKft4FJWAuQ0dyRmuTjK+P9+dvjm7EDyF7y55NmNq4z\nJ64Jj/rgEWynyvkts5p9hzmebtmqeA7UvBDYxOvWbg0lPvTKGZvmLPGxMLjA\n8X7NpEjInqlzG+jIXyNmRN25s65LiaYpdeTRQInh390gUMcmCN4yUclxlk/Q\neYiBiLSMFSSx0Zhaq4NoANVMTl8hsqKfixU3mDoZXpy1JVyadDCpUMTSBHr5\n3PohVPaGoxtQmsGBmAIq0bGZmmmFz5qvQOo1IpK2v2qLn1JvIoQfKk6Yss/L\nWQPwaeJ+RhSKX19agAyzY4IJMJ4KrkhcFUnGVRuZjj7NxJz0y+nCmFpS1rD8\n7InRJbcp0TcYLzybpzoTrE9mWn/K/dzg3nzjSWs16kRAr1GCfIDKrwZnaNGA\n8P3F\r\n=/0H/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2021112031622_1639970208883_0.7927365151118875","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211120212826","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ca697574b6926e54fbf46519ff590e66957596de","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211120212826.tgz","fileCount":22,"integrity":"sha512-T+xOWKX4+yH8r8wQ86QOI3Ku2GbnJh2rXUP9sR6NOoZ6hpoYmTYqm0Q6tZ+IYx/h/po2mRn5zYoruyETNayjow==","signatures":[{"sig":"MEYCIQCCAKyU7Xtq7amgkvj8kB7QDJWI4gAsFbztzaTmSR28zAIhANDyq2XW3Y9CkbjNru7qn4gHs16/0+57UsJ6qRIVsqfA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWQCRA9TVsSAnZWagAAs2sP/1hdqNbBZUbr08VW+k0r\ncNnaFxsQ6wl3JMndP3tnKjX864DrhWZ3LgtjJjKTSer6Io4XdzebcbKlbYm7\n3TaZ5bcb25R6Yxl/eDzF7qCVr8q4LmNGxuUfTuirw+u/6gnxuDbwXoM0chvY\ny4AzuRGxSHSFJLI4Jx1Ppd8npjeE0h7sL5+7Ek66P60WhlthRyc2+AysK0x/\n1L2QlXdBMYDjPfsoK/eqdi58Oxnd8E2wAswBg30ewum5/bUDpAjO1H3VYBqF\nsKHWE1vvS2pYZFfs+H2RjKX9mgGV8nL6g762za7vzUKk9YpSsn2sPZBGtn7h\nDgcIaFv0vAa1kbp6HF64mkEmE687p2bA6ic8Q85haSO7OxAVPHQ5tcyiP7of\n/lH+fwkETB51hkbrjI7FokMc/+pQWIUe1pF3plkLXBw9Sq09VYf/Dsjp8len\nUTfvtm52NtDQlc1jX4sv3/mgVNDmHlBzHxJvwYoSn0wVWchgCWzNVzQDidVD\nd2f0/T0XeLv+D4by58kpP2/EKnvmQYv9VBP8ZYZrsdlFRt/Fr4wl6D3HcVoo\nbA8gQcpK8S9NGtP2SCghSvHXI6UImhuKGFoBeRF+Eej1HYe6trKbS0ywDz4J\nydYGW53fRc1xbSGIWm+bLIMQRrqlC0wXsKL0+Rsz6PyjstkgYxApCndHogyN\nPI8d\r\n=+nPa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211120212826_1640035728087_0.9795971633058691","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211120212927","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"eecd74ea06cb67809130fc7610b7374e8ed3ce40","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211120212927.tgz","fileCount":22,"integrity":"sha512-xdtQYeEf1IB/uRBWCI95Rxah8o9VKDpNdw/DeanPj0xt0LICVc6JGtfMsPKR+25FHU7Otfw7M4/BiZy6Vtdwkw==","signatures":[{"sig":"MEQCIFu+bi+j7ixgF8efxmxkkg2nqrJ9wKP1ZzaAKhd7okEBAiAGOB/lX0lBF4IFvwlG8yB7Sf0deT6HjlgROF+IHywF5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXMCRA9TVsSAnZWagAASIYQAJe14gXhlGHCG/DRbrUp\nK9a73oeiRkCTIY83u8QJgKF9IK5NCRh1IpMU8ggp87VBEON+hShnhehWnOT/\ntjkStQAqapBryts0hbYQC4zXTgq0iMyIlYmCJzZa8RTlqTThJBHrtI2pTnkK\nLE0A96LQPJd2/j8wbrn3lj2EAAzuHwcXPPbCF1aAXeiEcJ6amHN+UfTThILX\nafMEgrJkxodCpIQDZKKCsy/86ZudJfl8zXI5QSXYYihxTAjH0gQBDtLY7IBu\n34dat1pjcBWs/eEd9DoGxDkDo0jDLbSY19DKWY+aIkVdk+8JHrnD9kyeQR8B\nLy/TEzvPqe+gm21LFQYSg9E1laaWpFgbxbFQ06h3g/PqUDWvTfYSVpJi7s2+\nn3kAgOYrio6V9aLkW1wUI+c+YTkDwj7xokEpuQN6eX0FO2iVvjci9fJxU1al\n/Pctq1MBg1AvPgAArCX4r5d/lo8qT3LYVetpbx9MEA8jQ5L5kUPtMFCiajG/\noVudoROsM6jVDy8ohJ3WpBbb6SI3Yldu65MTQL5Z8ya09ax4DFGMn9QYn/0C\nRmKjtDZQrDtmdIQ3zO9Nj1raaID43DaAiCLC2QgIepSVbNGz+wl8aF2ygsef\nrztewzAwAIL28bWVrUUXADO8pHh+W5kpEOu+AH4/GNnKNCdxE67g6W4OnOSn\nQQlJ\r\n=oPjn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211120212927_1640035788598_0.004369974195048254","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211120213315","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8422f1fb1588cbd90eefd20ba5338e28374e661b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211120213315.tgz","fileCount":22,"integrity":"sha512-JPQgXDFAZR9yf0zxYcMJEOe/zDCQ+Ut/p8T4E/157PXO6svAR5WkwvtqUjCm3iyw/XceKyER0yRdrf8pvcxILA==","signatures":[{"sig":"MEYCIQCEjpLHmfEr/8zdYt3/F+SgzuiZ1MuWRIvHn946akiqnAIhAPh7maKaN221yiupfcBXCjHDcb9FwzZtKe0zSKeVMNXX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPayCRA9TVsSAnZWagAA66MP/2i5yCogMaldX0Ex7V3E\n2DVs4cE2dkUtC/aUlqmmCa645cVK0N0J8CqWjgVaQsk9fGW27Nctjyrk+KjG\nI8or/cVzXW0Ic/CFg07BFlEYvkH65PEohCLYad8v+NK9TR5xU8PjnzeVTR1p\nSuDo0aNQylESQ4TIIQI/kXMfYjK2KzEhwnQJYsrWxCnMvmMDM3tGvF8rtep3\nO4rILnV7ElNJWEY9aMFQvHZ+Hq2H9AtXZiGZiTnqlHGIrEirr1wJLgMjC/3X\nglkiu/Vc7IqQbY3/zA+Zth8NlnQLjEmrf0s0d9YhLTuv07ltLWYmtOsY6KzH\nQhEq7zsqY74WIxJHFMH1OKhPdp3LP4M9/PaX9Eg/JgJHFBn3QEg6wO/sTy38\nB3q0zbKJ4U9WA4TB4SgaydK2Kr9c6tPc2wlkKKudSProJ+Q9b5waGNhm7rbj\nQS8/OOYdtwTefPerixOogmQMnGSw6KVkqg4izFX4k1P72ANAsfO48iuuqlsV\njOTFoAp9sSK8F9DU70woEE9kiPzfUgtq9siuRx6tGpX2GQxCS8yDm9Q9FCjv\nj+dHNUcW+sWmSwVCN2tkjAqoALVpr3XLCP/rMcDr/t2MtjPH4VCG7MJCwqtS\nYHWzk1FU2QZidmtRo0wM9UQyocTvSFhBlsr5fsV+OXRzLwB3ZSntRDc+9NTX\nubhP\r\n=cxmh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211120213315_1640036018469_0.7314068416726325","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211120214314","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"42a9b767f93a898937f45955812e27fbac1f9897","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211120214314.tgz","fileCount":22,"integrity":"sha512-o4fTPlsEign/6tpn4/bdv1MttrN9q3yTFGxh81jsF7JhBQMc6rvm3QyYGA6lnG9OV3OYX6PPj6e5nDSC6yEE8g==","signatures":[{"sig":"MEUCIQDvJBh0lwjQxmAe1vCvaPHovA1Vn1PdUyO55a3nEppWaAIgEdbiXz3coCemfB4kkk7L9HMj2KgjF9+DiM1X13ZHz1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkMCRA9TVsSAnZWagAAR7IQAI3Z88ZQTRXFtAQdpemW\nejlgaFPHEs+iS9D1iIpSr7ZIkZhkMeFMajly4yZtJD7zN5eRzFHMPoHszYgI\nhIwTkD/2veWbipM/od1V8cafTcMybiMzC9eKFbtScnsvlL5hZUg8rWaOYYqu\n5C+xoVYHFjFpz5zXIpeCeh1s8EnpBgM6U9+xFBziGR/izwl0B5dSm5zhcNUI\nZSXYn5KbkqI9Vf21JSKJI2290rcJpXsJZyoSChMyxDGIt5qhQc+CTDp7bTAe\nGvIhf90YbtrwJB/vyS/1TkF4IUQqBRWWrmXW+0cgql+rqL1KzkyU85ID09cR\nN0INgAPrzWK9ZZd7qJOaUC2PXYgBwlznwQ1kqp32lT53Zr4qsc0ZBzJqWuLj\n2OBNFe1s80NmsNWXuDlF8PfypNS3fPQW4Fzvpo4h14VL2KJsKjmwsxoZsR3a\niekwX+DW9Q76KbBog0msGEMdtK0j4ek9ga9nrqI1txv7+5V3PAuCafhMZkwM\na0venZUtGCYKEr0OHvXSVd5FH9t+0XSr5fd1HWzVcJh7hbixB5UbQ8nxDa4C\nD4FsYwrYBAXGGFAKopD09nPRXhWsjsx5iHj9TuWHY0JjH3XBbe3DDOUievI0\ngUsHw4HPq/pHyuyXbynOhKTHXwAGS1lYODsQy8bdiX6uck80ZBMieOVHQ0oM\nxTd5\r\n=UKdo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211120214314_1640036620658_0.4352999802455697","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20211120215621","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"428515266bf10cdce0c4de27b63cb08511476aa2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20211120215621.tgz","fileCount":22,"integrity":"sha512-htowMWRJSjsxlUk2ws9eP97ZXqojKmb51XW86/kxB9v15F7JxOi48E08IU7kMeUU9gVJbFjUFL1DAkVnXpMQ9Q==","signatures":[{"sig":"MEUCIQCEG7xmwcN2jeh9c000mVwEz4nxKEN5VKJ2CBT1JPm8egIgVncdZgErECDcG/JAaWIXvHVIRBcFn78WXLO8mpQHn8Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57296,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwhCRA9TVsSAnZWagAAhokP/ih9yKx2vAApObejVty8\nIoTIrxPgslDpjM1WUncZHnzVBT6itSSP8awCi7ZwZwhsheDZUwtjRlxwuSO6\njGj5JLdAZ2FQBCZqMlA2zqeB0/TnZULNKx9CMKcBZuCIGcax32k+cI8vraTv\nVIBhqt1Yvse7bV6J5rukH5kGV71dIe4Yr01rWSpljqL8Ul0BLcLLAm67KNg7\nJOMrYdlLzIHfC6A96mV/aTMefBX81ZpBeqOu8+jvywQImuwlEFXjoV7uwlZ0\nB3vE4epUB01L9ZqZc0nRSf7Fec/I/10c0ua/BupXG4gzgEWD03DqPG0N7+LB\nguy+YpzwPeXncQ5KqV0enbqoMMP5Tx8iOQ30/w1qFTeul1K44BsIZXCvln/n\n/TRpR0gw+BN9vRHR2RaPwfDkhzPvD7ctGlJxk7FjJaoP09Xuscry8atOpfnk\nncs9iVAPBBTE91vlfkFwETtxKGNX/htqxQFpnpTDi0A1txzvqKtwJVAi4MVp\nlwVZcVAsyy8QzK9HUJ2KngZqMlb9lJZCYWWGc4BGXdHCh1U7tWWP7E+9wdk1\nplncVOun7EDtyNLDAbgXmhElOXeRWxTJHotKrOYL3iZ3vrwizKip5BVE4AT2\nk+1fLWy6i5c6lic3Q9IKbPwmrHv6fzYXsSDb/ORvBhgA1lTxMqX1D25Ms2IV\nbBg0\r\n=5HxW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20211120215621_1640037409426_0.5557369127990464","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211120215645","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"33619d40ea279777ac5bfa7d68343eebf4b24cd2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211120215645.tgz","fileCount":22,"integrity":"sha512-8cuE7MLFds3faTVxHrJjmMuEVQq3gs5M0DiOMvW2XIRF1ozVBudkitxCAXsLsdLV07P7HS4ZxoX16Nqm4IjSRQ==","signatures":[{"sig":"MEQCIDfpOL49XJI15nFFd69GEkVkwpWECaQhvF2m8ra/r2U+AiBCcNmPLrJHkai1XoGCzvtbecYCWDmBVYUyafCGH568aQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPw7CRA9TVsSAnZWagAAXDQP/3S0c0h9/5mmBr83eWxC\nrDGrjKpNjg4NoJvxTqCiAT+NLWsOB93iYjX1BU9p7G/hSmfmSJ32oEXlxEN8\nAc8AwS0f47K8jnp89uwOhmWkH85QPuueHeI6zsG2awKGMR8vvG3cTHv0IfvH\n70L7iosaF+UKhxQbiPVpWLexqRBPbEbNQhnjCend0X1R41qUAkzvdVESveEJ\nS6jDLwFQEA30gM4ucY94U1yu89oi7mRyhSjJZIekewm0CaL35+rZ0YGlD90B\nd9bYLriPAJz5OI3H78kYrE3+2oRkXxcKeUnzXnKS0VNcox7W+wz08kirVTXO\nkFtTgtuVQ5hpjgcdfd7+MJcifCVpLQbqZMAKqshO86Up9S+ZZP6oTs8wvNdC\n8AGrLnwMIcA//Cu8QEe6Ly4kK57PA40vf/4oDjbS1a0yCyU/I7rrvrDdtSvi\ns2qZA6jIfkx/d+w8yd/UMhLh060anD8kMLsX+UJyjSA1Ci907Cdlj8lU/NlU\nluLVI+Vcn5GhgzzCKa0M8JVnx2SGJ28QFgC54xxH+jk73ZTvoln/3gvftomy\nVpaypQuSnl177IOFsFNeE9mrgvEpd1t20tacI1r6PaZZSubhWx8L/b3FW3Gh\nvCemxMeOkfF2sF9LJShxJ7SVt7tHpVQEar0CqNdlwZ4JN3+kRcAbRmd5RfWu\npS/7\r\n=sL/t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211120215645_1640037435763_0.2353180036484992","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211126151058","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6825bbe7770a64b54dad00f0184391a576cb84cd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211126151058.tgz","fileCount":22,"integrity":"sha512-skX32rr1rggF64Afa7HCXJ9lcUI8juLoF8GzA31V7OOTB2rurwehPubvsqzH5+1z536H1JE/BTmEpyqeWbQexg==","signatures":[{"sig":"MEYCIQCmv82kmMTVhMjlw/MMdoxAt5vGMTWo6rggYaYmSipm9QIhANPRbsDV6GxqPRfIvoDc1X2NFaVcHgwkWzuDNxhwdjlG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYcCRA9TVsSAnZWagAAJaYP/0HI1QCVTnXxz5ipNIUB\nYTscPQPS9guOcY2DCaGphTjAo3vJeQbZbY8Kco7k0w8WtX+rff47x9HumHkZ\njvGOSy2PBTcFk8ZIhO5BsBz9dEU/YQEbrnh8s2WV1PSb1uj3yd5ZvpkIGPyN\nJwbFe6UtldAbvD6ZXHJ+wCvCgHoWwT/BrqfhXmGKMgCEdrvEWw8AqF5M++hJ\nXSQfCiHmxl9IlrQAy8INOgPY5d79ellGMbO2FH/1fxtuKXZZwY9muZ+wuUbI\nIVntVHfsBKUACybqLapzNmFweAWWAtnrTEQ314m2EE3EwZ3ZMdQY9W7oisYQ\n9EpeEk7XxZFQzY60Mypr370IDYCzDm2ASeQB6SddjlVc3twEXX3Utm0+N4hj\npIlzNhFJlAMM6AMToNvS0BxTcYEmlrJkgKEGEHrF62sgWUcFbcHuMCt2B+7w\nCbe9nUgQEanueOXxebf2rnfzmBiC2lMvfwOjynfAqDzdeEM2VyoXJZHgnldW\nZfZ0AdOCnWKtOX0DQtUyOrhe6yU+otJ9sIqPQYOSBy7pcIDOLWB9JfBHjlT2\nXCkI3pmofF1i5GkrzzeaIkVpSbiOZlXT9GIiSCDdngtehtzO50g6KyHGyi78\nQzrAlX9kvJTDm+iaNhNC76u0tmcsntqWHj67HgT1Ej9ygacQv12Dlfrovx8h\n/TX/\r\n=Wx3c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211126151058_1640531484081_0.5083103161587055","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211126153437","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"90b4f9cb14f7f584d3f5d63ca6f59892be57ca60","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211126153437.tgz","fileCount":22,"integrity":"sha512-zMUfdlgqTu4EK8Hw1cGZbnvQb7NXaB1suTYFjhy0zwvktgFB70ldeiigR8Vgo09vuzqL82plN/3SPmyUykj7qw==","signatures":[{"sig":"MEUCIQCPELFNsN9+EAsIZAhu9Jg5DXecDqTisu3wtbxdKdCeogIgUVbqtNpuYoJ6pEwd/bua5HHEkNBhhpAPqQhLJmCv0k4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIuqCRA9TVsSAnZWagAAt3EQAIouhM1sh5dzKXxyT8HU\nsnfecep/MNoxaOHM5lFX58fI+Virs65h3ImB9qk6kNnoV/E7Ac9u9WQywUik\nhWZxbD9dmOCJEDlPjYw2VO0s1s9hpPoizrv5e21g22DkeOGTSAY4gVaRtf0H\nYC0fK9KCMPTT+M1+Ws7JPLw2fKSm9jNHhbrNDVeM4f5L2idokLONGhX0qzNh\nsArRzdhQju/LMDCbC5o16CFMC7ZiEeCRSsfjv6R2VKdW7pM+nClqg+GxVk8i\nAWY+6oeS9e8B8VQX9Bs33t7vksEK5x7XWwbPkLuvOpRf1lrfBHZqh5qiySQX\nmmVv9ePzZHDRDL+PFpmpiYmgzq6Vg2KZ0S2xfxnGAWvyiX2YkvbMOqmLkjLO\nh4SboMK5Ftb6wzl/QviqpolGw7t6qxpXtzPM8iFacj+3yzJXViilgRySQH7j\nz++uWya5q6RYhvtKrHvD9/T/DhQ7S+9i7zS56py09hzgXE7sZuKO6s9PQzkN\nFRcSWywyZOAqPyHVNmlPEC3wW4pJyltU+EY3yN2x99zYzzmLbOwWvDQ8ASsj\nlW2qZ7IHSllRJ0YuxerXOM9FaJAyWPM4MQ99EaICzl0RuMZCRIT4VrcTfVXK\nGlq5R30o8o6n54/tVrhvU96xSghJliEz8/dYFp3HwIEKwEUBwYVxS1vjZgE+\nyvWx\r\n=iXVY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211126153437_1640532906558_0.2941515796895744","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211126153854","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"50500df2ecabbef0d85cf8f24b7720a6904656ef","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211126153854.tgz","fileCount":22,"integrity":"sha512-QVWglpsrJN2CbX/qgCmDYm+wkwPqNZR0h1J1GwW75q/VIn4sKetKtUWerdjPtavmZ21ukWiYWVigq+PEI1iudg==","signatures":[{"sig":"MEYCIQCp+zl8iL32zPIg3rLYHAdGXgBJVH3vpWJMc+M+7p6WbgIhALAN4cmTeJeLIV2oTJfeVuLk1kCkbnbg/TLW/d7t4EXi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIyoCRA9TVsSAnZWagAAo34P/0maK8FhPsSxz+Dojomu\nOqrmOgvYnzvG1XeujA5z1Reio6kXPiqKn/OuTdohgRhY74EX6Q2fR8JaBzDB\nzGKYkg1JmjIy8e64C+XYXmjlqtmhWV6dhVeMVYg+VD+KgAa7avs0DJozTojI\nfA9PjGL8Uo/Zk6UMKgnBy9Jf+o0zh0h4m4bpR8h2gLv6Yes+Y5E+zukt+s4P\nOkMD02ou+sngStqQP8xjD3cSNFjsjEKPYVOY8HydQwPkbBvHjhYaHVY0/QUV\n4CQUgXhmHLbuDczhlrGyQGjNtnXT9s8/wfjJo28u7PmApTvnAHP8LNGgYHTD\nyNg9EKhUtViLB78eME+AwlCEPBOtUwPb1dlxrn1YKkbn/eHdUxl1MrONS64a\nC4NcUl4CBJciCqRmWlBAYqs2PJu5RzM9IJsBpnb5cCO02gotVQOS0hsKkzDq\nfxWD+uBEzxjA9Ng1qrttuvE+L6MjsPGadwfdqwj2OZf+Ab8MHF+BQ8ImVOiE\nkW6eMh99EjsNAZdugW8OiKGGq8wS47qvtjuaXFaKCkWrhmjYH3MVKbSmEysi\nATUaBi5wdEhlQ0wNirbd/bsdcctwlSWlykuDkzVuqc3cmrZYD5xB/qT/DyJW\nCo0w+r+SAwrcZNQ7T+2rwWweAzWkgfHz+frbyUYf2AtPXSQUpfyF2JLu1mrH\n8j8A\r\n=RcWt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211126153854_1640533160818_0.47342262876486685","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211126154235","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"24a4825a96324b5d0658b7a0333fe568bd51f203","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211126154235.tgz","fileCount":22,"integrity":"sha512-+jrx/DDxdpqK6Sh/6cqRJ7COxUFVaMR4zb5pnm91LSNMd9qfKcpbVS40A3y/eLSHLd663SPHfaIDHHKGDthsig==","signatures":[{"sig":"MEYCIQC6ueRXQS0UfOBaYnstj65VSy0h/ufnBKRk7DHZ1kwTdQIhAOEHqfXZZzp7xQGfpi8uAEhDWBqFdzJZV2UqbRg7GcUH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2GCRA9TVsSAnZWagAAOBMP/1A1NBgfd3y2f2TShwqR\nrTiZpFrNi2HNq1GA9GPKoBbW6ScvpT/rc9KR2GQPzXppNcYx2CMXMics3o8Y\nlcRcdaEdiVWZClYViM654PeYPEQeevXGfvExhy+vqbPN6hVKDs2Zld9/akb2\nO5iVmdQ4kq5vSXgbaSozoZxB9BqZR1Vyj4I/7SX4LfoPpYKVniIdonDRMT2p\nOM7t1HhdnKpwzQoEvlKsPDxGMIbz8f+KR0PibT/YnqKZShjtmx/qQOMlRXbN\nhebHuOjFEVjzAurpdNJT4pTaAGqy/XZJCOhnBwfTYYYAagKK9mdflYQoqJMC\nK3gVFeSX6tElgvX2hRcwB6P0SKkZMVuTgh+iWglxoeIlifrQKJ880PWoahDz\nfhdIiyeux92KmrtPfXXNDQiJKkMzuSBTUkab+WO9ME7GGex6EgfaYebCoKBw\nV9zwOKB4Auf/vqowrBsS9WNDEocn8bbR95jivbdCV5xqPaWSxfGrl020eexy\najooF8GNipRzJJav+mZE4l5JafA/13LxIc4T2W6irE225Bd/p7j8N3POzoJv\ndFw0AFu2sErjFa1ThRaaNsVYN8BaviBfheDZBivGHsRt2AZDi2UTQeBsoZvy\n5RRfGQRFKz9/vTaEqQ6LTc+K+wQV/wX3sBYhpKRozY2iUoIuTrc920Y/MbJL\njKqR\r\n=vc4F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211126154235_1640533382677_0.8887548157637193","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211126155055","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4c74d43d4d400f9da079026037f05a92a173f110","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211126155055.tgz","fileCount":22,"integrity":"sha512-vgWSzulXHsrhoVpBVrGewN8tRy8u7NSY+d8grtRhg9UjVgowjnd40p0ZzK+GmKsfVUzYcQptcHUKm9fiFLXDsw==","signatures":[{"sig":"MEQCIAG4EZjGrgWch3UZCBTWh327y1VrRGeKVBniJCU4CQhjAiBxg7ythoMogNZh1NmWswdBGTUTfbXJisWFNsFwA8+s3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI92CRA9TVsSAnZWagAAKKIP/jfV5qfOY/uiVSShvjA9\nV/gmzv806nitti19sCIxMbD/76ajlS9U4ej/seNrVQXI0Znsq0MdI9LIDljp\nZhSGM8KAnw4lwRDtN6X4GRpTtn13tqaCWPf9rExlrEn7eKEym9/q7ejfEmxH\nF6CYdSg43JnP/0rYIHH8oJWslVExc91kzI4mNNYFQIlq59zX3ULjFVgjzAXq\nL9Iz/ufZ/TyB8wHrzIYUavvB9BJnHqxwGq7F8s7MSg8QY5NHhkqlM+Rwh0qi\nyzxWnZoca3Ei9Sl5G6F48dZ6RrpqFtYzRJbQFB2xRI7A23sMbPURx1WvEqpN\niTo8IIsynOQzJH1c/Vm3ZcKG4NeLp1yElV0A6Pjant2k1br9o3ATOVQDJwU2\n34gEj1vIKukk19hvD4ENniqrC4NUwiUHAXDa1Qy80lzLeRTtpB47vG44aYRo\nUnN87vbYT6TNZx4jxZMqpZN4QLFHWBpVReu2LHynq3/4k8XwMrGVYo7IY+UN\ni++M19wZ8TKQVZvi0UMc4vL1hEvrqznzoHNkybfu+9gTcgTqmr/5RNUa52cL\nRHXMJNJOXG/wIKnxOigFuZv8gbD2TNu2QM7C/9117nltLn8AWuKdVGPsL7Xg\ndf4EKo2+TmVC0UmNTDd0gYks16eMHLXmLBwsWu9EUHx4vSZn/dCOudfjx1pX\ni9Jf\r\n=GvsY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211126155055_1640533877860_0.8330160353902225","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2021112616030","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"970d1ca08d78a940c633d1a96aadfc8dfb3efd92","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2021112616030.tgz","fileCount":22,"integrity":"sha512-IRjNNIZKZcoYLiog0n0mth72fSXofEsMYk8+6SkmkU7ZzIXMGY+zMswgCu306Z7/ZudRz20VqBJU3K0C3sXAIw==","signatures":[{"sig":"MEYCIQCcUguQ+L78LLna3zTQrh1TN1D/XRPFu1/JOG78zzj8aAIhAOx+gcv0lRkVcOM4ovM1x9Hdz8OHLOpUGQiBCsgH0ipU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJG7CRA9TVsSAnZWagAADtcP/2Of0HsHDpwrd++9foQr\ndz63PPhWp5uWAMzx04oHllac6ts0drPcto1Don14PfAq+pkjhiDogVSKwXps\nEcdzIpuC66+ZQqw1+rLdAedZ/7oFCnhKe5RSUXHsLGo2cI14kI5vZ/YVgRv0\n8xfIpjMYXKneDpC9nMvL0zoEDKBAJj2qH0lokNoiUHsQ7tht6SGz+de/kjAf\n9Vd4EEGmsznn0YRkDjSPzct/Z1rufEy4ibr5IZ+Rjm1Ug2UpMyJw6pTV2Oad\na9hW/HTUMmYXKqq48LC65tzVg8hvi0B5MPucCCfxRsMRdv/8s4uMgPHBaw6Z\n0YVXXSdHpLMmm5YEhsZIki6y7A6hnb/RFLfJxbvp2etNIDC4R308uU8QzRO0\nd662lkowUkYczwas0WsSZnoYYBseFy5W87LytdQmp6hrNpjUzpnrY01NLf7F\nt78ZOlDwPADXcolpITormD7JsCETFaNo0hM2tXmJA8Zwmgk/m89P2POy4t0c\nSAlbF/9cQZPU/kAqmBs+poRFhXd0l/WmomgHf9LoLsQUP57opM4Ju/SU3zmU\nbtjsgkUFbyehUDAyEdxGUku1/SGTXMxAovQ8oWNgZZxkNtyEj+7SKM+2ngvc\nHCDxARx8STZgdWt8+VaVL9rxg03j0dTIHmIKs+MNeN/D2qVkvjm+G8+juy6E\ngDT9\r\n=3tIJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2021112616030_1640534459358_0.47390962656278957","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2021112821613","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"11cb4a9d6247996c9d75bcad636d888417433ca4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2021112821613.tgz","fileCount":22,"integrity":"sha512-zT4oJjb5JrOP/hCF/ZQpjozkkI/Qk3ErtHP9HYww6ZPNIQ8qHegrr6emTiwAsdW9lVe9CQjKN1hxrcC19CX+qA==","signatures":[{"sig":"MEUCICjywhDqlhcL58Vz+kk6POSKCpUForVlHejmkscHyAmEAiEAk3lXGuYIdFWuIHtTjPuB3NJa9BlI7e7GMbWMbX0Nbj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3xiCRA9TVsSAnZWagAAixYP/ApwYkK5DUoqaOmH/itZ\n20w23xGYKw2hTxbN4d2dj3FbvBxzieL0iFH1aDq4KDzN32bBEZ7Zo3PjDAQ8\nKvXks/9nAt+HD7kYdEUpdGQ+Um3D5lNDpVwz52/YrVW3axnTkh39JBOdEPf1\nK5A0evMWZFCzvzZXfhfJCWL6jMPLrzdBKRD/fO1NCUW7CGFB+LXIcZM3a+mU\n24es99A851v01c2j+o7YkuB03WvfbvbCbZBToUGW8BtJzomIB+kWUaIh+Toc\nPuLeibsIgf09aj0CeLd6jFqK9NwwTi/wEryRoEOCaO9YRXx2OwDyRKqt/aGe\nL2lvN4hNu+iFefnlAQXF1zEG4kBMitkduhZa0un88MlsnjV6hU68IRxtpAR4\nB25pzijz9utFxYLJjrhETfireOsgwqSYiRMwZ5NueJhrzi7WJGy5ekQdw49P\nFVKkazG/4Oe3xeEYGbM2V0H3kaezKGIYvAcFTwlRkx8u0SiSl/Q86r14cefa\nByoAvsjlaB9XeYcG1aUPhbxb3c06YrXkx0lTjYwUmMZTZArnLtBNwYovJjav\nfLAYprg6nTbQvcq4eatOugf487h3ku3gsZEWoD8o1xChbQUPWYCVQ7FhL/xw\nBaR27SOIO/bXAMYo/nNJOkVTMUIpF0y9D8V0mMLu/apuZ7CPmn9127bIbT8I\npjP7\r\n=0woH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2021112821613_1640725602648_0.5459291826227686","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211128215540","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"49e26ae67e218c5bc5f5b7b51f00fdef6f664d3b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211128215540.tgz","fileCount":22,"integrity":"sha512-pDEGPV4RGPe2c/6CnFgYCkLRw6uBshAky9V7SY1Duis/bl4aYWPKwX/4EVytl5VsVHIWNEnaTsYICoNZt3ZSyg==","signatures":[{"sig":"MEYCIQC/vNOe5c1C7RdtYYMe1e01I74nGDNeaUaX7/kvCUP1KgIhAJb27Dr5RB7q036YhHwI8PwtvkwaoowlRrQzcCR504LO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4f3CRA9TVsSAnZWagAAiQMQAJBIL1cbYrhI/Pz+oSBA\n73dqTL5s4/lrVhk0j7MzpHjI2UKnJ01n2TecfafnzFoAEnpz6I0MbpKaAlyY\nL4ZN9iF/A7IwBD2iQhitWkYDwDh3M/CriJ+isbLg9QxBqOa7BUeIIYZJcG1S\nPl9W2pKQmv4CZm9R7Bb6qkRd6CtC+3cYrBC+FP3dR7bSalMhr3Hir9vTs4U/\njBhun0EeSllYIE+1AEFZjt1TGj8G7Y8CCgxT7vNSbIWFCWtF0HQyRoX/N5YB\nE9Aw3DA2znYwigEnlh52y/3gbjo17SLP/7jgCYD5Tvld+jwqwJMh9nqxrwcP\nYHhqKd2JldoyCLU4r08YN+k8IFBrakSncVQ10PVLxuVcl7MDKVfb90BhE59d\n/KDyVMUT/qfw9HhFmEtQ4VH+Pk9XgsffgN+1BW8bN6r7Z2F5yn6NVpOjkalT\nf6/DR3TGoHOrCNWmvIkv+0xpts1bGcbkzVWx4uD9pvt16Pbo7XDeabgzL7fO\n5oiz/e+1hIk8B7l6WMDA8Qllrp+ejY9PkUEo61UBTA3oEOcgbUoDpaS4VaBa\nMFv1qMKO9GoPagRg2VlXDaL8t0YPlF30bxmKrfNVgKDQW9Wt4yAXw48IbUA2\nbN8yv1C8lYnxreqEQz5+zBVgJmrLMWmBiyCNe3RXrY3lTxncvP8GZ7MtjVk4\nRVyC\r\n=Ejol\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211128215540_1640728567120_0.39170086049720254","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2021112822349","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9f9db430c8b95058ec4f61bbc3ea5363724377b2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2021112822349.tgz","fileCount":22,"integrity":"sha512-oR5FQcfbgpO4iL9UFjF0JDFpOAgyckJAirFPiofcFcyYCeMqyjXlsqIWR5wzpeDhFPNxojBAJFnnYVPK/R/Q5w==","signatures":[{"sig":"MEUCIB1VeI3w1bd4IU73gTXXRiA+7zr1P4pOu/cRiug8kjgkAiEAqetLnD0qgLVWqceD2NvMRXes7lEOGCePCjAOvVO3xBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4ngCRA9TVsSAnZWagAA4jIP/3vcizDiQb4qEeJy4w5o\nOEFyJbfMKAgt6ljNlHm/qcsx/deM4PLKjsAuk6bD30TJZGkRryLJfKUkvhli\ngfyjDlTJW6toNo9was/Xe/tZAXkNCakpXKUofpn6TI9EqUWEl2TBUGNOoPCk\nO/vIkmkFskgmHM3rx7ULtkiMtNKZAJ7mgeBpIFwQafmDcMYOmkcQt+6A6mc8\nMgWYVJi5I7rhGGu448NCtN6Er1N0t+s0Ev2NDIZfraHYEzbJcMLjasWdjkfH\nHmfASR4Z40L6Hu32U0RD9txwUJIMWvWwVBfknmnbABiEcAidOxUJm3/M4aUQ\ng3zbV8wzAxT6MLREQDokN5Z720kN/6wEkMbOhyRjlahIFin5Hy6O26pOUKGA\nLh6nhRq9+1Digr+DHlQzBJ3ma/DGH7JMTWrkNRSKYirM6dZpjGuFNwWORAmE\nF1rXBhtR+RF9KHrSJokHXHiDCHDxv1EjJsH63Aa0xqiMQ5LHK0NA5iaQobwZ\ntuL9G/TcXsGdut3febfDBqEhk9xk7/H8OZqTxUQBM7FawChJoTvcN2fUlSCf\nGfcdEk+82P+mQqRyywQDAqt7lUm9GP9iqf5+wG7/bD87daOvoRI7xpgNB0M6\nABfJli2MIfEmAhvLNiLO95lSK1AV2PB6f0uQBH0O9yiX/6klolXwRDkRdKhW\n1y4B\r\n=ww0I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2021112822349_1640729056846_0.3448477507648653","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2021112822415","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"cffb3a5984aa0938f0ad5c32441beff543d71712","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2021112822415.tgz","fileCount":22,"integrity":"sha512-e5x7esfp6KcPCAEikec7hNR7LRv9y+oA16xv4IRDthIgQ0oMngKlbaYg465toelGwV7boBOPCcDdi3JTY+/0cA==","signatures":[{"sig":"MEQCIH7sHfzvIHzbNAg4xTN5kc4SE2xLSR7gtk7+Z4TDHpjSAiBSY2fhf0eMmldxNpvqKhMT3m5kOjMKwm7aAHY71toZtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4n5CRA9TVsSAnZWagAAee8QAJ5QKdpBTdZnk3LZH/xM\n7FgsMUPoHcu8ljLF3MvWEcUSwi89y7AeBO0Pxn4DeVk5ZS2hEMU5eVZy2FqF\nDQLfpKqUTT3zZrb2tTXJc+4B8G23Zw7d+/2UjuOXQu7fuDYu1s5ibi7vePs8\nLQgdr13p0M83rsrI3MV55qyRnu7+LASRiN/O4wFZRstjVtS5Ai00I3CHZhqI\nt0mtraVre81nksLFMG4aaQO92R431a92kCGqJbsSRGq0APACgscHQXizUgSd\n4y1n6bQjF2ySsRt2UqwDZA5OIzgsCWtZyeQl525HR9LxoHH7Kj6wiU2UvPeG\nGR3bwH8cJd8EgdevJxw3UyzDnyBkwfDYRRY075w4toLhgu6xjuSkcGvPtO4K\nBI8wUO30SmmqqhqC4PyKW7PNkc06sgw1fD2GYuCXJiV5khWAUwRzPwf5MvDH\n7TT303wCqBTIEPbKmEMHXlfb4rHrdc5KdCfBbxWkbWgbHn1jC56wFH8abt1C\nSq8qiHpsFFEG1vNpqUDTTtbqpT/ZyEK0ZW8D7i2zq3sLXBOJr+HUESp2+gmf\ngnX/eJTzUQTP+krv/gw5OgMMUojUn0lvEH302OcZ9M2m6vPyN/B5knPbhrrd\nGgm4g4I8nvom8059WUjlm17Y0Obklt2QyoSOBFqT3+6YBOCnakg/yHYp9j9V\nEAOF\r\n=9uhO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2021112822415_1640729080915_0.3609366559778697","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202111299618","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"510e13b8047ed72d63a7fe7e64ca22c33ea69068","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202111299618.tgz","fileCount":22,"integrity":"sha512-ceVjTmGs8WwLfkSpcRYofy16HA2RZal4Rz65RwHIX17atc7MHHHLNz8t5U+mpyATJ0c0+KIWc4Te53pxoQeXnQ==","signatures":[{"sig":"MEYCIQCMQRS0MBqf2jm+YVzcMQR3YWtGePCkNfu5Mz6yTEiX2AIhAMPs0MX5kGkJQ2+bsF9JC8eMkDKpVyJycwI6fjNhf+qy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCUoCRA9TVsSAnZWagAAHqwQAI+sN24ZuftDlisKVHBw\nwODA376lKwoXumcaAoIX5gy72M88KWrpMkZfGazAZYNNakOG4i1FJOuWdG3M\n3keyzTIl+p4jUnmVoG+J7zyBgt04ejb3g0oompp/5E+GN4rficptODf75VK2\nxMl8gRycSbGswPalTvCbyhsU4hbGSOJMmRcsk6lsXTGJFog8mTA/qPNxNxvE\nOvVLj80ZGObbq7VM1iMKi4QjqzFuW9zT+LPiR9SD9DB4lXT+GcIjGo4q6Il8\nR3WrZD9a1xYBQFOGTNTvt7LuL5e8CujaoOGEsWsZe1bPttCj4NJBxSYJzxju\nVIZGW6nTTFPCQs9a35sFTCTrKH0ak2Dg09lddlJTkSpEEKLJ4cdDTl/WySDp\nCPelFSw0IIokHP4A0xaSF3XiSfsY2oMovm43sqrJ6y1A3UtZeNuw+jaygVGs\ngauY3rfPf+lFyEwdhq1+2A4IopUQGm5T1jmE5xwDAyrOAt5bGNjLsqbuV4Xo\nfM7AVUJKvtNj03KNgYi3Ow3bIFdtilpNSpp7QD2Koh8grL9foLkjwu190blI\np9mJCNg7uvpFqyb33l8+Lgze/JFLkI+knKLE87WWRMo+tTolQHsVcdqi09yq\na8pGE2ZmP0bGur6Kj514nm8QDzLRPnj1TobBP5623ts48JODY8oULsYcYVbX\nDilk\r\n=N0mu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202111299618_1640768807999_0.06838115378261311","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202111299647","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bc4e2ad1ed2f1745132a4b0fcb02466397641c2c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202111299647.tgz","fileCount":22,"integrity":"sha512-7TSl2AsbXXB/ErmTRx9MVLisiaWzj+40CrXkgOU1pzyg5iESKbpm0lLmQgobrBXp1yE9MVcn9mvRRXDruUU8kA==","signatures":[{"sig":"MEUCIQC3OS2QWk5Ov7HQAoEKCS8gY3b/kPpUyZMXFzpKKcV3swIgZBFEjC5Ry5ueq0MSDZ8BR0YV0EDuMjpsxiDJX47joMg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVCCRA9TVsSAnZWagAAGKUP/jSUm6EhIxL9S5a/KCjT\n5Uuhifmxh1dnGxOn3OHhsmUH+xo8iyAJW22gs43VyBSubVcw1EkPtmyQETnQ\nGfjlPmY+74oW+mw5K5enIo+nwYq37vgSn4oFMmDEY3Hygp1Qd5KLlwm+gWj3\noYSTCVkgvuSurDX5DmQVU2qgrq7g16/yLeapgc8GYyFWOi7vlNwqv7xymfv1\nL3KbKo4SS4ODyig7Q6agna4mrsSZA+MC/ifwoV93EfljV4s72tS1ZIrAXRHT\nSjJ2aag5EFm2hULwsr4oWIYdaMTlwR2cyxbFd0igS2wA3e3PUCspwWAK7bkN\ndLz08QnqDoRnMCqDs33jM/DxRNIIdbxxE3+GVTtFotbD81prUwOiwfHoVJR3\nOdv46+w84k/lf4dRe5gq41f20NgFcUNiNTK0mZK75olel5AoD705t5ddTQbU\ngq+x10vM2WAJrxnas0Cx2oNsP9cU6gDyt3Sw6k/kCCuGQSuQ9FrucLm/q88d\nChSETVMKTYIMiJgk6c1bZdvqEQniSIrTOUuGbg1lYaQt+Z7bbHGi/6NPyOot\nwVI2BejKyxyMjxXDOoqHCSEBne03dNJLAG8Q2X6TiGYPh1obYGKl/1YM1Gxw\nYgKbEnpk6R/bRybDNb6pSfucSzcdVv0zYcYz7mVw+3AxKJLGZa4W0eYXwWec\nVTN9\r\n=gUfJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202111299647_1640768834208_0.2029321745111039","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202111299720","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"dc0b76075fc00ca1b76d12e45100ffb9ae3ed2ff","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202111299720.tgz","fileCount":22,"integrity":"sha512-J3l3Ew3639OQBS9jzBbFycEB916eRNREQ2IdrETfKVF3mrXEDPr2qouglzeTl8Fg77rvt8SKrKfAV2JKJv+j+A==","signatures":[{"sig":"MEUCIGCEHMO2veZsJm5Ogqp4YucwGWSzCd6Y0/fk0pxvdNVOAiEAoA2fFjir2zt85NnVxHYAdz9cXHPGtlimragG/Og27ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVnCRA9TVsSAnZWagAAa7YQAJ64sIBA64PyImqgYK+k\n92B1SKEL1ogF+qGZkNMZl0jo8tRGV3y4RfyTPSc0j/cors0SpXbMv5HwcA7N\nOuP5bk8xqsHUETAMH3gwz6oVCHWnfqafh38OA5I1eFD7ekBC4pSWGTejM/7j\nvY7IX/7EOTJiXnLleeCFlWoMIFOp3iTwb3bLzJCmb8Qr+ivx7o/9N9GnHHbW\nFcAFxPOz4VIS+lZQ9j+9Fv78d93mifSLL4Y5pA4H+BmLPthhkAlIaAlQm1AB\nvaO1HcYEPur/3y1c2P5LZywZ8353xoIAhmxXVT2jrIhb6Fg1SHUhG1XlCi2P\nNahI6fK/BgHmo6H9LJrU3GBdfINKf1Q8nlL+8VAFxu/JyHkasUr6JVH8S7Vr\nC6js9cFpq4g6bnsdA46GdUpQvSqxfsoIRBEtPyIrnsHzSQ+gXo8xaiqI6h6D\nZBEuU2DjAvFs2PEIBj88GUaSTXGO9xjzIm44AOQk4Kqp+yba9OvKkswpJKr0\nqelDY67pq/BgK7ka+BfOi3mwa3CQ7e+ev5x9xUUiEadqcbRTv1VlPBXlvoGE\nap4WXKh6IPrvN3xzNv68nynKqL27S0bv/3qt76y3pQm8582m10uJ1FeWPykI\npc19uYFA4PacDDXoYal8NOfvd1K6FbUjyxCI3BMfZ/HGWNaQTOdKalXrv7i4\nqPuE\r\n=EvSR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202111299720_1640768871069_0.2216814237925735","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211129981":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20211129981","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-pr-20211129981","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":"2271d68dae5b124588384ae9d4c2f2daa88f042d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20211129981.tgz","fileCount":22,"integrity":"sha512-26TWNXIYEHVl+7BxEnRBx+3uGurh/0e+vpjvpqzecaHs9iSJ3pA0BJn8BUFyUksF4lqmNNDI0JTsFm/mVJ86RA==","signatures":[{"sig":"MEQCIEjnbEduu0Gz7leRDqms6HBGLJIks3jDzRq63tomZFrDAiAmeI+fQBZ6NR4DVCYZVDRiv0lwzPnOzfKUzk7ZQfsJkw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWQCRA9TVsSAnZWagAANhUQAJTm1V08JxNFbegROmEr\nLIvHSaFM70MraV8t9ssZIlEZtGYD4cF7xV4FToJlWlfV3ocZvTl9TDzIpKLU\n3k+jNuCK3XCOj5jRN4vaIvUVCKHubvWcihCQyFQrxvJIorMlLcGMcdb9O1AK\nh3+1Esp1iS157xfqVO4jSlO4qQczGJIU9++nqKiXKUIYmleeJUsgZv9+EaK0\nL63wsB4m0Vu+VUdpteedpiHuVgQ0ieS9DsprOtxpAxOasTdZ5SCfRm2lOxsk\nxvL+KRT1jv+XbvAq6ghAUXBiUy2kDcLgD/j36ZWaaSQbeFV1Tj54FyTiub1Q\nVXplQhSNch0zeV5BxX69ClkUeJARWRLWmyDyDNrqdd/ShzLetlFVezGvL8Vm\n5+n/mAFPjAE1pI/2uP10qwTgsp8XH0I4KxP9hUFaO3bp9RxAmWPDWPrm5JtJ\n5tvLuWzPeIWSp+8j760UEfUIu1/yy6ulCww1NI+/yIuQLs54vKw6NMo5dQTl\nCZyqSEe0f2RO2SonjK4XgnOH47Mkyuns1WDRv+J9ui77VxN+2keJBEvZOA8R\nIL1mb6PaIZKaiKDsyg9ntrmmeSD5Aq7j2+EcVdVwW8c8kqE4/1bXb8bpyK+9\nTBN0zLfsI4iBKt0Hi6fhba1/BPY83yM6M2tqenJNFDNgeG/nHgOE3qKLFHuq\n/V0D\r\n=Y9/u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211129981","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20211129981_1640768911943_0.6807838758019742","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2021112991213","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a18804ae989f505a08dbf858b061f72ba7afa58b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2021112991213.tgz","fileCount":22,"integrity":"sha512-IkYQBJAVRF5TGku8kLHJQC77SKUPrCMZmqmR4j/0ZFs37diyHHZXR+/6n1exah7Qppy540c7riuIApruHpSipA==","signatures":[{"sig":"MEQCICkwWgHTgoI5ld8ezXSsbDRVCo6htv1kKRZQrpKemDMiAiAObOqPqed7+67Hk5rb6DYaSmIiV9eoFDrFejTdJaqG1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCaMCRA9TVsSAnZWagAAK54QAIJSIMkqp0YvYWQLMr5P\n3A7wGFDQDJdbfnAr+LntaZgyaV2uxwgjK9KdhKQtjno/6apI2iuFlJwRR5uD\n9CjGgaNZIPJNXPDgPuq4sHzJKrLGnOS/dnr1mZ40NQKgnm3MSeM3alj10Jud\nk9HUnMxjPTuwV09rG9Q8Jnhc2IBWz0BGwyTRhx8lig3XQmWUc2E2AFHRHfLF\n5jTKRXGKjIb9fXQAjq+OBojSfgSMnjclrrqEY0But0GzOZ0HUtvMBRKazanx\nQwXxv8Zjk9JfSOxZJp0hN/DJBPgBMxqqzFVCoTjlIFAqeFZmmRIswiYN652p\nN9YzwJU3N41yJKj7FyCHP+bFef5059WsUntvZvqIyc+Bt1tnko7WbpE0UvZ1\n0XlPo1pbU7AwRB6xeNq+pV2eG5/sMWfLzxvEECKMBmIilVVHPjdHtCLYwSf3\nu3zKjq+XLDvhiTWJdvZDFJ92MtEjR9TGJL37XDOxIEEUXyS/hbkNWUa8oESp\naWX4/iXrqP0KAVFataMSf23GJERMwW4eC7VUWyqPn/AH5wmBQD+0KL6BAbM2\n4OHkszmGADIOosCrrNGMbx2jQxBa3M8LbC1QhQKN6OtKQOHUzl4AI0R+XakN\nPaKqDfa1iBw9UCH/xUjN7VAheCQj6XiO7jBVi7AI6vX5Jdeqz0ZLImhyRmy+\n7P/J\r\n=DCYR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2021112991213_1640769164244_0.9074435374023995","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2021112991233","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"473ef9be15ff71794f8d2fc2762f54b4e8a86cd1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2021112991233.tgz","fileCount":22,"integrity":"sha512-0qSarpxV+cKgq7hQIOhq7Lh/a6hhfuz+HKb9nrpymA/KHNd6BMt08fvlrXDTJgUBr1x6CZRQ6vBTf7dzp6Qw1Q==","signatures":[{"sig":"MEQCICJsLEt5MhOeydLxZhQVemyofkNL6CoonKiFWyD32HiYAiBIPD3MoQPSO7OcZzlNLQ0qyhWeehRxyVqBL7UtvOdQbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCafCRA9TVsSAnZWagAAlFIQAID8jT+XX2Uq0ZScnugp\nQMvB78I41LQf13E6CWcU9jntGOqHI4O/V352q3iq4pyiCZDYMMsM9cp/REpG\n2OtiLpPlmrAZQV2NgE/9MAyBzXVKGM41C3KAjSjokFUSLuqNYutAMuoNJaQr\nuRYY0Pr7KpF04wvtPOcUqvl/+Qx3T8Dg5OqrySTQOrMhbB27h1q+kvzLjfHt\neY/brWbMZHNO6Y7ZYsJDEtFWY7U+K8b7kNdp6MlTr1xqFDER4p8wkjiye1FP\nssZAHNOB9d76eA9pntNUoUza4b1AeL860ijHBCIVBKuN2NUsDdxR2o7Ee3DF\nMn2WobkeYOHXVKZQfxZtHVckB+UsUDs+GQy0u49NkMlXOtmrJihOJ5i36RpD\nawl1rGkMyMNtmqPio/18+SD7PL9Qe2PC350ODE/RDPWQJim+i2OXpm9V9IHD\nllELUZOCyKVFDtcOiSw3zg7RfAD1Kf2BkuXho+LiaXn6B/AobicEEZxQTZAl\nwvINGXVUWLRUWeN86oHbm/+TmhBcraoLjvku+Db/5jdG6+HA5nrv9vgYQAhe\nfS9wm12WQw27L06zUkoryWD8wbzb2URHWZ8/+OTkEvxXTj3T6hEuHX9rvOJ7\ngL4/LKmdgKK0P9QhOUuj3rjCDlfNUXJLkE/gEWDHESpOJ1dhLYUCCDflM1E1\nYOcT\r\n=OzrM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2021112991233_1640769183154_0.7319237829045655","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220114234","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0982ca13c2dbfe9d0780a6d728695b4663f81a4d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220114234.tgz","fileCount":22,"integrity":"sha512-7Wvkny7P/FIcLKZzEDU2zKTMYeBGzUXcSA+ch6lZr1CEceGHjElzaVWKV9fhMECP5uKXF6HEFricYpgCG9Tr0g==","signatures":[{"sig":"MEUCIQCgzO98fr6edyDGJlsgT2vnsmnjNHUMHA+St85MwFy68wIgGYn7YvhN8M++WGpcpaCFVeiY4RHb63mC3qnefAtMvp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7GlCRA9TVsSAnZWagAAHeEP/3AdPKSLS0Zm3mFp6Nql\nALRz9SLY4erxmUYc0L7nJoKGWNYRcEGkOQQpK8CxuOJ3W6WkqSPQQfkYbiWI\nLvn9/GpjLxaHtNPhKzHq1m1k/rAgENISvhHytNWHKXRRJ9/9whGxxkbHkCzY\ngclyG+Jx/YRwyRRO0I9o8wz8swbrYPx+dixxkkEkvFj1Dmku0ltGRYMyAWfK\nMGERo7ZsHQI4bDgWWXgV2qv38Ydb9AA5I4XBcaAqnzDSw7PP+RY84eXNABku\n8Hgh9WGFce0KVsvS/rAHSd1y4JhkSXwd/H/f28qojj14POc6YjlYC0OcuNIZ\nl2tN1HobRiInGuCOJEZpRBSCF7u5+YxNky1jjY5DZ6TXEa0WDQAXDMbRS2+N\nb7Thvb9mBVBuFBzKL3ViVBvqSPMwqtInVvhEYZlWE2JeNOlxXaBrFzPxCuGZ\nRzjkYb4a69yUgdMcYCAEpMck8ejDCnJVwrCK6zoHr4Gx2ho5nck8DxD8MGdV\nLpqvrwEvcWdEafDnnN2yvtzWu4P2MEzneVmT22whrDEeOYfjpG6B+S4/Qz3O\ngI/nlmkUN61OXWr36g/ld2MFDz3dkFPPt883WSkk2osQkmzrqafiUUMbGJxn\nhNONoyKtZIgwWgNohQXvKohWebsthJszsu79DRtnDF9kYIGWDoBkothQ9ll+\n57hq\r\n=73K8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220114234_1641001381728_0.15612567279657097","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220114728","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c97a6df1f35d82afacdf84991b00c53d2367c1dc","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220114728.tgz","fileCount":22,"integrity":"sha512-ZwHkwQpJ2dFMGHGIjuMR27NyX8vjMy/kap4dBnEjX7ez0I904wRldIAvvMZ9Y5RhH8c4e9kydCLysHhOPHznBA==","signatures":[{"sig":"MEQCIDFcQhge8onZarKeMdVBOlHBf0Rg0+brRVTP/mZrR3ABAiA1S4GBsKwu5a4upwTKNk6RQc6SkpAbzJjr6aD8FEMRAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LMCRA9TVsSAnZWagAA2/MQAIZ8OoxiEK60JfDcDi1F\nhGONFZ42qAWJd0sBXAkbtR/TOzR7uaynQg6+wTFd/6xSLHiB0geFHD+b/g4S\needJctpYK2Zw/TPzub/JKFZja40b7kfiQ3BTSt7kZJ0+aQsKDjm4ROw+x56U\nDvNSehQZxmV9kkGGXU0SOIuPpD9eEByqS5ImZar+e8sN175eAVgWS/j+P7lp\nvJ+o7Xd3sWyKrR+psfR/9/POWpFJ6t4liDL4p2ODlddSiC1y23V6Dte2cMYw\nDrdJbvMkANUJUqOw3dFpC/GlQzfOoW4Md/w9oYXgMPTfIYgzybznJV0u0psA\nKIRARJedXKOUBkb8jFP3t8zjPeswCZOSsjAxm1HmLzAk311z3TFbQb1gx7u9\nVCa2KfuS4k3s+WHHU03KdqKr1GOr8AgWWoCQ5m9bCFtTgnEsS4uALDmej7OX\nXN56nHxM6dPrIxX69L/JEVEejITmKbOuKBjlU8xPjUjiPRewFoTkP5sb1VbP\nZkQiPQO1OPiQ7zsrVD8UgSRU9Ti5jNAQqBhlyp77wYy0tl2XqtM96PZ6Y8bm\nTGcNOfT/FbV+r6qEHvNJz+XwRldXmkvK5I7yeBY9XTFb3tSGY+bGYG2yhQSE\nabXhelXX2w7nO3RZfS8ln07yJyFoKPMAFTgl2vCWWFhp5u+ugQX5Co2LbWRS\nnx1L\r\n=62Ax\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220114728_1641001676039_0.24723593228520424","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202201134936","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"22ccc1be890c179885f8a78669644125321b9a8d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202201134936.tgz","fileCount":22,"integrity":"sha512-CThRs8AcRio5DKZ5IZykOfS9LH51gn3yMcad853Mm58F3lWPM+S6wkM3tInNhTTtRvzDpiUFJRwKNbFIVox4ZA==","signatures":[{"sig":"MEUCIQDQ8cxU1AGWDsGapRdVhO4XDMI5CcGmO49hJlWgl/sODwIgG7WTUA7skLF9smzFTkmrgLKsU5szUVRf6eNkUSyAR4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FwNCRA9TVsSAnZWagAAmcgP/2GI+gmrDpjsCBQCeT10\nCOwVlFgXNpf9Fw7tlCpHK0oT0cpUeoEdlANHxB0YLEN56onHFMSMU/neuYYL\nNUgTAbOOTqAhgjZszE07Y1A6pA2iIyuxc1mzc/9jbl3GzFmcVLhUo8h8k3bS\nrdWkjm51hDqVeD7mrB5XHdjqpYZhJXZ6aRuIGs9aTnRslE4n105+8PLQBGim\nX1EYon4gkDe1d8DopfMBPrOjl194eqWYMNgNh+3yRqweOfuXc0ZXWExjo5oV\nMRaECMC0N7EcfUhc2jCWdVFGYP6g2HgDsunyBq4WuNXf/wlx2GSgif9KwFAS\nRQjePUjJBgwGex9fThaEjDnIYBVB+C5ZMMg/aQD9z8X0lbvQYCXukGnzk/Jw\nIi/CcIF92SJfP6kzVzHL+89BFak/RGiA7nLwlmY2FeAbb4fbToc6Y6gISHVC\n1eC57rOGL6gmSUl9QbjmQ6ZyHVQcTPFilirYUhImUOF3t32EKXDF9X7LtB8L\nuLtZv8FFykM8HjauWCaIFo7hDz8rDQstPAf6bP+n+iK7p3kLGgqfJBFZULjs\n70zayH+wYqjFpDYoVOSQ2zTVmhkTkZv3uRmJGmqo12ig8icF3f59o0nVIzEe\nKIoFfovVRPKcrO4BHqdNpmeRSmUa9mjBx2gDCw4foEzhteRaAHzCKiNXFqqS\nC+h7\r\n=3U8F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202201134936_1641045005003_0.38683048738211245","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220281628","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2773baf29fa7e688ccae0a1bd64013f34ebd3b2a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220281628.tgz","fileCount":22,"integrity":"sha512-h4BuAR+DqrMZQ0YaF5yN/y9PM3HkmSCckTVNp5W5vVkZZJGwBUVY0uG/vxb5+38cj43sXvwIKV9B4r/6ldqosA==","signatures":[{"sig":"MEUCIBjHwAkYiqOou0IINSIufixny+TtsCiuaGBZDu2/XfHDAiEAoPOWF5yvIgoo9ir1xpzFW79D+HM5SCCsM//GSEgPm2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V95CRA9TVsSAnZWagAAhUYP/2P6b89spoambQmjMyW2\nnmO+O7/yi2t0wPNCo6kor1WO2kUmtEagnGjKu7x6ISXBcct0pdbGSv9lJ/CK\newt/Io3bcXRiyiDS0/LfPJeLQ+0SCb1B0fuIbabl7H7QliYmnzo3SmJOxXiT\nbVLFgFh9cwVXeY135bP9UH9i3SfL3klnFACMVeZ6AAp/s13DB4jUc+S5yBFk\np/bH14U9wAzE0Dn8h+OWF+J64Lo4nQl7nukkWp9X0QXdOJuxOBbbCG2xPTOg\nu7JXve2+rUEljBcFPgVknojqYeeRkYT58fJTpmH/y9JQeHlgqM3Mra9vHrph\nvTX5ZFDV/OmmG3nhDQFZbYgzbBlch3UC5aLeAlgWzocqsbA2m4aETPHusghD\nKaY9QPQTS8zlxd8Wh3RwFt/AT6+tBcsJhEwu3i5D77IddCTE4wit2CrxYZBc\nD16KhtHZc4DhJgzs3O5Wlde8smwVklPcCWtyYHkTuYRFfxq9/4vPvwoAVvbs\n/iigeh8ZmgmXFVEu6KL+TndHmAczbnLWkgFZptTlG61VgLCmajwfS1MvmGtF\naAlmUZn9rVAZQGEpwc4FlsPVBZV9/OyqVThCkrlerPitSQ4xRSDcalVsLTWb\nEHXLAHyPvjHVTrpXPPDNKt79Pc3qeZur5TOshK+ifKwsKCFSmMkhoaKHLaz5\nC0YI\r\n=FJPO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220281628_1641111417469_0.650222011766733","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220282224","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6612c40af2c21a21c1e89f6b1e0f341efe32cc2a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220282224.tgz","fileCount":22,"integrity":"sha512-zAUWJh1GgxeeolZ5uq6XWi684pQBi/Qb+Ka0426I4J21PMyzWxdeZum2kFo0s0djexEwBkrzWwk/QFNpsqO6nA==","signatures":[{"sig":"MEUCIANVnHC6/LJE25Rdo0kszitDU4pACf0BssQOSp0UDLkNAiEA6Z7L1wK1nXnqqTmYSx7M3uWQgm0ERmfh2YWiNqSsYJM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDcCRA9TVsSAnZWagAA4DwQAJNAslhssKKNcRkLA33Q\nCeUydMGseXRRsth2qVdOBO5CDX7Gew0nciVVtNboA+XvDZjvmEgUd0Bj8Atz\nZ1nr6jJx5rfIH38zAkhGjGUeKhKhSzRH2ZrvBGyHVteDYICLTpxQf/cTgdEt\no/bHmnJls/2/id+ZTs4Fe6+CljJij3OarLEUonl7njqSQtvGvDHtSnX4q0gW\n/C/eUl+VsIWCC/6TsBgdLdZ/BrCMDXuirVLSyebySQPkRLpMWyAsvVUQ+699\nQGyXWNN4AukbDha+wglrAvtlRS8EdvCgT3Qj1Q04waUzvGrVAu2Fc6q77vID\nAe31ewgMW8q+bORm6yo7Vw/IS6Wq8DVfbxmfxlgU0Jpiejz0QyW17yizTOeQ\nLEDzUQC0eVtYeBq/Imcka1H14pogz0cRy0fM5C8M0NoyomX3ybA+lVD6cN35\nCcafXTaNTmrlsXHNEulmviw2qazCAiahtcgzLx1lW6uWOdTknB/BZd/6Jysc\nMfm7rf2bDkAhKk1TYfEl4zUd5qY5EDNsVs5y27p117Tx0AbNJlva66WFzKPp\nxddHNqrSJDBlVYg2KY6PAFgm1xiPbLaaix3C2YVfq4nVTwKuURyUsd7jeWnx\no/QfLTkyAAJ6SuGr6Z259P9ZgEZe3WsN7J+N2Y6XAl2LAMggki6DN1wFGIcK\nT95Z\r\n=wC20\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220282224_1641111772272_0.16184624646845713","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220282356":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220282356","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"5a21197556d881754908a4137a893a5c0a651db6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220282356.tgz","fileCount":22,"integrity":"sha512-B/F3rG2+8rdfpMiRlUuPVxkSRRLzRVHH3ZYhEGVDS2GDn4dUikhjAPpHa6OhesCuihT+2N7TaHQXoQ99MF8NFQ==","signatures":[{"sig":"MEQCIFeQkAFLnaaaD7KFWqv+pVZRQdE6jJyeIb6TBmP546MRAiBW0i4wqTomQkueUvvrKUryATq1wP1rPOh9qtPz+8AV8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WE4CRA9TVsSAnZWagAAUPcP/jdGeU1PChcBu8VoIUyw\nSRfygb+KtvbP+vlD1UsLGIWG+KIPl9z/1zc+Imfrj8PhMO/85WunzrwfnUNF\n8CNeW5h6a4jI3vPI1IffDppDXLPu1k/iuRRPMvxdAvEQOf38cjDDJhoEwdVu\nIla6+uYak6I+Eovgnl2zWJyCSbPaNohHN+eR3ME6NezN/bdFrapLwuYyeSRd\nb4Q3DYaxGRee2sHO29Zpl4kN3qoTUtJGd2bx9IHSjH9EJzj8V48XWQp2qyWu\njuXThrM+b7ZzQP+1XIpSEN3cH1WaprQ1YSBNUpTqYbXQ1K8WNg88dyrcGK1E\nFRNHU4KavJa9KDwQ9Kg9c1pRFqqR+OwgPGXq5sXrWlHo0vGlE6Gc5w24ONMr\nAerryeHwWgg/xNH7H4tKWoSIJ2RAaNQfUWaPIIMba4mEIdOTw30OhNc9mL+K\nucvhZzdSQIbA69x74x92Czwbl8NjM6fYpcoIRDkQsaTON87E5j51ErQ9aNad\ng3JH0P+ZBD6Cs4vIXi+8boQ3u3rXl40JNv+ndvYVGW3r9EZhhJ6E5wW8Thh5\nYf00M7BRQemovlGIg1PjUNUEn+fRgN9OE2r8QAEO8jdBlh9i1tOHnWfgOERs\n3VjQ3lEFeKfvb6pUknTC6med0qPq7J3FisRJc2ySbygAgQUlWUfxL9PlNDvL\nYtFM\r\n=y374\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220282356","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220282356_1641111864008_0.6258055376367353","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022028277","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6b5c59256f7521d04b51425e338ebb2446e21d01","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022028277.tgz","fileCount":22,"integrity":"sha512-7RqN23HrBmBY4xyIdoYppK3/oHBWxRk3N7VMH4GFVx220x3zZ5VCBma67/kqazDfhQmFBjSsOXXIQT2NE+xh+Q==","signatures":[{"sig":"MEUCIQCGpipAfRc39uxPQMtYNMbzoV+ZYVYUMUFYxZkGTglxZgIgNLZeG0z7xUamd937xmT3m3pGoDwqMY9umflGDxJ63rU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57286,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WHzCRA9TVsSAnZWagAASTsP/38VRKsXkHZBmfUri7Ez\nB8hQ7JdeVEvp2ZhRlfzd04E1wtOiMx95+Sj3F7Vy4pLKK80ceMQcJfzbAiUx\nnwqVIG6XTAsOUAcZ4+YbVyfPMp0WB+4JRVdQWgmkFns7/O3pGgsPALjbV/d3\nBcVyoSuhL4trfWCLzYK6cQWicnqAxyTLWyp+t45f0wy7Ae5oCZm8jPxNkxdD\nF+S9vVlRruEQIowpvY80ccAQ0aUmUIqvjw5POCOpOe239TSbvcU92cghC9YO\nez4sZ5f3vTbiizVl1li/15OZHxlJnN5hTH8j3BlK1pBlO2BzGdXF3PUK5X7S\nxB5aWmKZxU9DePFW7I6NUUJ/NHL2BL4DF5fwfa5VtUMnHVKzUBUfWSyMjp7k\nSziVpDc+w0+wLgoyyDfRZdleB7//+7Qn1GqGQsFgoqPtPheI6CKEDO+IJRkP\n9sHy/HgTVHzqwmcbOUCLcu3nICt4ZUCywYJFKT/+5sjnNSXt92WEXPqfj7z/\nK8z+E5YL10XEfA7nuzR7R21j55TDRO7+B+uaQZ1fCuS4xx7wjK9815cTg/kY\nSJQt9aoIfMPxNAra1VGWa17JA9ufIM52ijezhpa1G7Xws4OCQ6hcOem76ZtK\npwqg85MA3ybsMjtI58V0UY+MsfQ+957oykY29XHUBrD4QiMuZbBYTNLMN4cM\nQL8O\r\n=Nc2V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022028277_1641112051822_0.7661904063579279","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022028387","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"443a407b949472ec204361a937e85203d483683a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022028387.tgz","fileCount":22,"integrity":"sha512-FIYwH1kDInnna/DLflB9eqzQSQ7m4pSNdP22hHrauiH3W5NPY+pgAsvxvn1thQeuqDDG/1ey38VRqHShQYPfBQ==","signatures":[{"sig":"MEQCIGOBw5DyjuM9zdj5FpU4R4xWCWKrV1QmAsTWAxDsBxcpAiBEONI2DW90YUxRr4dknse/CjqH5jLJp8M65GYcLB4jLw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSQCRA9TVsSAnZWagAAIp4P/iVPSp2hCFyptJrsTGT2\nhwuTLoIrFXEd+8MTjvxB0GVUFQ0PO8Ayqk6rf/d2rRPFXTyynlW97/r0PrbK\n3hMxIdVKQlr1cx9E7HwQ+vhJraM7p9XZjlN/sTqxH6kM1u7Ymj0NNWFIADn1\n++DW44LLwsjPW7u9Vag5P4M6fKlXka8mIKpi6CU3PVLwQ9ppG2IBBMnvNgBg\nlAREv11YXXdpZbJQIyB6mifDHdjsnyjWzPDToTEN/8HMdklM4U8e+kgW45DW\nt1i+3TfDw5sE7VD1ZMHxH4VguwdDU02vPbkVE13Zhc1uKT5ux80hP93/7Cuv\n3hg60XYdl7RvV/CZyEiR8Fb+aqu+ZOKx5Dy44NWghee5E2XfyqH2lMqgqxO9\nK3mgEDJmhfRqHUYlI469pyUSwnve8KVqCnSY2P5OM7dxE0x6/XZRSqbq8wPt\n4oY96UglejLHflkUEO0T8jWg0E8KK2Jb9Qh4LeQSEocLHMlTwvs5NdEougc7\n77PL0Zp5b/lmM9IMQQGcLRsq1Ree1pQ4IKjKrfi++MUmN4540rAvKYX8x/jc\nTt2WVbUzvMTPO34jabxmb/JUU/5sQMmvh13SrYINc8AmcWCU6fk1+KRiQqAQ\nGtPd/Kn9wgFTXOcJsWBe4Fwdteptd/Sdyo5nWWhQ1sN9dNz+huzzy+1hiwBR\njk1E\r\n=Qrxo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022028387_1641112719975_0.8375501818446136","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022028457","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"fe7e168b6e456feff7731b2aaed547192587e4f3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022028457.tgz","fileCount":22,"integrity":"sha512-EbB5dd94W9L/70tCxAc2/vPSod2mizBj4yIe/IVaA1FyaEErVFxMOQ7ze6b1rWTNz84NaNIBGY9jQB5vagN8bA==","signatures":[{"sig":"MEUCIDEbqDhjGS1RoCz1Y349gf7ePOVQhkcsS6pJwrHqXIETAiEA2N6G/7rn6MoPCEb3XTLPu0ooKwCgrt9et2rzy+wRQHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WYqCRA9TVsSAnZWagAALAQP/3EgY+XbcVjOo5FAZl7B\nv61jLIGj3ikkWT+65v0y/ByBqNRR/eYvv5NOb1SKZQS+4xL7czTeLBjPVSE3\nOclILcLTfUYd2EsyZZFVuRLiuL2zRgDMAKu6XLsd5ztd2HPlLQ7fXwkSTHD6\nH7a3cUhDu1zH99y+2mlT0sTwr+et07iRj5+9akKE6c0bePytKNpbQKhx93mb\nVEPcS9Od23UyUZu9sXbWtMfF+Q//TlMezKLEo3H/bDmwiSOjm9VP/HdqF5jC\nlsYwG8z5iOlPurf16SnDB7rcewvvuJNmwNA3kURU/SMbapy86IkYXSQ+nIub\n2Ph2z7/aHy/87Nr3aCZymjDyiU5lf2l1c0rlmtsnHVHKeJflXhalifLxCnD7\n5WwNYDt74xKv0n3WZVXIM3Y4OYwzB/buEAu2rnSi6WzSZa4yqmKQYlwDyiWm\n80M/ui3cIrWvWsg6puPu47PGAvOO8IOZkoMG0EGF63MPqjdM/CGn5Z5aUBl2\n4H6+TMIeqHqYUa9JbaLOpJgoceHNwexO6irluP4lFvvj06G1jlvGzjEONRdm\nfJk3jBcMf3yj9u8sAELILDqUfFt9jym34Wk1/kKDCeRNKVLMQqmpA4Miu0Lz\nEZdQwvjLvs6YcaP7miU80oTmOT61+zFXWdVNxeNbh9f2ikrUbvzPzub6MImp\nr/8Y\r\n=6iH+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022028457_1641113130632_0.9632666068361597","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220284534","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"5f32127ffdff61bf557792db18fe5142fd028e3a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220284534.tgz","fileCount":22,"integrity":"sha512-M5zsAiiTPLP1r8Wah9aUskvd514IyD9egsFR6BHp5Myp+Xhwxzr2kXe7kmHBmaF49Ry87Is7hGTFjIKWmdc4jQ==","signatures":[{"sig":"MEQCICKLal+iqtXO3DrZwvpmeVd/EIXN8eGN0l8nmRPAWZKgAiAuD54VmkNYHrA24m7vepdT3IHD+DbWoWt0Bo2z9BLEwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZJCRA9TVsSAnZWagAA7lEP/jmMwWUjBC1FBkME4m5Q\nh0wnFfuvsmW4yCxAnfDcdQ8hW5aND9MM6aLq+a/hYtf/H4e9Y/dzUr0Al4TC\nwuSE77SWKfH/mpnBRozO9++cOcyhoSx6g/ajRpgW9BKd3gQwutiWZlEifRfZ\nkMVgFjurbFMSYkKWX9jHSZhIBi5SkqvZbuFSEgCiezAHE5jUaNWDm9qKPFkH\nCdjeOCzfMEoIlrTAtAaftqMkMMNmOp8Ov2v4NpiUZ0pA0uCvrrB0QYcN2+wt\nQJlEUN2u0J7/rHBOTcO3GIWJ0+MzSXfNtsEcjJVLj0CamhGWxAv4ZshKTiYQ\n/KlaZzG/SLcVUNcVjS23urb67r+uqTc0BtJk4gG4+rEt5ktHCgpBt24OXc4S\n5zY6wvnrKXt88+5NVbI5z8W0pPnbZ6bIs3irQ4wQRmM2pQ1DFiZGP4U+TJt7\nRvczfeQKmxh+37BVH4zhmF4IwadYhy9wS6HpQiknDCSK1RngR+Xj00iGK1nJ\n/2Wbhljx4+BVEASEKAmLpDciMTPnT8oiWDHGQY3l3TBFxLMpRYvEh6RLDjHv\nTNniBYSCWKAuKjTUrh2x0iJZ0zA3j7g5UyzteCLMEIT36BgjLOewNJPB59G4\nMyV6sWAOOY1KTnadH0dUgvFZJ2khNZUSVu+Z0cLaQV+ED8CmsojAmqvxawlm\nhY7y\r\n=sT3Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220284534_1641113161078_0.5043308629693148","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022028579","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"21a1d54e7baae2338f568dc771b136fd55cd42c9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022028579.tgz","fileCount":22,"integrity":"sha512-zJx76QUqdDQ30ZwW4JltxBLhwcp5i1Vtw6i1KO6U9iMzUzukQDUfHfftoL+8xIIvgjT9Gegtbz8wawIIZwtVbg==","signatures":[{"sig":"MEQCIFusbaInQQA5h1Staw5mKPRK8VFSBlV8Y+PVrgTGUvbwAiBlpq9SAjCyPaBH9KkpNy3YqWpjHprZcL8vLj/f6z7Tgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkCCRA9TVsSAnZWagAAV2kP/ivoQWUN6rpFTlTpa4n2\nSIYTfS99sj3706fdwh9uMKKvMSvN7FUpOVwhRyFu7d1jy4/SE6T/ToSYSUWZ\nWOSnAYINAlFThhG9SaFxRzh88StlDpQNbJeZ5fVRT7vkmvKzHuTgBD6B1pg9\n0QDdvqlnztOhxJPQe1iD7r9TJ9eyPB9lNpPBic7yG3gdC0iQF/kxGjPmDvgw\n/28TB7pBjfnxbSq+t/iXI7jNjrj6fBwgPq6B57yi6S0qC+wX9ENuyvDbtIlb\nVUixxysrboPQ+WoBrCpV9PmzJMNryuxehjKlddf8Lc6WtCEfbfHpUOJrJkSe\nzkSSoaj2Ev/10vOf18LDuXbroXKeXhtyXufh2liQlkTlveJelI7bHZl0tU5K\n8ySpW2clQoi+2YwAo/qWaJOz1XceahSzAG6aLNKag7okkDb6EnYuhk3WNwcw\nBDPvc91eNQ2qj88vNse40HOiJ+Lj4J/l5PSZhYpTZTSA20nWjYCf2XNFQzj+\nCIPNmDv9C7+zvLPdxlep3Kse+IcuM4jNg5Q71seM7SL0fyQLF9iUK/17jbqZ\nuhEphVlaIGSYJNGjbH7F2QtsIMMMj0iJyu9yMw/yRX+PPcwCJ7zKJi+4y8dG\nwbqQ93eo2FMlBFw3/4bhxNgS7ithUMHjwFfYemuouPJb/3VgrBeJxitRUxFk\ne+kv\r\n=LVVz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022028579_1641113858639_0.13349363975790562","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202203225541","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8f6f97aa6efa426434c3d46fde43115e00b9412d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202203225541.tgz","fileCount":22,"integrity":"sha512-M3m3WN13YFSr0decJiUgLsTQVobq043DkgWST96Vwno8hjbAehsrEV2kOkSWGL9yfoE+UQKWrulXv42N43w6Sw==","signatures":[{"sig":"MEUCIBi1d7k1F+w2Z/hnDeW4hJ6TYsHC2LYWag7jVF09fV5GAiEAlXXqj8txmAO7hlAK1zpKAvdcGr2pcViB6+1zWOBYWRk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038MCRA9TVsSAnZWagAAf6kQAKSYpKiCDzs/HXU68HaE\n5986CXAoLmDT+FLbEd4Yl1TL0jzGYBGVQgpU5qtgV0dtGyRqdFkx5abeT2VI\nmyjnjqmr/0nR2dRm+9QZxA5Wg8ZAcZE7bLHhUPOm8svq3FUzsL1hVO2pPmj2\n8cH1RzBu3LMEGcvB52So/knTiFYc7072EQYAEjhU8E0UdDsaPsvME+j9Tqd0\nebq9qpuo2KsHa+vxTrO/WV/Fx29c6xBccYiHvz3gJqMemm8JRzGCGD1IBDVw\nmXvc2FY2fwanP8x8RtMxvoNnEF0GisLEeji69uAnaYv6LPJr/HuX8Av+e4ZY\nhDLN8xVGnbvdXMzLBEDpeKQL9zZuiILAZIjuhZiGvAqmY634ln+f7YuFLcGF\nM8P/IgUGBFzH8pQDxMFbo8u5bCTBRJEaN7o+g9hnNDp5QEq4M8hSrB40lwxu\nXYaV97p8khOvO0BC8rwbxjk9MNyZZcMi08rwofGkQbQEtp261vesXc5IM98Q\nfx82EZV9ee0w3Ees1SUmH9eRAXc6LtKVBbS0bZ7ze/r8rktiVuPCKS7Addlm\nm9ETKlYZ0BAAjTa3k/5IxFqy+VMJOfe2yP27AoFOWHCwCm+VnniC1DLvSfDP\n4yPBZWXD6289gp9ODrqdRN8LEhbbEpvVB+i4MAOyA0Te+XVpcUk4achNGeFh\nE024\r\n=sQJg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202203225541","@chakra-ui/utils":"0.0.0-pr-202203225541","@chakra-ui/react-env":"0.0.0-pr-202203225541"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202203225541_1641250572562_0.3049680010414715","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202203231241","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"de041bd1710bc41eb919c97e8f96a0b92e20f392","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202203231241.tgz","fileCount":22,"integrity":"sha512-ncSJIclu7R9HOfHCaVfaElAG23bPB+fJzjqbnreBOSBCWxgY2uPXtmukffE/hak/Q4sfbtQ2X8yk8DvN5l7+2g==","signatures":[{"sig":"MEUCIBXpaBJUk2zLhH7fz5Ycj/2vHieXBpjFaC0O/QsLzbX5AiEAheWLwEy8hnUA8Jvoag3xV8SW5M9Jq6uqGWWUvO+SEnY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MGCRA9TVsSAnZWagAATJoP/1psSnvQeYoAmrwtcitU\nW4UgROAbG/Ba4/7d3pGd6ixzN4xFrSiCkd7ixNs6Meb7ko2t+RH9L96fk3PS\nw80II6PFThlbqjF1OKSYIsZ5bPPe2NRV60HE9yHXxRc4GEV65rWZYPopdVPP\nhiKL3JUXFyz2p3XvZiiMJcIR0gCWlyAvGQ1q+qqabwhj8GnNdXA0ngd1bul+\nOTIktrhF/sN9L9zFmusdGxQRFXrCItUEFVwdIBBB4tc0LqnH0eo7EovRp/Dl\nYqon/Q78EWbqN96u/pB2myc1pzJHFsBJNZgEtJeQqT71+VX4oh27kR1j6mtd\nWmzjRQEC9ZhgJldpPf4C2rf8qCrRx3NEcMyrK8WWt7REBU4+Zx1Ve1CNziqO\nKssqMzELdHKz/EP2pvTptfm/4qel25xPVMMyEq3n9j0xG1yD38CnoebJ2WbP\n+k+dFJGTmm9dis369aV4a4et+U3BaXhELyaKTNger11a4ldTfjsXtQ0EFpI2\nZxy1gt2f5O5c5xwp/2TsdiQSGbOq2uFdw+eE2gDbdQwu+MS8P4QfVYnkMPYg\nrgEwWtGhxpvDqI2/nm9XFdeUwtXzjIUSdOAuAFAXcjugZNVGWJ4M5PKenahy\nlKNS3X7JSPvsl4/yl2ya2lOVcEHTXAlu4ECP1x91hL44n16Rdstyoikn2Nwr\nbu9v\r\n=mIyo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202203231241","@chakra-ui/utils":"0.0.0-pr-202203231241","@chakra-ui/react-env":"0.0.0-pr-202203231241"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202203231241_1641251589934_0.9364986714576986","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220483049","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"98580320e9afddae1eb7282c492e1961094e0957","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220483049.tgz","fileCount":22,"integrity":"sha512-G81tdgmyaQgISx2+xptBvbgVc5xe5V3+VUJ1prv5PokHQBFW6ZKJu5qTLeU/VRym43XiliV3dr1zmIvu53usbw==","signatures":[{"sig":"MEUCIEgIoewIrM/Q2lbAGR4GSDry+hCKfhypUudlZdUsEhoFAiEA7dq6AlvLUQRtw2v18yXqlgEJAqZ6PODSs3LTHjYo+5Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXZCRA9TVsSAnZWagAAqf4P/i6DrqPG6qboBrjBpYd+\nkzjFgKGAvRpdald4y5c4uOuVLhNzuYk7Nt/yRauhkpXHaUgZxZQlFeknEsR/\nXmZ8duznUSUxIvSi4b4zrkP+h/YrZnLSDREUnNOPVWe9XuV2ltRtHVA6F6ht\nfYvjiVKGxZm/3u9+J54pixT4Ox3G03kLAHm8UTV0hIuw2x+JXNYVvaOjKON1\n7jlfJQ6RrswRpLW41/H8uEf05ACPFyrR+mpSEmBjVD0p0Gtu6HbhwdSCfv6o\nmtvnuvkzOeNuX/8XH2eVwrGnaPQ3eFOmDafgmVavh2uavd/BRXeDFnTasfhS\nC5cVMKreOBMoSod2tapFy+kwLTUgoZkjDslE+vNKOA/dSu0vAZnINGvsHw72\nEBKVtE9SvJbvdEJ2+N9y5BPiE7EECXgZbrIFl1T6I0RnkyHdrd/0zigEN0Au\nstynihro2Br/IEwmWMwsY5axa0Nf1Ln0ykhmzHg4sSKhYILz522GJcO7sSoN\n6141B8ZM1qhdX9HFAVpjksBKGjqZUcj9TI2kiKtXmpPgjF0Kmo/z7Ft3eoFY\nlMalBAI6IGY9LcrDAC0fteiKsYLv9jYtPtCnQ9XhPGKEa/BQv2efODyeA8Vf\n/XcOqdZRCHo32tnEGA2GFUwxnfMYOyIFfsS6pRCbEgujNE4MQxQiGDF3KQsm\ngqly\r\n=cB5/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220483049","@chakra-ui/utils":"0.0.0-pr-20220483049","@chakra-ui/react-env":"0.0.0-pr-20220483049"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220483049_1641285080873_0.16820813879111585","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202204173424","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a7d0c7e6c937a0781d7ff3b498e67e95e075414f","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202204173424.tgz","fileCount":22,"integrity":"sha512-PMqWDJZ7IDnfBv7gC91Nc+GuRc/34WJ+j4FANaXoPWZoFlJFtoBovcDSeomyXfLzju/Tol2FF5F1TlGrJLY3aQ==","signatures":[{"sig":"MEYCIQD2GPxjyecf10nfddlkwrlCcBV0Zdk/7r9N3qrWb50UXwIhAIYOQdzvQLN/VnkJU8fhd3Drgo12u6ikYuAO7BqNlaxP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IU5CRA9TVsSAnZWagAAdl0P/3Hb06NBv7pGva3bJKOZ\nFLBFctlDxJaNiabVEjlUkw+QunNn4zbDXkw/7DKJmTxmH7OB2GDKHRXvWFOg\nsjGlYh6XKcfvBhKpy+mSv9FXNr0KEHBEvSvaSTVtS33IVUCaHwQA/sx/K5fI\n0AqCf+Gkwg+/pw/MiGNrvHdZ452dqaIbZ2ZLd+ksH1oV1CnW1eGEsh28C5gs\nSrmWZx1EGlcqDr0HWrA/2wB5WY6KA+1CHci6w4+/z3qfBFhYnvgFSQLXrFtk\ne8KjCXRXH51xuCPrt2BDKRdN2n3GSMajg2Z2MTQNWaDbpMaQsS/NJGGB+LYn\nbMYM5HfTEsG8jGdAiSG8tE1MJiNDYqnc0mVoGHeIo/WWedZe5U9ZY2JpbQFy\nXZDW7lsXgwBpIbMYDihP5hpfs3yXlHL2tHyxgh9XEHKLsB6eArM/+HokPhjl\ne3Lm4+d4m2e5t+5NyJYAIWVBIE9mhWmLf0va0UObPt+QXTM7AWcKtWxzVgpb\neB6Ndyv1LBVljnZAGUD6nIiVR6HHpfVFmEFKTjLNmhbksW+Nc6wfxCPuk55G\nyG/YG7HCnBwybrrGORtenWqWfqimdFF6gxafxZf+d3wQJNPJ8BG5KQhZdt/U\nd3CZhrCn02awtCGIKizkG6NGoZbw0S6vOZUkqcfHEy52Eciz6LYn9+N5/0FV\nnTzS\r\n=FE9r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204173424","@chakra-ui/utils":"0.0.0-pr-202204173424","@chakra-ui/react-env":"0.0.0-pr-202204173424"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202204173424_1641317689429_0.8827153224588193","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202204174042","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3a6a23774813a994963a3124d75dac36e45784ca","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202204174042.tgz","fileCount":22,"integrity":"sha512-TTIT4qjq6ztfHvErrgertfyOIMZ3H0vmiZL8FLqqCaU7RoJM5M4W88KnraEy9K/HvbPJwLU0vfwkqcg/r5eDFg==","signatures":[{"sig":"MEUCIAZYA/hlpKzAeyQa5QyDil5a2VAhj9Q69nYuWKW/7wpRAiEAqzUoEco/RXrIwz62SF4QE2Yn9Gz4A4xBBFWGMhxVhtA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1Ia0CRA9TVsSAnZWagAAuJIQAJhSIjWK6Gg7GJmKMTlS\noeBlszPd9YIkmPO2idXiltFVp/P5Dz7aYH7j7xPg2/bSrTCDyRYzXaOmattZ\n8ksYhU2ZwSNkLTFEr6AU70p/D1HVq1D+TNUQ8VvVWzsitYuD07ZhUuhFrYrg\nE7od3SI34IWpLnEq+/Om+v32yhS9A/Ppmx2WttGGgDYMXML7Nc4lDd7Wx+wA\noLgCh1AnuW2H83PwqM8EqsIsWYnJ9Rt7hONj5RE4DXUKq5Dl5TMWThkJokxI\nIJyKg9ao+wIP2s1Fy03n1IOGRY/Eiz3xPSOnrQfguA/fE1eZrMzI09ozzoLU\n1DEjJF414V0clT84RolrsPXc6cWBGqeoFVtMTroMqxWLIX9mJrwZ+1rxG7jm\nzE1pIKXYA1JbQjOtrNUXBJxoUwZjRnXJYOE3LqwzczjqLkLps54Voemf6ihv\ntr+jZZD7jUR9NCIiztR+gmZ0QP8YMBUF6KYsBiS8zeJ5l06zkicWdf+jhMYy\nIkQrhBiOyrf0NQyYzbfDZ5dfYgGKb0tTgizmhu0du4yL+UFMVNXc2DRpfoT0\nH4syW38kvvmwLZXuEEmT82sLUIG/S1yqXMoncJzXXjrrkuO5jrF5pFWugNiV\nSDXy9ZJuYpNuN6vZCUn6mzbb5C/lNeS745tUwXULk0lcpnu6yW8fGyHhg8Kh\nVHEf\r\n=ry0q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204174042","@chakra-ui/utils":"0.0.0-pr-202204174042","@chakra-ui/react-env":"0.0.0-pr-202204174042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202204174042_1641318068021_0.43795440185970325","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202204174930","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"45c7c25c1dab80428ff6abd7cc12a900e26f5754","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202204174930.tgz","fileCount":22,"integrity":"sha512-KQLoulj0ObpaPNahzvTRFcikNuEB1XfwQyIvhq3JeXUCAOiBpnYCKgUJWjt7UIe0DTdZ9//5DkUQC9BWcN9j4w==","signatures":[{"sig":"MEUCIQDi/IC+2c7ZI/Md7ym6T0QhmtX5deO3C/KTrA5aRoyusAIgbjTlaMIf+u/yCkKR8XsAxgJPV7eAT9VU16tncotspJQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjHCRA9TVsSAnZWagAAb5oP/1Yqe6kNgqLSO3CT09fI\nt0+JMrb54fmV0/chf2JXxt6tx9lmm3cHflQYf4glbOfjN6IjLjx32sQLvyOQ\nxtnMl58lVkFVjVD50M5P7l/fuNXEDATGgieziN3Ct0JtRvV6qK35TlSOMO/Q\nEqqota42rMeNwSfAyWfFXTp1j+qWR7jpYZFAb4JfonMyGZISxajvACaTug/7\nzFbxCU4Zr4Cfgwd5BUa0O0DBpXkIuDoKpZaNgp262XZZyvXprghgdMPeHCZy\nd0Rvl1H3bpBaqHoNGGfIpJuE2NXl/gL89eT+3HN1P9Vzkss3CgWrWjgJUO+P\nJG/StMRRHMA7lOk69Pv1OQSLOAnYyRIPSVrWl/IlWDiNZAjiEkEaIRMSCNuK\nyaYUYs0Jl33pnZYVni5IzQC47nQvCYoePxmBdpe/khfxvrdpRfDNomNGf2d5\nkcOCVNcfWcuS9WuPWo+9f02cmD/e6xtQf3g2XKnPP85vZ2hrxT4ZSKeWloxR\n8OIj1tTGnDcDWZmBDktdOoR4SxjX62sFCa2AOw7UtUOQxkV5amY2+tv5vvk7\nDDCdZrxZvnDgzAjZvDK9/88kSUqwqHRBpBp4yJE87pwOd7T1jtS4I8L/Klzk\nYTs3u6klynyZHzsvfmvkuowZvZZN6X0pASsR/yRBA273fU+a262rdIkEv8VD\nru9D\r\n=rwGZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204174930","@chakra-ui/utils":"0.0.0-pr-202204174930","@chakra-ui/react-env":"0.0.0-pr-202204174930"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202204174930_1641318599368_0.9125708192320141","host":"s3://npm-registry-packages"}},"1.3.3":{"name":"@chakra-ui/color-mode","version":"1.3.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.3.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":"91f03c4c5ddfd1f238ce566af1f2b371f3f551a1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.3.3.tgz","fileCount":22,"integrity":"sha512-vEMG9PRtVllAxbJE76bM4fRdo+hRZsPX/9cO+gR1YegYQNeobbV9Ive/MKNYQzdlbQ855Ytn6cPGr2hzy9MdRg==","signatures":[{"sig":"MEYCIQDOT1PnPkPTLn0e3LqaR/xM8sBTpeyiyEgXT985xrW24gIhAJjo7QYBElftM/KqPFyTHO5cQjlPxHfYAwpsg0yc9LaN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/CCRA9TVsSAnZWagAAQoIQAIG2Lg6qacJZol3z/BxW\nDLT6773SHNqU2OfFnXM6PBeaM0md6hUGTyY0AbGgSOpZmCPZJgdOUgEP0aI9\nPfTTmF17sp0bWB9hpb36uHenCOItNk+IS7R85BBOdYUGywUX+XqKMs8fMq8A\nyLjuCIppFwImZUj+5WK19JbecZZ6JeiVbtmIrwLQ4Id7/7rTfqGfbZAEY4Nm\nWPbj0WRY95VSTMe0hZ1/ZPYgahVZfopZInyxmibdqthIvSxw1dr6nxUQ7WQB\nXp2dwm73kYKX37hu0vDqlwBv+R/mOm9MQJfzvLMz6+L2eynw41M/x6HTd/yJ\nPS3nHGG4n+mxoh2yR36OjnXMomOXxsdPYu7QbHrR3ZqOBoiGqt5myCB1JoHS\nMIyHXsn3GSKOoUN8Fas3h2SXBTfcJ5mly3vJzdt/7MnS6MVMafF151sFK+b1\nt3XhzgKG/dqlfTOwqJ1VWf37QERNiAT3/QR2mx3WVbi9W/yhjWw3OXSTEjAa\nPfI9xbbPCZbxTiNKCjgdK/ApGO6OQ3zxbEspfD6ccnistnZe3zLZZmVZIz7n\nT3cedgaa/PR2HU7de0ZLMG+1RXxfhTOYMHhdAvRzDyydqZw+r+n6P5kSoQvZ\njeU4sW+Zh1dDkAKysNZgCWycSrshfMef5sjnCfsfTIi4TeCSV0JGctXOrM7O\njt5i\r\n=rwEY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.3.3_1641328577955_0.1867854311091257","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202204203645","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a65b775e14a4fbf998ce531f460eed660773839e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202204203645.tgz","fileCount":22,"integrity":"sha512-hImxm4MizO497NqGBC0Hyg+JI3KzkDq5rkrXk8uOquKVCB7hryNowupknNoFcKLsE7wSubEQ7M5DcXv7Q9KMYg==","signatures":[{"sig":"MEUCIC91CZQEs2duT37MXPc0t3d9r7h1sHUhpytHbhlV2dhoAiEAqdabamMlpkPy+j37mKPYnS5udgrcxZM4dXyAA5DKcMI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/8CRA9TVsSAnZWagAAwdoP+QAdO3oJ2irnlFEUSm/L\nfm65LRBG+8IDsv46FLFE9xl73KAufXwYSP+/oEkfr1qTR7Ifyt7b/MmEIfgp\nz58l0sBLt50SfP50Cfw4IJ3SIH0SEis9eEFtHwngtbDYy50dVYj+WApXrWIT\nOu2harX6itZPykJJAFcCoY6KQGx3iNA+VhtfzTVOYYxWKWHnUBVM+pD5m9fI\n2X5N9WLSZDWmGFHIw9i1U8QQ0igE+Dd9RLNol55dOIpP6Nm0IfHVcPRJo1k6\nyQwg3puCi30+IZD2k+y5AJlJsvWyeHgNPBmAlwD0V0cpDBGyPDyI+naaO1P6\n9D2sYYDojQn5b5cmvYPX6hn7TH5RyQEWJAPM51QEn5QuAGluvQz6eQRpumII\nr951QewGvVP6EPGTUIinOV/m8n3T7NmWBryCSGXEjSFIU8XpaKtZms+/FfCu\n96eMpfcSo4UAV1qGqX2QYEYMeGajsoQ+JWazYs+YCrb8NZiJ/cRuxFlFmXAB\n/AaZpHwR0MQx1MN5zBNlvKZC4Xt6wKfoB7Ixc1KvT7CEdByN9I5EzMGOpGuv\nLkWVhiEAn48/tARv5CdMRS26FKGXE2fdXgNLFtcTBD7t4lqOjX3DxbKRiuAp\n1VblKzbrw8Bi30n0ki7swhPcysoMYUUwg7Zzc1+8HvlZBV1jG99MEqaCLDjl\nVPgO\r\n=Te2/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.1","@chakra-ui/react-env":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202204203645_1641328636372_0.605652646343769","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220421928","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"baa65dcdd1571c7511ca2e188398bd8bde01cfb4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220421928.tgz","fileCount":22,"integrity":"sha512-QRRz5jFUKAuX4VKikvJZ4EIib6XZmcJ7r0SBy2uHKOko7zP+laNPb+Lbl5VCcrlKxtX86sJpHqVm/BneMpoMiQ==","signatures":[{"sig":"MEQCIHEN2rj59v6MFInEXOnDuyBMLzplZnbd+JgwYH5eQhGJAiB63byEFG2dZYpYgz/eQayXq0D5ljAUEmKO3WH5X2Ni8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LeiCRA9TVsSAnZWagAA6WYP/RPuXubQN++e3DWdaS5h\ngtI5QRd3O3d1kF9mWqSeXnSY454QQOUxJzTowJCgddFqSUDHb55HvoPmehWG\nhTnyl+o4X81NbMWNuwI87BIzqK1deM0umpfxNO9W0uZt6LfLgszacaOfAI//\n1y+wirgFRnxTk919wQHFIuFV2SwxIoU5FzLeqrN9jGfz5k8ThYwPiVzjdFUr\neb7Sg8doSwxbJ4dgIpbxCns8yluTdFY2LJ1gNCj4OS3gAmrjE0hHWVShW86q\n71hEJLQRuOBtJJhpqoT0dZ39qcBx6188Q75IAOxNs/HuqaaOYHdZ/uVOBibp\nq03oKaXXaTdB63wcAosQRyxQrCD3rnRWjd4Oy+5qAy5KbZoEYt0IzdHkilFG\nLQxiavNTS1rxh7GCEDPgp02znByu/zAHFBxJW4SebrgwjiN+txk0HGq1VAkD\nuYJryjW/CABimGcryWGEe/fKTQ3opd0luwUV7sPndwc50gtDy7qM4Vvlfz2s\n1kPrWTdSSmX9So8T9ljPXM5lLMiCSs+Fh94IKeu3rWSpc0EXWJd6mjR8YxLh\nHJkbeOlAaefpcyLglOIhnmsNSGqJr7fE7QHZg3Qks0XZYs/jgciCfbs4+Rlx\nRXB2S41vii3EmfNeuFYfr3PENNOTk03uB9MUaimTcCMnRI0uBwGUXn4+qo1j\nA8of\r\n=eKOi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220421928","@chakra-ui/utils":"0.0.0-pr-20220421928","@chakra-ui/react-env":"0.0.0-pr-20220421928"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220421928_1641330594671_0.7112505865603238","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202206192031","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"23a1dbff3987a5751f319746e2fb53a8b7a27e39","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202206192031.tgz","fileCount":22,"integrity":"sha512-ZHI+2TDFitKmDEmHaE+ztAxe0IdIHg9DRIaguNySQAmPZ9mllK0VEE9uU6anJUDuI7GwUR9x7j3i3YvbP0W2/w==","signatures":[{"sig":"MEYCIQDwKMWe/0f41tXemXjfEgPLZnWqq5w7eA1qKoKk5lyfbAIhANbjImFcsq06r7uQE59s53WwhLiosQziOsWj5l2ngffa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EbCRA9TVsSAnZWagAAbGUP/0bHIfMRjRv7RJxOmyJg\n/DRJOBMgJTq2Ug2waCe4NzMVT/m/T76dh9tVSaNT9MFEO6PKSlkYSFu8RqfV\nHyUCo87xCIzXLJIt8IPnZL46jAeuiiMiapHiPSJQZ8NWowQzh/lxqwsDG+3I\nsKq/XYFhu4I/d20P39NYNi0djLbgeT4M9GuZwin+9rmnrqDkKxVBgnnhFXFp\nkqfHUzks3f2KxDJyGV2zuiM41pI6/ME9e9hxUV71M7R+T2z5ohXkkB4atY4h\n0dIPkgkitoBZoQWlplyRBv1p+943WDcxni7bTGXLazinNNoyYqBnzu+a8TTC\n2gM4E/+rPA6xE7p/Y8ZlFPVgvxAmgfoyHPgoFcBKD7sVQ+i3rIPV79+v7nx6\npVBEsESc3rprE4T4QhwvSFvs8hSq4DpAwhaD3ABYga2F9ut+LRG5BcPISpw/\n+du2zCpamW407mvtoEh63oAI1RE8OU1KPX6X2z5OMNeU4fSTNVFZpGheRkoN\nRjgyKgLDQvLvPlI+X8u3Ty01Sw+9YEk/gmrxPzGARNFYHEmhIolujuohtC+K\n25mGpjbScKOYpGXqIeiviz2a2fYZX9XbNv9CBX7IIjXHS2SkMURiSLlBU2mv\noim5TOsTJucEPGB++kViecHio9UM46oMKNh2Bi0BQbj2u6PsAuATkdYL2gZa\ndItp\r\n=cYf1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202206192031","@chakra-ui/utils":"0.0.0-pr-202206192031","@chakra-ui/react-env":"0.0.0-pr-202206192031"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202206192031_1641496859846_0.9077276466792952","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220620149","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3fa89a151131b7eb7198b9d9af889936f3835c34","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220620149.tgz","fileCount":22,"integrity":"sha512-qJ9UQBPMP+NiFi7kFm4LFRSh8RI1n6+Sf8ZImowFYcbzoGQ/yv48jCs/N8APNkinqKOgVXgCEO205pghkR9KpQ==","signatures":[{"sig":"MEUCIF2kDbpVyoHMYuprUteiE8UcCXSRHBN0QpKjXlJEJ5NnAiEAklCD4X76rdlO0YLjqSMbavNWaI5N65ycwhPYkT+oXWM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rHCRA9TVsSAnZWagAAyS8P/3QWs2Q0AER9TMcbK5jc\nfrIHPjJSis8VOdD1oRiyQ43dzkhODW1GZ2hs5xrNqPPsdf7H7mZXtj1+7Lu2\nzBfgX71SBRMx3G3nOCyRqjv42B2xi3a/18kGU5HU6l2O0x9JNxFPuS83U7EN\nzONCW9tBEDM6mt+Gx748zIKW34iitXKi4+c9hfOslJ63Gd62LJqZNk6FuFbL\nLfb2YJF+upeDdmSGKawVQ2COUvIkL/ZgGjbB518P1mX4r9eJ0sCMQ3H6e5C4\nM7VRy5/ZKSljZeDE3E1wQZ5xH8FQRx6lYLW/KN1QL0tvz7bFNOgopt5Jt4/W\n6WVfwmz6MhJ4NuEsUbsbInlCkZPbJpWa0B+f0QnuB3vJ75w/YBNO3toQkB8s\n1f+JZ8j5OZEQYOX2vZ/08Nt3PFPJVCxHC0JTV+1fTqbMRQCSXDwdkA10UU40\nwFfCB/HKcUo2vcQW3LNC5xDuiWmCUzHFODov8K3wZIjUUmown3uuujhdUf9S\njLngCJRzefFZI6S1BbRXWM6htxcTD1oWIpiPccukLl/Sl8NKzAlCd0XpiqOx\nvZ4hoAABRnf3HZw6DSBDYuUy6XdoN3W/Mw+QI8Enw6B5nPRAR8zr/kE6Hl4U\nGVsVLdSEy+5C6XWX7EomzgIF4X/OoLdp/K7/dq4ANWMiVP+57NbUYCMRi8k4\nNj8Q\r\n=oIvE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220620149","@chakra-ui/utils":"0.0.0-pr-20220620149","@chakra-ui/react-env":"0.0.0-pr-20220620149"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220620149_1641499335687_0.41691323790628165","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202208163634","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"36698ae78a5f50ed514c561d79ac80d991254cda","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202208163634.tgz","fileCount":22,"integrity":"sha512-Dc4wRWRI3GlPU/I2DdYts/s+ryu2A2dWnkdB82Mfhl3aCgCe7LzANRfsxJpHbqg3/zgVtexTxZeITFYFeI6Qcw==","signatures":[{"sig":"MEUCIQDBhpz9UwhlheiulQ3hWEwTDo/johd8Zd8w27fiaMmSvQIgIzCX1yGyDJsGcvlzgiY9aVoxt8iO88KA3lgOmHpT6oU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b2vCRA9TVsSAnZWagAA8/8P/Rd5fvlcU4yEJknEnVwA\nkC3qqSIiFptFjRbEYrf2pbfCqnTTF2TJaa70TuzmY3LMr23zjdM2V14dNgDd\n4iTtZ+t3B/wpcUM1lJ6Emr0OKS4i4Ylc6AufnjFdH/eYDJjK4w7hBFRzxSXj\ndrqZOGTc8HUuZJx42cTWQ6qomNp1h3qDf63NmRfkgeD0d7dpTSlr9CGd+g2V\nrThh/ycGvMxb/ZdY3RszY8AQwJPgETrdG2hc9QgMVjb+m33ZGkTdMMq8w5QK\ngm0wi3kuF6cAAvDANJZNvcNxj+EUL7sNWkcLUeey/nfFIwZsCJtanrn8nX6+\nA1nSYPK/y4NnX6GOtsft8Sm5MBA1frvjj6hfhaQVUTWotChst4pIop7n0UyE\nl4hXkFG/hcjVHnk/pVyZayEuaZIL6uuSTfARHKXXTw53+SQ8Q2KwSSFmEqwO\n00VHLPRaKwm7IAF/ownpyFavk6zM9WfcPiEAWFJICuGsymk7o3udNrUL5W0x\njjFq9BiJmI7q5DoDRbUV0G0hrk4QN4ogOU29hKi0rA6nwwt1w5L2yKs6hN+6\nVkr/1YH5tJzr8TyDhnjnTkW88zzYGdVrJc9SiAm7cSfZDVHxgnFbenXHYHeT\ns5IM3h7CGfZrFvl9ja1kB1s7nNel2QLtHoMWsW9E9CDbQsrq5IzDqNinHVgn\niPFg\r\n=ig0S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202208163634","@chakra-ui/utils":"0.0.0-pr-202208163634","@chakra-ui/react-env":"0.0.0-pr-202208163634"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202208163634_1641659823229_0.4989054937168895","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220816386","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ff6b77d89349da10e0ec44316193629c8960f8d8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220816386.tgz","fileCount":22,"integrity":"sha512-08MfFukw/cMvEmE8IdAQt2cI6jWtS3WO9Mu9Y/t1cTH3TxNODH2hNPJSvqDW3Wmbx3dpd8XhrKpIfOdFuyNCaQ==","signatures":[{"sig":"MEUCIQCO4/sfNwQiLZtQz5M0lkBWVGpAHZgN6AJAv7Evqya4lAIgQ2MT1h9S9CDFUjMLY7YsS/R5TVg2O0NaQIwMnV+xhao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4KCRA9TVsSAnZWagAAB+gP/jAq9OaOII4hPUUkXQOh\nd9x2xSDW7FjykHMO2M1rdLiHgLmNScL19Wc2M9Hh7IeFXXulRzyuaOIeA0ef\naF10ePtRrY1RJ92T9xu/PaB33Li5Rz3GN9tERONO1dxlMNEEwjcOM+v7FOeW\nbQ26Ris6HTm3i5mnNCvURVMur1sEKMh5Cdhg+DfotSrLubo9P6XMiKBez/jj\ns4gR8Fh/zxR3Ooi+uRoHphEuo6OtrImGQ6z7lIZJCFHOo2LrhyA95CdLKNC/\nKnXgsXr/wDWZvVjUMpD542DsAQMvuSKJ8ar1qtAw1R6RN4gORe+ZpWTmZGG8\nlHSVoOvcUleYHmQsqFEQfGE2bWNnfdG7Mj83IYC7evttmg1yP4DiWIwEiNBM\nTpE5V5v8fPhAyIxloba8edRgaD/6LydwLxp+OqAElRQRezFMGLKWw7XJWdoA\nLzGBqxAlc3vart37y1KTj4RqmfXjhR3PJ5Z+m+rS5jnueb1AD0V4vYkwLndX\naKm2/QoNxFzjMB81VReBoechE/pus9YsSTVsUPKaQrar3jvke1vPdDcY0Bqz\nym3lU2mvRTt/b5CBfxDR0srh6JqfuHe3j0kbGll0IMilepWLvz1oRIkfMjZI\n3U2RKMK9y4qRKl9zayV9CLhWNLhW6brlkxBigcrMoA16rqUuRuRb5z1qQypF\nKGOz\r\n=DBma\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220816386","@chakra-ui/utils":"0.0.0-pr-20220816386","@chakra-ui/react-env":"0.0.0-pr-20220816386"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220816386_1641659914293_0.3484231080061917","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202208164521","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c3f11a2eafd94e1e3a7dce7336370a0292bf9d61","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202208164521.tgz","fileCount":22,"integrity":"sha512-9ikjWCQPDicsh6MnxzH2gmm+6BpH00gCS9ISAT1C44fx7QiLE4v2faEWkCpxMXxHUMo80kdQIX7ae9sPuz99yg==","signatures":[{"sig":"MEQCIH4xCCD7rHBaosI/H3BPA26DZy7cFTM+wgE+qtfiUzYzAiATjDUTS1bmq9TJZjFGKY0iOP33dix98/9Zdh2VibAwWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b+6CRA9TVsSAnZWagAA5Q0P+gLHa9hY7AhkZDeLAaga\neqVnMMcodgw3O19eUPZ37Tf+Zy8bqxnl/4sjU7Lj2WUFX3P1mP/ufrxxciso\nX9GG34mOQHOBG/hQ9Zzyx0kkOnh0eYzkL+z3AXCgcm+rxH1bZdsZns28Opx6\nK32Xz/LIbjsxCCN5d0/Jqn9MR2nJ/G1qTGoz/HkCHKmT03mN2ydOMN9C7rZg\nEOOpfE/bubQ+B+XxtM9vLOli6qTtnC2gznPMtV0KZMhi8rVoizYa4NlMubRa\n/Um/bwuuXA+PHlIP2rG3syVtS0gPd+g6X8r3dK7G1tUx8UHMULwIfKne/uxf\nleTyHnVMS/2NcExpcywjCtUO4c6PJ6Vi8NVw+3SXs4TRDBW2n0cLinnp+0+X\nDn7z7s3Sv/FgJbHqrc/Zw1QUpAfzOCxiqqHoNgQQ4RXQ/Yo2LWe0RixZoobV\nFu0bXhUztPZWLnOWK1RNny5bQWWPjzYRI30RcWtjx3UlxxXGfj//1xkl8giJ\nK18LgaHV3bkowtRkDhUaohsLHvtl+hDmWoP+FiEFRSkoSq7rbxfBHeSnpCZ9\nm5QLd/bJIpqDzp7kYami7OjRIabCBCX03q+aTnQsBbs78MfxB450ZLUkKxSA\nmrXMzwM0qIE4HjqRo7A3EHlbzcWfqNwlJE9Nuyn0lY6Y9C6Qr0wUePQmsBxu\nsfiz\r\n=ZQm8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202208164521","@chakra-ui/utils":"0.0.0-pr-202208164521","@chakra-ui/react-env":"0.0.0-pr-202208164521"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202208164521_1641660346704_0.7049820491887675","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022013192043","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e20defcb1dc6cd0c1d65b8c5b12e6422101e63cf","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022013192043.tgz","fileCount":22,"integrity":"sha512-aeJTqxl11K5ACdxesmAxCipFvT7xFN2/346J4/LzkvDeWsXsx4qwhIdY5j2gP+evLDUS8mZjemrbI5VYfMlUWA==","signatures":[{"sig":"MEUCIQDbb1vOHfe2k8oogu5viyKI3efD9QMsZ/50JT1fnIgr1wIgELbYSyvknkXk4NqoHQ1qvwDKgaQj7zOmP7JmXuhXCN4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HurCRA9TVsSAnZWagAAu9wP/i7g560IsMbp2YxhEEDo\nSKT5ziB5hgR5bgaWCBn6+azz1eIBBR26TDCbOqheVSBPBa2ujiQ7/iNXEXru\nUhgYa9RzinOXxmwfSePBReTH1lvd4t5lUth3M4DhS/IPitKSPTNnD6HmFN4L\nYCXmgJ6M9NC7IGOe5FmV7EuXeeK4b4p35va23m10XB+b0R787ZbrnTs3M0bx\nzZHvVX5pDREbEgO4eZmSgxn2l295oZq7pjzexoZXgBnrornTFdzISuzYwe1V\nEhz+5lulZ/pl36aMz//8PRqdsv5hJm147vByHqAdPNp8DUKcMzb7fNbtBYTq\nl18v/p3hliugb/tD9LesS+ofcs3k1YRKnMQcA6GrWEKffsaMSn2/TX+138wt\n6WpRA+CF1gFoEw6ekPTJfvHRFAN4GC89dXXaqLc7eFUtbzm5gfCGcR/cPHkc\nm6FVnMz4bwTKGf/NH0mSDae/ck1Md+668YeXudtP8gZaHzp7H7aBxtWUriGL\n+xaJ1wW24mdAYrllbBwjd3U35CZbXefIbDLYZrELdPt8piLi6PAIz6pfQ9I8\nFsjtu0VRIZZfpjPYQZeg4aEaKLMiq86VuPYGd9VhhhHTmvP98O5pBtDV63QR\nlk+V563oV4VklC0xFCXJdANG+9UWBAY6S9JA+S2KDnEpYGCp/fQbsH5mT22S\ngRHP\r\n=YUPE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022013192043","@chakra-ui/utils":"0.0.0-pr-2022013192043","@chakra-ui/react-env":"0.0.0-pr-2022013192043"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022013192043_1642101675128_0.3229650196716356","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202201418280","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2268ebfe6e7daafc1e69fd36c6303a8500bc34b8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202201418280.tgz","fileCount":22,"integrity":"sha512-PF2S6fmdH4QT10dFzIQ17Uo0Eq9ErXWqOvFR/ArxMQD61I5yzlBcgK+bwVBBVt1CqUZIn0YsBK18yZpbHJFXlA==","signatures":[{"sig":"MEQCIGW+wO3py4oi7IwvHjlDdS3V0KV9nSB7GqF6z+65GuqwAiBfUbEcXN4kgXl8M0/fhO30iSS7qLWgo0bsRjxsyR22Dw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDOCRA9TVsSAnZWagAAoH4QAJ9gVxZFNbAVk1KJJAz/\nvOJqP2bVrR2m6cIRlbMeCHRAiSPJNrad/XDBnJPRBjbOr/UM1jEOwnjN6rMU\n9pSv3h0kAEhyIafGj45eBDhR2HPOQkx6h/eDNw6Yc993pIII3Txf+WYlwIhs\nP3Jcet4SOaozRersCIQjJkr/max0NfK+EbKjJDUN8ai9/2/NWVryFolI+9yJ\nxYsIgYvAN0YVLtLpYAhjbEE8J5xAsHo6bAbD1nyQ8QVhOmp1RCqqcsXcoIkf\n+DnIcRgBhuVftSZNzsWEORJx2dU8FcQTVWcrh7UJbACNrpV9bvGBVpwjYpZz\nBBKejamA57lqoARIN7lf2LoMWRzhPYFGZcwbH1NIR2Un49R49PGPz1od0NPn\nj1B7Dvv96qa+g7OGg8UeuOY12qcm4zds+v6kavJ3oWoG6z6dA0EXp2as+sOs\nkM+lPsShyj3M+dBKp3n58iFhb1FOlF2pjZPolCfuLA+V2mpaKnO67ytXyUKi\n3XD8kd1cjyXoWxQq6n0Ekyiz7zPWw9zBWrdcMDbE7783+L2ZQpBs/p6rikXV\nsbTT/iGEkutrefSeLThp6hDDUuDA1wXdlQ8lN38mmr8CI5PzyrY1lUoQ0cHR\nAvxjwMstybNf4nAKOmp7vl6ff2HqFZ66NgEXQc0J9o7+KaO9VSdXHVuGoYBM\ncb0T\r\n=j1Kq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202201418280","@chakra-ui/utils":"0.0.0-pr-202201418280","@chakra-ui/react-env":"0.0.0-pr-202201418280"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202201418280_1642184910796_0.6716636620929239","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022014183133","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f2bfde59755f7c01c65bdff76f5492f6941fc2f1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022014183133.tgz","fileCount":22,"integrity":"sha512-EmCoygvuvk7ALznhGIIXrnky2fDdt8eArKPBzcwXArcz43RvO753XeSU/hol2EmNquYkcVDtol4Qy41GQf4nfA==","signatures":[{"sig":"MEYCIQDKnBBjvj5By5ewrc4Jl3NQY0rKgtvUYlRlRG8emml+2wIhANhAb/XN31IxYctDcGeSxltdG7TQAEWqFib8T7WM8RvL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cGmCRA9TVsSAnZWagAAKP4P/jycwFxzKPEGU/O4Ee8u\nt/cU3/AN3ku3KBum/+pBolLttlsQGCyNfCgMDFHTyQNds5jfcmuiWaULphlQ\nCDYu/IccPoEgfVAVEa5cDRjgcdhyFeT3C5FIi7OT+oiL6PETmiPWXVXUMvbp\nC1/xPqg1tdOg/rxVw8TWfskSVFuRS/XaInk8QZKWIiUFOpGqkUVfCwwVlEzf\nF4+pVNbAunDZ+/81VgBL0Z2FJKtYYgiCy1cGAlW9zteiEo/wk2+g6kb0vNWF\nQxv22nr4zD5EjvwyBJVgQ/7TpYg8Dpgek1RIPX8EKC2e0c/I/WTi665TfJaj\nc5fhfODvhEC0Lx1hAvycZX2yBK/JYWRjDdSH1QdfaqXpGCOt4amYI3+FpmCB\nLcIVlXQOTkLQgEU0u3gD1enXedgutxi6/GjqhxCx3iW3Q//JGwNYNpnIOwym\nFCuV9z/ZX9nFzCLpEvJ9ZpD9yi/tFyWvfTpVtp6JTMvffclonnfuPMuQA4m3\n8c5tTvBMv++zfmKaCMQlmTGekOwIho06xUprrzqlqKlgV2UX7i23onHN8fnd\n/RyCBn4XV+AgtoGWddrkUXwKrYpU4Vvezpiy4u+PIZXJaoH4SbnTXfqPL3yQ\nR7ZjzPbiYZv2vtxuGpwsB+7sQVmssYpo7tYcLhlZc6wu9FAsR9EtKMIbM+Mj\niiPG\r\n=iPkv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022014183133","@chakra-ui/utils":"0.0.0-pr-2022014183133","@chakra-ui/react-env":"0.0.0-pr-2022014183133"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022014183133_1642185125672_0.4671785875956187","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220209527","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1abca9add8bcafca1d15f2ae78415418a2c5719a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220209527.tgz","fileCount":22,"integrity":"sha512-hm4Wfy+4+2VVvB4c2PFdgBrxe7sR0zvVzcdbVnCZj8ENJjp2JeNcg30bhGB9sjUjzptIeQMm9Z/veqTQFRZxWQ==","signatures":[{"sig":"MEYCIQD16rdUk6Qgf0hqPeS9z3JIvOp2z6zalWn1Q5P43TNZ6wIhAIuLQIYrXVQcUsRVMAWjrg3aFzxtht+JDl6QQRzT3whH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SXwCRA9TVsSAnZWagAATBMP/RoChwfZPw9zD9/WCyqv\nFmED0NTiUhp9EUJyf8piiw940+bzzMoxvSwAmF2ZIyY7JwoNey9mq66xVg9q\nzqrGCs4phSMKqDV9E4tjprT0zasoVjs9f27lQVTLpbbC22M+8NU2vCiVfgJ2\ntC8XIVmmewtiaF/HaUoWsO0VVJDp+1HTaUT5ql6mjRMWZZTjHQYLyoMXIXkJ\nWIUE0rP4WD7VSP8cw/95kPyY4p9Dmyjp6MbtFQOwiV5XNkmYRlVErpgC+lhM\nXJm1rH5yIxDDEwx0rj1tE09ZGm8Bkadd6ATDcdlPlzN5iXfSv2oAC34fZ3T0\nz7bPksXR/9I6YLcbpD6JfblKlJ51HuCFcQ81WR+sTkYwUQNWc+OvgPRD+kso\n3DBPYQ7Q0zavXoLmbF2TxUPKig299ooEyPae6RnUSoJAqwjHUc2TfRyOmGem\nQBp83iKYwAVkz2BZGAnXwAM0NWFRXYz5KwhXxuk3aSfZKndkTyd0cRTeGEcG\nC68FZQs0hFy+BS69Gioryc0NXL0IwQf4EGd3yxAfGSCLGLPNpMhwZ4ZjYPtA\nDPBbhR5kglo49/l1U+16Z1FsEHFTZJ3x/KCxeyjXntwM5oezIsOIsXyyDVK6\n/w+uvPwmDC1ZBRGQ9b017nvJU8o/gHslZCQJycZytxE/ljbGv+jh17VSyGXP\nGV4N\r\n=xsNb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220209527","@chakra-ui/utils":"0.0.0-dev-20220209527","@chakra-ui/react-env":"0.0.0-dev-20220209527"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220209527_1642669552559_0.8047429939370936","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022020961","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"29b704357eeb0f1552904c0bcaeeffd9950800d6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022020961.tgz","fileCount":22,"integrity":"sha512-dsGg4ZiMUD4yZiXOjnowLYl1ZMXdwm8RLG/0k3mgsY/LWsp2WGFU5Wifhxq+fxGIDMXZMlEpIf8Ff8BFLDkWtQ==","signatures":[{"sig":"MEUCIFvj3Nvipjb8ZtRA68PcfyvbFMyWmxNlgzUudeCfzxaOAiEA1+CTktmibVz7AnI67yqMY1sH9ygXCt1mp1/l1YCBiN8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYXCRA9TVsSAnZWagAAjaEQAIUNVLnIpOvJfQOBLQVC\nnGDCsGKDY1BT9A/V8t3Dgv/4bwaX+eoFWTgoDrjtFm92yp5WBnyZ/+IRz3eM\nA9qKjfPmA7LWkIjKZyVowIelaA3m7G4b9c6HXwZs+xped1OiIKbPH8Im4a99\nJZK6u10ZE8RhaDdGfeI4zTP8NyUlnFNJR/u3ga0xF3LV7l1nzvo6Jhwu/2y7\nb0d1Jq6lm6SGQWsjnO+FvMWi5ZPlUioWgRnix8LhpNfz94odYcvYQes1iFe/\nrXo2ia0U8lU04YOUDRriatpCsh9S17AC1zeIF9AR42ChxFY4p11nvlOQEH57\nkeG0Isn4n2VhuzBScXtBngfpStp2H32gaXU1tLiat5Og3TAYHyKArmnEVMQG\n9Vl7GFR6gyoNI7pAGMI+WqhrQZRidri6L7hGzpKeEChzGuGMbtLEOfQW0xOH\nVNjiQVoqixKKrra7nkxoaueCu9GLPBYyyOzC80Q3PRnSf5Iv49CUTchnHHxW\nx7pMPLABEK6c5v/7DQQ8ubWTdZMQi+htPUBXwke9XEqFoIvgH06iKC8RzMju\nW2JPHriocmBf4mP6bcICtcowLCUq4w2/Krtk5IpbfnsWl/5mxmasgkcR2+Fg\nbTl3M+Q9vSAqv/Mvg7LlbejyZr9bTAVPceSNyjn9i3pane/KooX2ougaw6ao\nlFiW\r\n=gfW3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022020961","@chakra-ui/utils":"0.0.0-pr-2022020961","@chakra-ui/react-env":"0.0.0-pr-2022020961"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022020961_1642669591569_0.40699522990116876","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220209192","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"95725bd9e56bfda9d6e52e8361d73f47d27e5ef0","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220209192.tgz","fileCount":22,"integrity":"sha512-hxbA+oirhCGpXZ87TY7mVmYYiAaHVVc8Hb9373m9fyV8ddfgwVm7wRecXubpxEo9g59kAsWmsCIkrlj4h6WYMw==","signatures":[{"sig":"MEQCIAeKQVOhXVY75iM86tVJR5vgzg3xxg+xDwqeDh5TV+spAiBtwIpXAHqt3/oxeHtFcSair9XD/yJV8s01aJ4TUvzCdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SkmCRA9TVsSAnZWagAALl4QAJ5cAKB80dYM/E9IQB59\n+UqCXSGkROtEGhjzEVBSKzOEkLNW7hf3Q1k4JBv2qNKqWaEObLo7kPPZ2gL7\naDc/1czeFQCYMUq8U7oyK4/JNCJiO2ZPKkpBkv7PLU0RtGdHp0kyy9S5qZ+3\n+yKmnbQOiNL9eulqBIk3mltOp0C+GRYGQU93KyPBAuLc6yR7PMC7k9xYVDh1\nMR7GFOzPZmQUxCM3O8fNctJvsOLb/0bqqIIZQsDIhurqa5EjYvzppEnM40yM\nBktlzJs2VyUntKysLTS39ABRbxSW/7HhoOaIMkvqfXKzUNap4MXTWVeA4yHI\n+Xoj09eqR7e094ImfPvnObPuwWY07sdngJdJ7wkzgPUzVAWGO8NnxfpaI9mQ\nhct1PCU9sy2kB0nJqEXRcuX6OgxtH26H0+zesGhx19664Hb2lASHRnCrkw3k\nxThhvm70smjNff6kqFyGOUIB/Z/b+I6SlIwDuiCjROVkccDaoSu/2ne/Yc4P\n+POw0FVlaPJ5p9UpJRZqXctshHsSoHkO1rqrdpXTdtjriglrUWriRPTrCNxa\npAc0aGwXWqbwDaKjRsC2dbio6mnGpRGusjSOdQBVsOw9QhcJiMDlbmKvdkQ/\n1v2RSg5zmnIk1eawk4xNt/tI83K8EbA/2b28LvNEUz3bjhgdwu321JiwXown\ne9rl\r\n=xGT4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220209192","@chakra-ui/utils":"0.0.0-pr-20220209192","@chakra-ui/react-env":"0.0.0-pr-20220209192"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220209192_1642670374539_0.8052710159769023","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202092345","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4cf2b5341e110b3212a0d4f95245e7c9d262e5f1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202092345.tgz","fileCount":22,"integrity":"sha512-3Ragu4UeLBDNUJMGtAWZCzywL2mHW6YLxyb2OerVz602J2lpA8tKddnO5J5rF4zq2gq9LBGX20/eH3Ql32Br8g==","signatures":[{"sig":"MEYCIQCq3pTwAuP05VXTWDUKLMtJ+eDw44kKCNxnJGwrd5qgJAIhAOZapb769z+tQpdqS0ynLO1nrEQ4KT6IwQT91L7WQzfi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6So+CRA9TVsSAnZWagAAWp8P/iSyotN9xMSVbxuxvrku\naXec56ixUEjABlBICt6374sstaIkQKGjllkRsUFOgyIFXhPsMxHGDLSrfjfT\ns9rRfThPSUiAtMeT5J/bGUhm3Oaqe6bEceyOEypvBCJ/X9swlENr5f9K1AUl\n/Zz62L/zVR6VHKL2V23cmwWMa7d5x3zpwbppFJHkp3WBEXWyBAv4+RZ4Hj53\ngrTNwBsV3W4s3acnSS2icd9vcmqv2761gTDYDT32tzrIjmyHAgmloEFP1Fr6\nBbMsUQD0/FEJqIQBQp2J0D2Hkex3ff/FGUzqIeK8YHjjp1jptdHxh9UdUAW7\nFMyx1qhdJVYXp3xrxrd4ZxTAhSMNWIzf5DEUuGyTQ8aWTgfcNpFInqgu9ici\ncPB77rgjBNiq/1wujvLB/++f3YXhRARO/QvwNNzYZJIkszM64iQY4WghKMfI\nBS6iF4yDiOGNnYjPzsHdr59LUxbh+DQqQEFe/fSuuCN93MLGtgWmCJX/MMzM\nZ1JStXL4QMoJykWMULvNBQBLVbVX2Dpir4EqqKEYBJdmfiXNvn2h/XMXn9JS\ngWizHkafugSLVrZ8ZS1xf04Asb+IJzqNmGJneWRfqF6ZOkce83seDymMNGmw\nRBrCi0bVSBncmHrdQO4bxFmv8W/zsdrypupkLBME5Dn/IvBUI7NwGVUUII3f\nSE34\r\n=QAiL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202092345","@chakra-ui/utils":"0.0.0-pr-202202092345","@chakra-ui/react-env":"0.0.0-pr-202202092345"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202092345_1642670653999_0.2777575168187585","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202495259","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"56a70a9bcbaae201ebe5d25f6d0bb97bed18c3ee","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202495259.tgz","fileCount":22,"integrity":"sha512-C2g2zrHKZ0yQhcQRbUhqp5vWRBmCO/YsjqMl9cvexGyG8Q5UNAPQbdwCpjXKlYzkmptHV+Nu89CyO7h+SL06xg==","signatures":[{"sig":"MEUCIBBe4twj9MrUeDo9cRdWmJa2OPac3AcgYpmzASE+iW76AiEAr7j2ClJnmBDy6oCmHd1Ms0NKi5S4h+B90N/YqBMR/vs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nccCRA9TVsSAnZWagAAfEoP/ioL6knfXXfIuPYU6FgI\n40p11syCcQPj/v5AsVCFIrPEoda7oUanZKb1/Uk2yHB4BEhOBUDqepn93sMS\nW96yj+nnZ6UmUuG87FhFya0p74BVyXUbnD0Za2YAPikyoN/3GiAJ1RPSchwA\nO735GfX8tIy+1ZxFm2zslybPFa90QJurYhi6aeupTFK+iF6BVF2Fo0JQt61N\nzrM+5Xj+xisHngeT+G6w8S9rnWi0N7Nx9+96z8nHP3DVh3TWE1btOB5QDwZ0\nLQbSKuKY1zKNh2SF9wYWY3vcW2VqyjEhG1bxkCpebY/Av1eiqE6+QUly3YPN\njPpsnnHZew4r1wZKptiAvavshRMeZyePbgRbLRCuRIYonGK9CnRwzcyoR3Lw\nnKLkFE6ouyusxh7w+V/aJdGlRdTEEWAqihiwUOsHN/5yl0LDRDxsBtLegrLd\nA5L2aa6nKZ5bNzbwBRAGmGns1JE4ycr+vv3ClBp8omvMfSiZwxvK7N/Nowev\nbf7sLgf3QX6OEgJ34bU5upCKwoF/FTu5tIi+OEm6ygP+FlPnm+UEiUEQada2\nveUT0Q1KPK8596JQb/Hk9iLAbgLrVfwSvPLFHfOb5fp2OrvFMChUAUbPfhAQ\nm951mD7eS2Evmv0EsMfazjAQ8E5ubReqWL4sh+V2ld3zXSE2AkG8r0frDOa3\n3ysM\r\n=lf3H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495259","@chakra-ui/utils":"0.0.0-pr-202202495259","@chakra-ui/react-env":"0.0.0-pr-202202495259"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202495259_1643018012165_0.636482073550384","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202495536","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3c22291b58613a40926668a692966a54d4aa35b8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202495536.tgz","fileCount":22,"integrity":"sha512-7uhlLELo5KvtmjWBEpLZNyHnFKAlPhXfmUdYccr+TFtaduAfZ5JS+EUwNziXm+CNfHCJiwNEarbL4MJkZvYsdg==","signatures":[{"sig":"MEUCIQCOvYyir356p84RLwG8W0IlSRAscv5jAB/oOS4IAC2ZBgIgJYc3+09998Kq9IL8C0nZSL3/u1HEwbQ352tiC/+PXIA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ne5CRA9TVsSAnZWagAATG8P/jOqk/vK5CkK2Trjvx7S\nVAzB/cG/qcjPfIC1wuwI0+YSdhYBjqxgge8hMZiPgxpfQI9sLW72QuRlF/h5\nIEzbXb1oQLc3RsEMkHr4VxpJQp3xRFzNBeP8U5odcTSdPlmuLeigRkiKGyUJ\nhVE0zcgJ2mcj8N0nZkjnqlGDK42kj3PZ1BPi9T8LsM7QpbYV3vJEvObDYYb0\njTjZHV6K+X9OO8zAW9VGMpRNGNBueX4S7N8IzLiKxshyg+uADKrlrJlngpYT\nbSJ562aVEWUqpV0cxmCsXGB5hI673b4S4lbTi0p5BrkRv5ssZSJvSs+XqW2W\nJO07tTAbkReS5/NrANNl30Bwi7NGs9fBYYEbQ64DuQvONwqVwBWR7M7Xq3rL\nVhZJYzu+Z/ZQKHLbAShXPNouSRt/A91sNzE5qZoIOIm5MShwhWTDvnDN2DZH\nSfVSe2q01GORimRFmuS0i41QQ/8Xj4OLb0M2oECVOrOZr0sqXwg9HG+Ea6nZ\npOdaSv39D2xTyBZbVPUn70CleMq0dom1KABvPH0SfP0W08IAgpNvDaXboFit\nUr3kdNSt97d/nxm37tNcjevn0ScBUfsi7e+TVbmQpvpATmxmb2AKF6PA7sd5\nQkk8RtjqDnliz+dXuOo7EYn/bP8b7FdwfucNmmJ5e8JNR2Mg3mdH4OWGDaVF\nu0qO\r\n=k/xi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495536","@chakra-ui/utils":"0.0.0-pr-202202495536","@chakra-ui/react-env":"0.0.0-pr-202202495536"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202495536_1643018169007_0.8573496036282238","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202495553","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"109b90a2022931923e5429709ab2c8327acd952b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202495553.tgz","fileCount":22,"integrity":"sha512-ZJYHe7XgYj/6DWttBFW3uTlk5FXAZkE03mvu4t5CLqSp9FzSBp1aKeeQG00LRZMRSldFnDL6dKJwjiZbzs4ggw==","signatures":[{"sig":"MEQCIC+0PRIQWhE6L04amaMDikOaZ3z2lK0QD7BhDwnvTjBqAiAX93U5C2DItgcReWMrgXdMiXjTR2tS2NPsn8j/lC3MoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfCCRA9TVsSAnZWagAA2/kQAJ7+YO3q5gSsmB9ZgV6m\n96TTPLuXiem5YdRN5EHZdFwcpcYQjm6BdE7DKb3tQaFQl/ItxkM2gC9mm5DZ\nUFP5jKH4IKxvusfKsxtLFNknKeWWWV7+yonduf8lfJTNPDqXkz/3PlTP196U\n8VzlB5O9HI+RlKdN7xG2wPTzrjoNArUqOhF/mSzM/SfwWwZQtSeU1uhxYDrv\nDMNPZTsfGZOZQ7K7RiA/jOF2v1E0BmZKVUFGGMMTPqST8Uv7JcB1tzYw+mqI\nSp6lMHN9abO/q7Kxx7SnTjbfXt6Kt0vHplLr9PC4lMJJV05unWEZyZ6+09v1\nTCNUB50qN1y46aJpTucQimJf5So0zPruQgT//xN7Oz61+i/ICE/h2thlJn0P\nomSjbDYlI0HaO5yWbG/lc6EQSiaGWUz70dnhMg0cz1f6gbpme39MbUEuuDdc\nLS447l7jGsMHIzPpWGGhPUGH0KvZjBoSC1tY+5hXRggHVfyqwOViStTyHSeV\nOZwEQJ7RNYAMKWOBdCauZsTSK65O4/oIIf26XDSW0jD/VTxiNUb69HBo+5G7\naULSPyiwgZJw3DZc4YrXrxg/0WxSfW/Ai2gzqje2SYvnoEcjFEDRvvrgPAIM\n20gvUgH3AI7DsWMuOVPlqhMwpZ1AUNSFZA8D3UlAAik7bwrIlfJRJ9fK99CS\nUQdY\r\n=jEqZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495553","@chakra-ui/utils":"0.0.0-pr-202202495553","@chakra-ui/react-env":"0.0.0-pr-202202495553"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202495553_1643018178618_0.08993645728452826","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202202495727","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7326b4a1fd7d11cbf0d777edb74b3b775ac6515b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202202495727.tgz","fileCount":22,"integrity":"sha512-WfaFvqVsbwqPVovDScp4PVi/LzJkz6C7goNd6kJmmS4Q4pa3rnwwxZdpiPCmUhm5sg6mDfOT5yIJy2yhQpgoKQ==","signatures":[{"sig":"MEUCIGCPEmVLX0WkXk3QID+yWuNzXeLLjd5VjIF1mDxyIps5AiEAkGPszSR78oykdODwtc5nAaSuzjO4HxvHW51ygJYDIU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nglCRA9TVsSAnZWagAALPcP/iYxqZcVYUiAMI6RXG3x\nYnJI8A6zzdyrEBFGBpB9eNApVcCw/RVAspLLfm5RAGpneCGc32EvxAijhuZQ\ngL6z3kNZJT9R4TXfF5AeW32ukIWfp+GmrDpSrhJ9FX4lztAHtEfoKK7Acs2S\nUL1NmXmWwZgrNhNXWI+0Yx44s0Iz1iSer65GeSKzzIgpw0b5AeEfQLbGTNWL\ncXgkY/rdQw8qrS3GHcZvjtj7BDel2T7IPFY/M1zb0fi+OKre+BDsr+PZdhHj\nzDDVAKyhPHpqyefm5Sd73HzoJ249NBefHHy3JUvQRCA69ETFyyXR2SvsSTg9\nQS35+I/LMDGfnDoNvni78NY8x+8PQJ6BSEUHu6cSgNWiDqN1eXhLsaDySs/t\nuq0NbchNvSnwL5mX/CcXdvuSjSnRjW8CKVUJIIwy86ztHuGVzepXdxvp6pZc\neeMvc8vSE3J8JV9uA9SAIJVolBcGknA/iY8UE35IUrX3w7uIGinpQDn730cv\nGdASLvBThRG/2XXBn9Vty/TjcP8HsH0InW3Wy9py9gwMP4eE/IXt+mqd9YEz\nMhxsNaKMSvQn51fh9WBwrnJOr8vF46REazLEw4z0vZ4jx1z2nZH2HOz3xFnY\nt2TQqRlbbpyPKsSztTfmgyboSl1/YA6bkfw/KH1EN0SLzJP0qUFve+swRTLi\nG+IX\r\n=lcsu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202495727","@chakra-ui/utils":"0.0.0-dev-202202495727","@chakra-ui/react-env":"0.0.0-dev-202202495727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202202495727_1643018277444_0.26873914439356383","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202202410017","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"fd8462dc3396832427350f908e04814b2e0cf923","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202202410017.tgz","fileCount":22,"integrity":"sha512-klGAPlP33K/msUivj3N4VzWEXoxnoVdGZAO+WxefdyDi6WTffVe+9mOiB9vFvByBvJjUNCOJonfGTvKCnO5jCg==","signatures":[{"sig":"MEUCIDOFgkVc+DwJ2VxKf6L2+rDC/TFaszcwnnpzKrwvwsrWAiEA4+RZDP+dEtnTw+CGouDyqBJiYthjkl+wnJ4gw+kajvg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njLCRA9TVsSAnZWagAAXkgP/2PggLkEBqXY9qg+SP5T\nGKpw8aPryZnE6OKgV5Tl/nGZb0sfEXnY+5kCMzMqz7gp+fvd5qg5rBw2GijW\njX+PXs3/jHKCIx09YYfzgRgfD3Xs4Xe07HKincWwuJCq2vViQ6gMgwf38FK8\nuxkdk5rAVzkxPg0yPR85Ys1NnRwxIHxZfLfnCVQAYls3xEftXdybhsFzTE0w\nOOlKhwNXgtX5gL5E8ZPyuD4D4Rd/g56BABCDfc+xUhC37dWTZSm84FYIMHYu\nT8SMqdNW/SNF/UsHfjLgu3zMy2+4HVrW0/uL3Tv0cIkrq1mO26iy2gZGgifC\nEcvKKzJDdy/jR8o6i7hDciHBPjKJ6y4PIcIcurjYnLXxp3OOCoZQkkpIHZog\nYqE+7ulxad6CKa9eUx0AMEMZ6AKIn+LM38oDlyXUOejtbnC2EIJGfeqltUu6\n8OOFf/e+55Hyr9vN+4QDFV1Vj03y+5SYfw7pSWGlxFsSLBvnOkm9b6NhsaW7\nuzEJk0gkeqQ6BCaf6JIRoS+Qt8AtSLdqgpDtymwcl/tdwm0ePCQUne8dmX5C\ndUaUrbpD6tfXXhCS8FC+p96p7zXLCxZ1Ll8kgFiOih5sCHHxmOFXCCXKr98l\nZhRLcJNSAecd0Kn6JoGUcPn1tS8xT4mYOZTT5IkeVqXDX3KbADrBXNZwlHJQ\nPNeo\r\n=48wv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202410017","@chakra-ui/utils":"0.0.0-dev-202202410017","@chakra-ui/react-env":"0.0.0-dev-202202410017"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202202410017_1643018443164_0.32846974375479765","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202410034","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e466c7129eb4a84bf45c81d9e00bc52fd05d4be2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202410034.tgz","fileCount":22,"integrity":"sha512-HYYNdhf1vZokm5S1VCby0lqCPJKjEdF4GBqkkcslikG/k/L1lSbt8ebYC1VAkvNPZIigmQF4XUnP8TVKbGm2Sg==","signatures":[{"sig":"MEQCIAqzE20CTWF3ux8NkPYedryO/PK4OUMNu593ZHDhf/vuAiB76EMzsX3ynTSU964GAE4HqbImFW2P9Pv4sw1uMpVT5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njgCRA9TVsSAnZWagAAknEP/0E8yneEC1o5+Fd6Vy9o\nqmuX4fVzhcJouH465LaYA9zZOCNEwCW66Y0YGPILZIHwFujR3I4gmpcZ/7wo\n2cps0R+9n+E2VfNlYX99vAhFFVM86MbY7LMHhBWLSfk0/aygrlgC1cLqhr2M\n+Tvp2sSxX1lPV0tu3IVjMXPXe4u96PYhQYRHWuCoy1VEDM6Qx7lmZGz7tJWu\n/jG2jbNFNZLcbwBlP4XA+mvrRRWqLziAjMOmCWRaqQXlFyeyxXDcaTke1xlG\nWGP1dRjMCinu/3pv/uoxLZbp4MmjbxYF41+i00zbZrifpxo6gHfRYnZX8wVV\n2DFoGSM3JYmjto7u0fbKTOFvFVZi7axscE9EOmocma6yXa0tt2zFeb1SbIsO\nH8bDidY3rZdQFYHXLF7hPAIwJjaktaBUrrJboL2/btIDJx3kisvkGn6KkzYN\n+neFEF5/oY6voGf9fkck3zkwuGdwsurMJ4htbEMAlUV3lKuVjaDMTB+ZSGsK\nEa3Cws4DtSxdc1re1iIS6bLTENRVzj/SiMEf6h6JyWytps4UWusP1+Ay5QvF\nWRjTH9k0H+buXZjCHR9UDUvM5iX2+ry1JpCtqfalhnF0gb7TcT9/E2PFQSsa\nKx3f86kJ6XdcEbKyoGWedmcVuVZo5wii2zbzIM6EcqqxnTbPPV5Cj2VBjYd6\ncaxp\r\n=U+IR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202410034","@chakra-ui/utils":"0.0.0-pr-202202410034","@chakra-ui/react-env":"0.0.0-pr-202202410034"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202410034_1643018464822_0.004117591475133464","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022024212254","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f9d0f066f4707f656f713a9e098099f8397008cd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022024212254.tgz","fileCount":22,"integrity":"sha512-lUn3XUX9vIyszuh+vmFMeJ8LqbRsMMKyfaSyTP67lTlwVt/oANz/tXNNCA9CPsdHo8vNqo+CfKfTBP6K2Y4G7Q==","signatures":[{"sig":"MEUCIQDN2QJMJqn1toFF2kcO9sNlvVF0DbzRFkOxFwimb//GAAIgX9s6gIm5BLRA+u6gbBdfx8zmkQpRT3a84vteQJY+IuQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjMCRA9TVsSAnZWagAA6tMP/0C3NZQ/yhuD2RIDrPpw\nfsC4AoW3QRUgIsNT2qfCGiOFoRH/QmR5ovy/irBVdjLB5E1W+KL0+hUJVVlv\nOoQvip+H8nHoHIVdD3dyfrr8Ykns6Q0YahU3664in/YqbnPUxyvHer6Q4lpu\nUDQlMeLrLurL3KbWJAWpdtk+l/Dyw9jO6AIgyjnMS+PnvLzy/yfM/nPCrMoJ\nGv8woRmflzbYnPfazyO6PwjQSXNcBQBj3xoN6nTzlfLyDpSQc0/s2OJ2vuW+\nWHjhB6sjTQhf+dCHs6agMN08y1sUjMK9AgJc71MpJ06eKqyGmk4j6LSkYiGB\nLMnaB1xfpj/UoeY0g7qViR28vE9HEQkYCTAkWwG618b5TtZmpcjp80dNgUhE\nvpbkS6jAyGEwj/2hOmPBu4kFZmWZmOaYEjSyPlhHAYwpqyYxiAnrL+PlLUYp\nYgcaZfR904B5zv8D5fEI2aWP2uWinlwQfS9vlsEeLwO7o5xd26Uo0+Is1cGu\nzl7hmhjFAsq/i1uv3f3cqWqHhWKc5SkJ9QIcXK/eZQgYe2lOyza/Xs+1trqc\nCBBz81oUVcYh5YkV+ZO3F3aEHpRAGFbSupgd60ySFgfqjQdDmeAq3vTSad5a\nlMrkA22x85zw8i4JhbAUKgFMDdHXIGb9IAq1u+DiP57tntgLve2mSTQH3TpM\nOFf5\r\n=+8rN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022024212254","@chakra-ui/utils":"0.0.0-pr-2022024212254","@chakra-ui/react-env":"0.0.0-pr-2022024212254"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022024212254_1643059404462_0.8774734552967283","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202423375","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b9d2893d38d99ed451dd590db94e83556c4fa956","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202423375.tgz","fileCount":22,"integrity":"sha512-5slTIkLRyDs2KE8FovYtoXoO8cEF9wWm88IQdKGTyTP/Hm+6Os2k4ngFutKIzJlShk9cD7CJ0vf2IwKzM4ASvA==","signatures":[{"sig":"MEYCIQCDdeLcOdRCjjYmqLYPDK1lNdZL/Z/UtUmm/XV4Ztcu6wIhAI0Jq7392DpJIXWRAOxKrBelREIJPFrMIDxh6xhXZpih","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zg8CRA9TVsSAnZWagAAHvYP/03wPKmDLvgsgznfKrrp\ndRGITzGW3XnHz9UXNLNDy9CvVOn2LOJBE1aPpiaMDu3pTCi9LulhL4QnPmxa\njSvFZZ4Mxy6IRTd2i8mOlSWeMWSyo14g058l9ACrew9M9qzKkIfRMwIGXxym\nxi5uvaxzPsppQnh+bWiFo29qEq9+p++Nf232JCzzW3ESEwgZ/813AK+P8wAt\nV5cxnC2MYJDRoL3rjkkDPZ4DUNHRKGKustXa79W1ddB7xFwC1+bqFwwWzR/Q\nlx4X+p3Typ+/3Bh9rXnKurO8cjuOcWx8ZJ+xlpyT/ZpKX/Y4w7I+jg3424MS\nPBhYZyOvveS/YiltNmf5BICkZXGj3uWH5U9HDvKYMAUkL2uA3gBYgejP+TQb\ngB4+mr+XdjLuZmrwXO35pIE5cZ336tQfJSCRUNkg+eUQB+XeUkRCVxVgoBo5\nYGjlYY2QMl4VkKl+khkZIA8p9mcyMaqnYnpPohkvjoIiWS6L+2YDelHD+pz5\nEqKeHsFkJd+5QLv/npx2CMWlbh6v1vJVl+6z6VnqZNQu/4iHm5NscgppOQIq\nJdMW2HO9sfwF9ABOfbU2aNRmRt5V2T3vjWoNbrjQEVLmkuKnJgkz9IwCPFdc\nBMxRBw/K1l4CPKiR6hlOr4/x9M4ka1gf7C3kvI+usJBsoJCOCNskBfH3LaYA\ncDSy\r\n=Pw4s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202423375","@chakra-ui/utils":"0.0.0-pr-202202423375","@chakra-ui/react-env":"0.0.0-pr-202202423375"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202423375_1643067452710_0.8353557649444998","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022024234531","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8829217ff0843f11bc70a58998f53afe9be1171a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022024234531.tgz","fileCount":22,"integrity":"sha512-+sZ62cEWWmungKhe9rSLxga6lcmQJDxb62wkVx0YBrDEbsa4LVIHo1tFZa/O/2H0O4wC+QVug9CXmGbbO9C8qg==","signatures":[{"sig":"MEQCIDqCs5QH8Gxcfsn1uKTazGqGlH2OZN5nukzM0MHGkKh2AiBGKbxIinPseOXl3ccmAtXa1IAIIGgpkm/pq3UnFBgFiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zo6CRA9TVsSAnZWagAA854P/R/2LWB9x4X9CoaLSQ86\nGiAvZmA474AG0marM1lkFd5UBUpCJ/TTabN6knxe8WrzjhCy7H4Vj4W5ubUE\nGICafPQgs00jMStLCbNEIBqwiWBCnil7R087NXrcM4csc9Gv3EPGzhMZgLwG\nJl4KJi/aCUGgc15U5RdiJd3Wmsw5Q6MuIP2S43pvSqhWqFRNnK2WaCe7eExn\nLE+H5X04xW6gPEbM/33Gm181fx4kU2FGC4gYiRXHehyevkTbeW/LnmVrcQYi\nuyIfUYBGjaDWw5gl8lMktHH3C8pApoESlEMjt99chC2kQwMuJ1ocEcETDbPb\n7ZUUWDRnds9vE/OrYafS9F2CSfHtelbwI/ssx5eAnZuUoFZUM4bJ5VuUyx8c\noTckLCXGS0ovWuCLAhhtFOA4heS8+AwUblNSRuetRjlN8SFwWiDvR9dAVrrL\nxBhMSqrcbrD7YVDHN4wHD5sY4Izj/mNn9wKCXOB+dfVKHF1Ddd8JHLnOLUwi\niNzhLFs+NhKaXsKdEGSndtQ8eaVyHIOhCdyHXWrL+N4ywrn91SRU82N2RcA2\nroO4lFJOv/13EZKrpX9iean8D0oXwLFaQkoqgaaJ2B0c/tl9ncmRl6OIZTi4\nG8++yKi5jwU1b7c3uTxI0FdZ204+i2TjKFg+GThPHpWSQkduhR2s29cfD6zz\n8fhG\r\n=NgXc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022024234531","@chakra-ui/utils":"0.0.0-pr-2022024234531","@chakra-ui/react-env":"0.0.0-pr-2022024234531"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022024234531_1643067961896_0.16949658091722042","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220258423","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e8c2beda0d42fc3f16a23721ce590913018c16c6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220258423.tgz","fileCount":22,"integrity":"sha512-97j6IvHhu420dkRel5XIYJTy9ekunhgiqAGjlKxRiRr+hF4Kjy9S8qHUPvahNgo7zX3JEtAuLBms3MfLwSMvEg==","signatures":[{"sig":"MEYCIQC7wMWvZKRR9MKI+bbQzuEBoh8iYP0tFa1nkfw27EzVCQIhAMhAjt5e6uTyuE+cdw5fUiZc7e/9SAnbkcOokAEkj1hJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77f7CRA9TVsSAnZWagAAEWcQAIJrHcyKWudTHtfvgcgh\nsNNSlE91hdnEPek7dDo0fPvBggMVFx6Ba2gQWhaEIz6eaVEjZ++gctkEdUm+\n680QPVuHdSN+PdWdUy6W9QajOn6kdNDI4W0eYSe7oR37PR5NPpc45fkJlon8\nq/UDNs2wWSBh8/HhdoBlcEDbSilLD20gZVpO0O2UPy39LXE3uhdOjuJC3fuP\nQtk06umwacv4ACu2Efj5EWNJW7bN/knB+nJDcYwozRU7Mk/iGGs6zMtafwOo\nCl3w80TTBn6YC0tfd6VGbMNhrXQrosFxqsg9MH9NhKF+K+Ak+qD6oilMJJJu\nYntIxVWI4kinIVFwRoweFgvCwDK3Qiqt74NUvVavd0ONXwpAji25EPhAo1v3\n8wlxwtaaH/vlFDQYNRdVXCT6PSK1RscVGG7NRNyZkh394NB9xSXuZaW5dOw5\nGdFbgl/aVsud4yye1EmVIRMq6HMavJfxOWlh2W+a7d4yOJJVzQTSVXKSnbeP\nVm5J7mkwjn6WTB56CxiZ5J0c2eUsEWJv2RdVIeEVKgQ4hTgyWNbJNYj+m67Q\n5ARLCMVtNcAPXwgx2hVP5dluoyCjAdmzVmKQyHKZ9VQU65Gw6wayK521Kdtl\njafcjAJ64WvK5Acp2nnTM46CzVnRUFwJfP4WooSXgY6PereBOtlY+MJmLM7V\nh7Lw\r\n=ct/u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220258423","@chakra-ui/utils":"0.0.0-dev-20220258423","@chakra-ui/react-env":"0.0.0-dev-20220258423"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220258423_1643100154974_0.5113702014278112","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202584437","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"56aaac74522addca9ae0f1faa5c9d285612914d9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202584437.tgz","fileCount":22,"integrity":"sha512-sch6+k+7Pn+0C5TZqUE6xXf85ZFSssCuasGKuWLXvJPtwNwh7DfDd9seZfuQRV239CrO8d2KiraBPGN7mu3qDQ==","signatures":[{"sig":"MEYCIQCruyeKb+W3aEzRjxBj09jej+d1jDmP54uJLfmlSe91dQIhAMtCHKhRm6pPUMBH29wosjy6KV01PKHQPHm5Mmdc1nfa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77iUCRA9TVsSAnZWagAAYJMP/0YjgtrHHb3PhqPFk1cB\neM01NrqJjRccshLaaOWyC2MaNy7wxgS/421SkWiQBPVcdJjX4juaXCgABjGc\nAu/XfjGuh64rDzcqoA7ufo0ohDtMM30tjVT9TqbgR59Dd4RvLKqYQd2pxfuP\nwAUEjcC6iNzyskK+KdEoWSadfNigpnihfWgyBngW1LyS/jbfKWD/M0fo2NlW\nXheSfd+jC2JWoEzpIbSvLaSfDQ9BYJJjzyiTiXJG7FWAY27CM5QxCR9Fb6Xl\nK7qjvKKMzw3OGh2EWjbrd7TlxYEA+G9OzpmswuSqQdO8bITKoV1Xvpc/1cLf\nwSFW2VmTq7wYw0WR2N0/4ArIYjLqa7hhy8Jz5FRbNFlEutoEW1+noDIxzvzq\niml0X7wqkUHy+Gg4nDc+yidy5pbbRljRIigiAqoAXMGdjivG0gBzVAUD6xqL\n0oEOANO8gvx4YW5Gg3x9qlhNhWxh+ecIMoKVzAtigS7O7OJyJtn2aRm+W7Xm\nQcjTHF/2dsqb8sVNcc5mwaYJmrkhebk3AwwLYAwfSfE2CjnhCikp9dutcRsw\nrJp6ilY45pClCzNAgfCjDEXMSnyniWu0lkjvIIxoN19YAtXoE7bR4H0aYBAl\nev5u0+ZegJtPHKa+WqCTmMor0xdCyUley5jHTDmc4H8lA75i2llCamQbinZE\n7HYY\r\n=leZA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202584437","@chakra-ui/utils":"0.0.0-pr-202202584437","@chakra-ui/react-env":"0.0.0-pr-202202584437"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202584437_1643100308518_0.081099280392676","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220258462","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4699e17a41b19e9afd074b17e2505c0419146253","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220258462.tgz","fileCount":22,"integrity":"sha512-HKWLl5HOmaHPNebg9CixkFL1QxJ0xgQHs+scaoUcUTauV8yWV+hPu6yrgNEPSbGPDiGk8/lsNFbguJd/P+2aMA==","signatures":[{"sig":"MEUCIQDJc/GSbM7mkduehkZ50q5p2lt6XRCePkx3/3HVs3sgEQIgdb/iBEO/mxr3Ovn7422JpsK4rQvtLs/Zt5v4PwT7HNg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77jlCRA9TVsSAnZWagAA1l8P+gP3ymQaD+2YpZZLZzGI\ntXiW/NF1mWfKtSjOuugeUSt3igsoVfs47LCPtRDPTqT0VHvX4h3WlrKJbIPd\ne4KfvoRn0Ug+ne/5zJvTrWKmRdeL/qnl6BlOP+uM7awljq6s9XQmr2EvtxJf\nF4hgcIosSun0Zgu+MiYy8GYGVW5s7QSymoU9LsfxDiWShv5iOmPfhhXQwh8D\np9q4eEXzuozmi3Ckt7iA734CzWYdewbBteBwk1FAyikM0TS3QwYIc4p46TuE\nym/a4G0IVw61q0VVyTPdreRe8HKVwvsoXsPrm4tjc5JwHcvwWj3DAvHWIe24\nzbNA0wVlSmKYLFHU77/e1QCzeGn/evmg6/KNQUWP0/tLr4ZP5MOMfSlGR489\niq0TnuOWzVPnmZGg9txvH5/TnTrOUBLgUS7h1SLaXCz+Sn5NU1LEyC0NgB6Z\nSDPpL3oER1oQrDel5xVuLgWqiIaHiL9BX7QLztPJp/Vd2PNBcn1plTCUu66R\nzy49EAFZaqh8nbUyMltFUh4aTxtW9hNARJudUYI5kVBWu1DoervimsxLXmyR\noQFQ4z7x7n7NlrZwstvrkKOkPsin3ZUt/mQWeR0F1mCqdX87rMHUtongZJoO\nzcyVsdRSh7jlQxS7pq0goNMDUItbGtN5DnyoEW7h2kKV7tlxoTv3PYgpAPjk\nWXhP\r\n=GH3H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220258462","@chakra-ui/utils":"0.0.0-pr-20220258462","@chakra-ui/react-env":"0.0.0-pr-20220258462"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220258462_1643100389364_0.01172407952170662","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220258486","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"241a1d232d1810b0661b08483e7e130b097c4473","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220258486.tgz","fileCount":22,"integrity":"sha512-lslzreqU3xot/fxdhfVlGg88FOKatdYBaV7oN5bF7QqUHLWSiB813OaS4wzhm1YJ8a6JQXMAXaj9hggXz1ulmg==","signatures":[{"sig":"MEQCIGtBQFV0TrV6iXZc1a7Az24cFl04eZfWu9BcrL27oaw3AiByZ8pIQ3xGzlZh1w/ul79+8fo19ibUkHQDNgyaI70XzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77lmCRA9TVsSAnZWagAA5ZQP/A2jzv8CgjTOe/kOhlSd\nsOkY0YEoBWXNuvdcN2PKLG0qeG3j6DZuYb0zaic7L5CZCkk0cg2QBwW1i78s\n1N9EK4hqYXOg7S/ZcAADurEmNfM323pYte2Csdtx3cU7S7I86DPhPlHf1N4t\nRL9dc0ohsdlQBR6uW8/Nwz5yoK8HAsZ1z1R28iJXRXGHO+dxEBFGrDXSCATv\nsS1L18YQXRTU170qIPZSTWdt3dgA3GL2VlUHJcscaesv3EW1fFnWEneUiANd\nSiLj7dBF1ekK/EPUQI0psGJfjnTFzl+BYBOHapYYwe4A3Ri3haTFA0yMPhe4\nXbBXRPqYhEK7QnNuRXYV26MEe0C+917m0w9C906jTSxbqQJ6AVtgMVYK9POx\nG7KkKC0st2pnnON9PCGjVYJ3uxssdfgJe2UrBfgXF5lzk372BO+5K6ukvaG5\nCSba+2K4LBiEwo3exwbMgMyjJqiMh44DeJNY5Xg2zRxD9iOye5Odf8L9xlg6\nAWmuF67IrwpZMFLCSZtiqnIAVMXLkvEYXbV8b1EiGvtWb2gn+QgayThLBhkd\nUln/u7ODZppRfbBpozMCC/xL6/SR2cB6QDk5ZMi1SgvOatzqJymtKcEldo/N\nBi5WQQIgtGrEpOwlyzi5iZxRdPzET27Qqb9WV5BeCtU71g3Ojg11xSXsZmVj\nbzvq\r\n=cPqO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220258486","@chakra-ui/utils":"0.0.0-dev-20220258486","@chakra-ui/react-env":"0.0.0-dev-20220258486"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220258486_1643100518742_0.38971045425780826","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202202585455","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3e8cc4da30df2dcb2f8eef8a0140dabba74b2c8d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202202585455.tgz","fileCount":22,"integrity":"sha512-VivAJnSZeo8okQZmhv2Wu9AW2X0etdKCTyINoSjxqY1uvy3aD8D/SZa4GY98RZ3rKNtz/kkKTBkoLD8yT4ZDvw==","signatures":[{"sig":"MEUCIQC6+gQFBOqEYlBH1Uxw0DdV1ZN/K/0hB7FHgHriHwXFmgIgIlZwg7ASjRjEH7qoLDnfUCiKq6QZib6JIAwqbzhYkuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77r6CRA9TVsSAnZWagAAdZEP/0Gpz5MX1WsOIWZLUeXj\ncgmyt/7SRsqzHA1ym+HKXlghi4acPy9RrSxYFMNNSXIqo3c3t+WFhm6wIsEO\nyB5CwshNakbEL+Ln1O6WipJ+yQDcX7jhQ1YoeeoYfgRYb4/gFrbL2rgOBFsV\nKyU21KKFtASF+QX/ougRJiMXqsOYeolkzSZmA8CVxcdHCBwEtfEuqYefTT0T\nBR5WmdolJ0R9GxqrFcFGnAnGzCBvh6OXT1jPeN7qqlVXsqMtW+R6lmS5k1Fe\nbwzCp5V/P4FP9tM0naCaGkAXZHMdcYF++FNH81rK9c5mjLg7hM/RiaTklJ3j\nZwJuIPsehTCciKRfjQX61YEDmwwhmesTf44UxKrwhgDH52JMTGXiM0etZXe4\n6ut51FWtuq0GunUnfpX29KvXO5f13UU44r6EiSvhGX62trd47o9kZjNC9Bre\nKvXONWT/c4UmW5fYbMHDI/THqmz+P3wdcpx2jQSAAx9D7R/bEskwKsjw7n/i\neK/2APahSXA+Fve8DPqmK+7UCPywODiCqzYPgyJvWmV2CFqDsNCLaoOiWhN3\nN6aJASCCaLdSvc/aaPiTRQDhCsKCqyokvEiForreY9wLD/glku+iZfK8jqMB\nMmcTlDEbulLuqrIOJ7TdTcWsOFlx49VpIIfkrjFW2HPM3Yo01kTOru+BuT0V\nNzRx\r\n=h1mS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202585455","@chakra-ui/utils":"0.0.0-dev-202202585455","@chakra-ui/react-env":"0.0.0-dev-202202585455"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202202585455_1643100922032_0.8668127073361664","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220259146","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"88e3f0eb539410735154a85d4fcc7e65bfd075d6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220259146.tgz","fileCount":22,"integrity":"sha512-s13sLwguMgmr1AGXob6uAomvWLBLtR7ofqkUGSZDOFpJ+jXpXzJdOezd2nRufCgN0Xsh3Zz9pkMhoMSlFFPcqA==","signatures":[{"sig":"MEQCIDlo6/k1XlYOuUbfKmsxzGBj82Q9amuhU4FVghRVQ2O1AiBqmo5q/GudfrR0DDN6gkhYZ7vT0N8NdUCIjdHs37Dd6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7795CRA9TVsSAnZWagAAxZ4QAJAXq4WZl+orLPJGb+Yl\ngkRXQRCc/E79/n7jheMNImsvNNfG0LhAcDhlynLEaxsZmNHgIGSjCQTK11pg\njX1n0nAWzXTL3kFF7V774hGbkZ9ubGjqKaVLtOfN1UZLQWUxJBcp9QhUQMue\nkgvsYliE0CMKkLZBSheuWsz1VZfODXSZCRCJWJpEaCzEAefIk/z9iKc9WF0p\n9wLYsBh3qHb6+2SyjcIABQceykr3y0VOfjx+FMUUMEWCAid+6y3iG0quCtVn\nikCcHDAMNNdKgE4XTQZc6A/6qqMWMEx5O5Dm8NX2tLtaNx17s/zUufnvmAQg\nWtVcOAC97kE/bcM9vWkq3PASxyi9X2kztDdaznfkbyl98WVRjk517p4ckXh0\nUNVWpHLHOx9TUtHIJtD1SfdydFyKh+D4ES+M+bRCy08i5lVBN2TzTzKSB3Td\nOIB27fdak5I5BlPyOcM0kSSdtq9zVGqpg8l/jxpQyEuHbO6Oaw4oQ55plF3V\nnLdGNMvHIyNJ9pW/DGEHRFGTfhpG665+cDYKqNmahvMHkkLFMg3psCFMBsGh\nEqZ5Vnp7SgYrv2UuKFrDWwmJKiuReha3g+JQx5C1VBqUQ3McQrsNa+1SqVyA\ngBZXHrU3syr36xb0g4mefFiDVxPu1FQk1NLguK+VHgiHusrPbJQ1o1FQETDo\n4atE\r\n=fKnf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220259146","@chakra-ui/utils":"0.0.0-pr-20220259146","@chakra-ui/react-env":"0.0.0-pr-20220259146"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220259146_1643102072978_0.267714915690465","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202202591453","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"44c8a2e75adb1b408fb75b6a62acfa8ddc1a5301","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202202591453.tgz","fileCount":22,"integrity":"sha512-w7A3s6VQtyDZ2zQp1yaFxrhzckUTNfrO4Pg9x9RANolIEDd6IHnODF95k/ApoZ9yp/eDXfxOJKACZRgM3FvYDQ==","signatures":[{"sig":"MEQCIDoeEo0hSF/x4ntnNJZ0CSBUclrm7W/G9Ok+YxWHnSu0AiAhzNGbGaXuiNzQvNF3A+T3fGcXm9jgLoUJ/YpzZS4Xdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+nCRA9TVsSAnZWagAAragP/2A5BouVOzh4GOS4Q+MR\nLXWNvhxjtn19zVXlWZStjFtuYYkY7Rn1Co5xntNL4/bGswgqRZZApwIi23ML\nX+hdk5gnAH7eqhy0C3edNJxtWd7Mdr3EwuT7KOntIm2mIqhpHQN0Il1IEE7G\nYsAby1djOPKrHWom2Cao22ko6TvzNpe+symtR0tmL7ruX3478poMLcNY40zF\nLeI7HP+VnQ6+BKrRkuD8kpnsDSSvBFSFPKe73qDnDqbPQeUyIjP10Ysrucq4\ntiHuyznebC7iGen5YaTWTZNXCxPgIlxd07DjB00t8d7FAOQkdX+PdXY18bCh\n2fA8n1KfFGFehX8NwPuA8KdCv/7YS28Dm5O3hOGwS0k287zsv+GQlOSvnqU4\nJEk1u3wMhYdNa+pfcrtQ8N2UAQdQlT6NIQIu0S/FR+yw70+kb7EvU3cF+gIn\nz4KOK7OxNTP5e//6cGhhqsK1s2KhKaPg6QZ3JDxg0vBqBqFVxLMAXGOVcKWc\nefPB75C/zQTknbo+elkRsgsJXqp9Indbek8XJ5Xlv6DYHr0DU5BiLEGcs5qt\nmjluJ8hcrHyR0qY8CwIHI4Jl403vJ3z+aM8Wa3NuMN3KMLTgVD8/HaJsquOz\nLZRbnpIEpCYgY/i4Beqj7f25CjcrP6up5bYHeZPHkd5Hntz3tICsmXji3lGj\nytli\r\n=wuUG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202591453","@chakra-ui/utils":"0.0.0-dev-202202591453","@chakra-ui/react-env":"0.0.0-dev-202202591453"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202202591453_1643102119503_0.11379091587800128","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202202591937","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6ec471bb4b8074a6f0165e094839b3a454f53a84","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202202591937.tgz","fileCount":22,"integrity":"sha512-aXB6A75kmU2TV9gC2fPG11krntnj85C2mTtRohr+xGI2lZnOcceJr1BDx/eXFR08dA9utwn+htzc1rQlVhOs5g==","signatures":[{"sig":"MEYCIQDT+RymrwebBcd4a94b/TCCYJYNvyyEbLiXUAOyjSzamgIhANNjb/yZ0XoODrI4e2F24PLxSs/eFt2mNzLwyCge3rPS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DGCRA9TVsSAnZWagAAM0MP+QHHyLhiqBrqwXgaolBM\nd2ZCXyUZVrHoLGBavgoO3yygvMYjlqdKC4ktUCdTNqt1ak4A/hcC2jfRhYxL\n4rFYTo9j3fpKyhh+RnUY8cv2zzFVTMNVzETSE1voNs2goepoZM7Sfa+dG6l7\nNUDzHI+pFUQj6CrfOqcP83ai+2kTG8xQPO69Qyq9oP1e9rttYL98DmkbCiqp\nKpvY47WWzPR6X7LDRkixN/t/Cp3j1kPQjkKG86H8AwJPG3XEH9vABF4ZT27b\nLhW1waai8iN5f9+qmbZN10/ycFGlaokTREcH2UAGVSxePzabT6ka4MbE2GXF\n6gXE6PI9+zMN9Sl09PvU0QslRkLtDYC3IO0XJJdMFzkYvG5/H+azl2YIzLhd\n27FHM5KHc/DPclQV7ExmMcW91ln72l31Y3SD1hv87yi9ffFM1UODXK1Y8EiE\nQqiAgE26BfPWWvxwsBoBk6GZZgAccqw1XrUz5pPl/F5v61SuTmeFvGMIjoqb\nnxhAu+7wDoYv9MYPnb9I4w3Kx5lQtyAbL8xG7Tmr06Uc9C3CdEVyOUZC2ttg\nS/dgQq/bKL2o168QavaqItvb1J2QQHC1gdhmC2jDvHKKT59wtTQFRf8UQyhC\nA7FG1kXUL9RgPH1VAP7XzH/SZ48rrPlx03QhIarIFGFj+XvMo4Xt5bapzU0V\nrM3O\r\n=n3Px\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202591937","@chakra-ui/utils":"0.0.0-dev-202202591937","@chakra-ui/react-env":"0.0.0-dev-202202591937"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202202591937_1643102406542_0.4852439207096855","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202202592640","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7f5ea9435d34df5d6b58a2cfd959d4c4d0e1c3b9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202202592640.tgz","fileCount":22,"integrity":"sha512-VQDZ5NBXYsbcTjIC+2ChtBnPjR5mmPuKW56x3UmCFpLc2bywSGhhX8MF67qmK+hXc17s8808jgl591zqfmX1ZQ==","signatures":[{"sig":"MEYCIQCQbAaWN89iMgy/53vVrW3VYB2hl2gWtY8OBMWgtPJ2dQIhALWtCrN5Q9VZE119DNBot7Of29sRanHwySLhT7dhhRYp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78JwCRA9TVsSAnZWagAAqx4QAJhJc5Zb4TkAK2619AfJ\nyDbbcmCOBjPuILxirikkaGWj3xBBm4Flomg65RCWTWycBCG0ylXzUF0CNOBS\n36FyNLd8KqfqjOlfn4C5psa+mVPCcGT3fTfJNTqrzBClp2GfHZ1kzS7rWwgU\nwQXd7DpiMhv8sb9T+SKgFwLSszyd7Lpx/BdT5trLxEQvBYObf9vsGr1su5qi\neXsONs5v7U8kHxqcGlipvcUh7tNyGjPu+PPhsLPGkaKcX3g2NxVHhG7LY3bD\nGEWvka/uBX3IVgqh3azmdF/utIp5cJOfrmbzBvQ6qP4oBmPkmr46hc4Cs3kV\nSDhhk6FA58IaiwK0z2SDTubS/+odnta++BmvSrh1RTHDFwmfTQsc0DjwMt7I\nz2Hsg3kfac45be8L7x/X4nTd0SNZBbrqvaBVlawuGuTr3eWa9pCssD3WF9tH\nv9IRj9kQ+1T0Jpg0ZE5dLbmCtDHMBX4FrcKqtCCDKoTa8DnN5U8qo5F7Zo8v\nnKARaday5dIZFRDE2x7KhnLo4BzzyFFU7TjT/gVpoDxvr5PP5rNwXrt0+c6b\nf9NBjl9lu93CI8qG4kvCKJ8EvSony3CLt+g5yvD3er9DeOudl2KX9EKb1rYL\nitOfTz29YZBY0Rb5FVvvc8/Qjx66ZVSrWaqUG5Td4R4sD0e+DQlA7uR+kEjF\nwLyi\r\n=LGbM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202592640","@chakra-ui/utils":"0.0.0-dev-202202592640","@chakra-ui/react-env":"0.0.0-dev-202202592640"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202202592640_1643102832087_0.43659238542752465","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20220251866","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"66a0c5aa5563ac976473c9c744553ad4c69d7e37","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20220251866.tgz","fileCount":22,"integrity":"sha512-OR5qBNb9+AFYlvHLP1I9TW/Npbzg68cTwI3edQxPuC199elpSahJo9T1XomQAKWsk0zi//qX1HC4WsqLVWt+Eg==","signatures":[{"sig":"MEUCIB4Q5tkubDEO3ht2v6Wpshs4DeiklKlR2rhnbFvu1EKeAiEA+ef/pRUuT+UlAI+1hkAliuG6Yaid/gnkgXjqEN5VjWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DwqCRA9TVsSAnZWagAAgVMP/0cYDNihFAS344x25kI5\nr/HqcQ6708pZvHbGTPvA6bcCzD+9PELVPxaBad5D/Vs54cVFw/O6XclyQNsM\nniyt+izvE8y/abOuA+wYmtxAmABMTm4J716CMvBCDn+YGUhjXKXzvyWRN9yg\n9NcuXgVUxcu4YUqUX6ANJITYsvKVtt2rjlx3/ErFW9Xrf6aT9bJON2B92Rqz\nj/Go69nZcrcMYA68PsAyYK09Ak3OAlYzXSZbW3WZdq/qL2G/u+Sk5ncKpBjD\nGdqJw7IsW93s+lcVvmyDWvAdMK+Mc9HOaacxJHw5dsmGeVB7il7vemrosAWy\nGF37eyz+XOU8YLlaL9RI9USUUZlcwrfaI6NJS5rfqzuHFe7vfGHNq/0avd7M\nOHSmvYA+OooAusja/Z0u+zVPJ22pJuoGKV7Ke3+0HUa67Joql1e4HQ1qLHNf\nVYfwjs6YXEJ9u14tdyZoPr/yfAo+N5WrYQiNusssJUMKeF99RmbMSGCKTU3O\nAIF0a4oWN/losVIn44KW/nv275aRoBoSgeHK0id25hAFBvfvbrkEFATdFKIP\ndP9OSAUl64Z8aj/BLELU5/B8lh2MRyaMe0p92//MiPLmIVN4zHST9P9Ma0oy\n1+RtPszXBAl7dtbgnpRGWR1KBIq8x4oDsVdV/ag/Nsa137G+gHzmvzgsiukf\nzSVX\r\n=k9aU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220251866","@chakra-ui/utils":"0.0.0-pr-20220251866","@chakra-ui/react-env":"0.0.0-pr-20220251866"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20220251866_1643133993910_0.034775617777468515","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/color-mode","version":"1.4.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.4.0","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":"7d388483102a01593422820576708194da979323","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.0.tgz","fileCount":22,"integrity":"sha512-S+lV0v6bf9bNrHcCrtqy8B4CJBwFw65Cxlw0gKTPZ1mZgRlatpHpkrPxCYB83ulX4BJTn0zfHD758o88LnO6Xw==","signatures":[{"sig":"MEUCIQDamckSo5AdYES5RtLsXmFUTjNA/iHXA4KjOldReMHxswIgeHL0n87nOnaTPpV6ZBbQtcksgvgZx5MVgvMccAS3qFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxQCRA9TVsSAnZWagAAjL4P/iJQa+Z/jpieamyh7mc6\nFxFW4lzLF+QDGXF4v4JdMh7C+ObNCGVB4wIE5yAn+tg7wJmduYRn1ERPXjr9\nPTq5TD6e0n2ehk6I+YhNYW4o1VpqpVHq2sI5G551bmUErjEu3RXLwZHGIzSC\nwv07TBZRWePgL9pvDYTQnyvJcQctjamauOaVKmFkkChj2XSHNQGOdvFpCprG\n2yymsk0aBZ25sD2hrmZ2vL3cvDIO/gpiVYxgi1KXxrhhNHNK1KcRoQH2+f8I\npHexkaZ2K5LrtXaXdb16A48d1WovqUsCx7yvd4STV/CMBIiXscmaYRNcPy66\nUZxQsPeuGhxC96ZUFycEoeaG/8Py6xNCsKUYYnowYu3Typ5R8Wuj0o0Nn/bw\nNBTF7aHhhu/KDELGnj8dqiM1A5n/vIa9C+AdxldkShc/Fn0Fc2t/Me9oHDwG\n1Umx8UsYTaobfl93KSYEKg00POHJBhC9/paKrowm4JvIDtn7JsSaYHeX5MNy\ncaQ6+Cl2wS/AXk9gLfmj8rMdrzh0DvkpUL40CvtjkMcd3dWnjVCMR2hl7i3r\nQ28kbp7p5IdpykStrbw8nagoVZWFfOy/DJ9QIcQ5MGwFmJnbYmOisoXKWWil\nc5l19UlhBAM4am6NPgGNGgxmJytF8284Cy5d711hDnOWr6ihyMebkfs289S9\nyj7J\r\n=eD6m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/react-env":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.0_1643134032596_0.2350926333992629","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022026181758","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4fcdde580c5e14873fc3c24799afa5cd6a30b633","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022026181758.tgz","fileCount":22,"integrity":"sha512-J+4RDKPFwdlW7HMMpfUyp2oeIg/Q1vyc+XV4kAVDtSvKARbaPqpzrJ+LNA9Gbad+LmsAYXTcL3iv6Y+zC2wnUg==","signatures":[{"sig":"MEQCIH/PJvNQKPkRI3ptk7x1IlCq8gmi3vhxCUOaMvifgiXGAiANovfaIL6xozCj73uzTD4zLqUV9ICsIZXSa7af/oSh5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59226,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZBxCRA9TVsSAnZWagAAjb8P/2/YjgcqTtcM5KX1NGPI\nG9p1sROcTjQYRuBRhHx+taI4s9S+xSYxdYxyerDstZPdSiO56kqqpj/1KeYb\nNlwAhIrIiz8/rkMKqnPtCijV4b7+Y0XsF1o5X8W9/vKS6b59RAzmh8QIWsOs\nGGSKzXr3REjzPmqlMpM0KR3qsbCi8cBtfSGzFksOAASxQpwd1UNVvbksnikX\nv2s2tNsK/OR/qerqlzZhaJV0a/WzZ1Sq3uCnYUga3zgKt36oaPENKRzL1Lez\ncqVE5CmjgQocrN9JQ4wT4hQjDeXyPd5jl62GYq4POZzkdTR5PqF1dUTEww5d\nFPABJ0oRJq1/496yEb9M4SLT6lbh38j2J3BQ27CIzohFJgJw9dvz9Z4ebP6v\n42dGsTEcOv0yzJrzrcbMZEs5y9K7ZCAtruNuiadWEZkGfwZjn9rdjqgByTqm\n/cd++CX7rYbEihXZC7GicFadv/BpFaMP7Rl290LLOtuqp/9RT34mjya28dcH\nUnpESTQB8ewwxIaTplQlCFoPZ5HsGV3alLYy2vGprT/Oa+hVZZSGi4OHmXEZ\n6PG2nvIiscDkBrsUUkSIHw5tcRb8L7e2w6x2VCSOgXH8PPGMLu9/0X1nkeSF\nH58dQraFVR4NOa2atUMyFDdqiTvekytYSlR/JKUXzdSS/kuIDCoCbBc/nqxU\nlZFi\r\n=0HZV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/react-env":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022026181758_1643221105452_0.5453515784645595","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022026182926","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2ddb9a808305853627415f673c3e92cd6b087f3c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022026182926.tgz","fileCount":22,"integrity":"sha512-UdwdY1p5fy4WfSBV5y7fO6sn4y6kUzyzGY36k7yUNYzFp5ys5mrMZ0F4+sDj3paVuAXiUUPe5GHnKZ8MRUStxg==","signatures":[{"sig":"MEQCIDFIHzygJkUVdRbwwRE10yrXFjBLFRpdaJom4Aza3goMAiBvIvb7y/wCxQ8V3ki3XcVo0qckwfzPU96Hbtjon6w2hA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59226,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMaCRA9TVsSAnZWagAA/UQP/R/oiJjokI0xuAofQfFm\nb2clFWVkrA6FjwuuTlQ7jEaWrrabmicDLqOPMrTRUNB5JJaaVQbBQV+voRXJ\nK+g/ZWAzH1mTJPrfp+alDJ9/oihvhsfIfIef+ZJ6ROqc+unAU3z3Ylj+yr2U\now3Q12+4JeRGOU91RVdhoAKsHNQtKOYBZ1t3oi7mhZjVaSXIwzWfn+DDgRvm\nIJU2kDesO/g1doxMTBooUnxUxUd1kyoVfk3oeOFTn8orH805VlBpCfH162+r\nFMcYaf/VJzJxhX5sOT848l8P90gFpk4YT/92VBtWCr6ftpSFh3KjDKCk8LGq\nqlOWxxfKJUM8v+KZq/xjwh5hLCGlTYvP/J7m64GNmyxw7Ls06DV3g97NqJDO\nSvj7MPOmEbEg0MeAKSitRPHvRsaIrLTb7ojSdMcXIOdEUHgJNeAJyWsneRa4\ni4+dbYoMGKFhSu72kdXx0vPs0OaxrtHjlGEdqS/5PwBsQovhBBZREYi3FThd\nLlsKdgFwJkx7m9J8xo/VJzrA2bIy1ldGQm/V3LlIdF70C8T4sL4J6YWeeeDt\nWnGskoMR3xHE9Dil/JEeuSSWOipfh4JyLA/85BWhJpOChMyOyRGFd3JY6+Nf\n+/jQXpgenmHU9TTpttcCqrVPw5vYsCgNJI0fIqGQHH6JV7R0q+5vQFQbm6jZ\nG8Fd\r\n=srxe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/react-env":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022026182926_1643221786299_0.55182085857249","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022026182947","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4e5884bc4dbf9b794df95f462baa3b55e65be248","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022026182947.tgz","fileCount":22,"integrity":"sha512-L1VUuxl5OmdZ07M+5Z2Ux5+EHbkIt52BA6luEBY/cO45KnRy4/PCWDNzkHYPXlYbPwUSr96b38XxHNzcTQ69fg==","signatures":[{"sig":"MEUCIF5cakXottWPjnAoQS54+ljJSRz+1AJBwvCcbBRTS5BVAiEAwiXG2aoxWwObD9fdoCCdtMandU4TQZbs9gJV7eV7Omc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59227,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMwCRA9TVsSAnZWagAAIqoP/iiqVoA0lnh29t/716Hu\ni5H3uhFVTweJjztiBvHwaRQmct8C4Y2wOzL1eHd49Uf+yceYAcrQ0ZQecfPm\nNGapFoF61pid39ZdTZI09C6A56fynOriTA5znnXMjTHHp+RzNxQIp7r8tbqb\nojwY5+SB73jwYiwBoFpkXwn0StGQQPe79Uw/bW8DVI4OHxuhQ58axjJcP5RQ\nT2Bv8i1yCPl/jmR1UZ5nJQd0WVSqFaJKA//dbR3v6tNgUKdknub+MKNSQIK7\nhdfOJ9I+lIC3rZolS/IcYNP2vVQ/Y5PTPFZH/aFEva/SgArCMuxNMgO+ojgH\nYIc9I+LvW1HlMpidLn2/3HwggGskm22i8lFX6KjDNL8QBuPeyzIqZMATlFvt\nTp5gRJwkPVBpO+aCnJTtwieeYMzwX8eKiPcGh4hAN/hwrGB23E3YI9jwmxm0\nmcSkTwCPiFDpibX+EVxUgwZyuBAZUwLeuHEbiid0dfDOYCvH3JoCdnPEyeVe\nmZ+l8wAbKXB49DiZB6kDhJdkhpDxyh6Q4Vyxn7rvWZzPnBdHxbc95e5NcJ5i\ng9twtUNh3Gyv0OwFYtw1axFx332wWCUrLKk9o9cSGrfGN6DLHUF/UPOX7BSV\nMBsVm0mv3q/061AKEPMbGKL3fcMXMxG3KDYQKZT1QtKrF6Uroz5/pJKQip2S\nmC/0\r\n=b3Tv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/react-env":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022026182947_1643221808196_0.6573677640406332","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202202618407","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"430da9052ffd3b89703fee3e1ba77a65406db1af","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202202618407.tgz","fileCount":22,"integrity":"sha512-XHmqRrheVzKFwPFDWEBU9T1CazwDgMAxQM79up2MHNI9dJSjaUoGfcTAPz+biAQa4QiLnx+wDQjVZJYwnEKvNQ==","signatures":[{"sig":"MEUCIQDu8hu+pLKEhRRFkawD1Cv2lr0Ppnzi8NVgw8FUoLIyYQIgbKMGa7rZmnsvGH7DL6vUfRGkTFoLwV9JMBFP7HVXtW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWbCRA9TVsSAnZWagAAfhoQAI2BAOOf0dDdIYm7dt6C\nOxlxFwdO0p9YhxMfuPkB1dVMzkhqFYLGOROV3S2yVOv4l0zumMwYHLSkzuif\nFD1cxhixNkJ0C8neVDo+FsturgBt4JvuEIrkfCecJXoEf1XaBBk91M4NCtYR\n3nFEGlYpCCkIJ0ebeR8XeQWDhCk5qt6Kx4WRRuqIKpPRzdmocB3BpC6btjzO\nmb5ov9wqUzYF9dzdbbowk8M0xhHvEpomyARm344rWHycGq1jrNcoQI5HoU7Y\ngnaEfa+mpGO/4xYgMDqcWMSj6d9Kin43izuygM38LBgxwEOI1BYOgh6Dueeg\nrwmqhvCcQdWVct/9ZXpnNeqVpvJ9VPbhkvENIQOTXWwocHwf/HwakXbgQmy/\nlaDMoWb7LV7tr6ANuaEb7zYphnwQH+4XV1wll96szfJBBjpKpiDhAbAmrfrp\nwkJ5MsXBTYp0QOUtE200VHtV32HHG/hVPtOgbDZuKPX0pKmmWrY25dPnyCRk\nwF42Bk5m5KGAbH+NH4lpy+11PbBn9fMv6GHzcDvtU063bSmNtzKA1iCQoQMX\nOHHv20jLokiAo0uudlKIFkV8TPb+HYvLbWKjDTfLgxa5LcpRREc3hYJg77K4\n+/HT9nZlEMXQPDRI0rCeonBy2Z8tTeDW4vMUT/jGLuP+wAOZJjuKooUT4tfI\nV9df\r\n=LWkz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/react-env":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202202618407_1643222427136_0.257453662195793","host":"s3://npm-registry-packages"}},"1.4.1":{"name":"@chakra-ui/color-mode","version":"1.4.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.4.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":"05ce58eff9972dfd6bf4b79fc1cda8ef9407a15b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.1.tgz","fileCount":22,"integrity":"sha512-aj9PqYncJ+qceaf0s12Aj81pr7uqUyU6/DLWJQI7tiCv4n7P5SO6wMIJ1794ULJFZ+Vq7Ik9eoqK7H60Qbr90w==","signatures":[{"sig":"MEYCIQCsrNTvOpF5DH631Kh5KMSxcKQ2jnlDOwAHi25XbHZHogIhAPNmOhY8gvz3KXlB1ZrslqccN8YNFC7aXdO8MclG5FKa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZdECRA9TVsSAnZWagAAvjUP/jjQA+fhwjrgDWiTSsKX\npDMHOVaaibvj589fBt7bReA4U7k2NCM4ego+hMS/R3oGJ0GcCdxfSTD/Hs91\nQyIA1KnvpKQ4Nywf95XMbOFQbKYTPlNe7SPo5jmWq6qJU27T+1bNmrUUFab4\nSvDfLAZYmbDlp8bf2ipoJc4B8VrSfutUd9hqzNYRCWvRHB/4P2phCujHREbn\nGrloN/VTmTRVv2rQzxHZxbaNzfAM9ns1hwC8frzzaO5cEXyNunT12pNE0G3p\nKR/m6Kgs43yHUOU35FObv1EoajHgekAMpKDjHfVfm4UFCbrxbTTs/wcS3rQ4\nKJjAEurURwG66Ut4/ig1PFSiDRLtWUYtcFdrFmtyD52/7TjEch2aPnK6N7oS\nUA059XRNoIIwUajkYxmXBFxsoFx72M+GTdZzPnK5thZ0oqKRFqTfFGlEO+0N\nR1ShrV8idkLqReRoBzMwFlzIVQ/9PSwxEKmNPRmuQpamW7MKRldHEvXGUO1S\nTJvO9J/p4RNcmrD9QkLiW30XHpM8swX6C2NLturywDr+1I+zmq6KFw3oPZmi\nOyHitQ9hm+AAvwNxssI5pIvyCcDISlC8Q0mXyOD4O+dSXWfvSQE6hpNmEfyb\nECW//Wrs/B5bB5C5agoUyEkaHNFj/0/Jxgyxs8Nx+wxmP+LPjtxyUyjgd864\nUFZ9\r\n=W6n0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"8b1b0d24d22441e391a9b26f5f7b87abd9622aad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/react-env":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.1_1643222851848_0.33058507783603774","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221173648","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ea4c5283187ba036e727a8439a53cfbf5ec8bc6d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221173648.tgz","fileCount":22,"integrity":"sha512-eZWGPM+HqKc/6wqQWH8hd9/qL9nsCtAnLmYaA68logvUNOIQiiIWliggxnDrlqMAXhqkVoHSzmVlPyqbgXLurg==","signatures":[{"sig":"MEUCIQCKgIMy3Cy8x3wvIacIadUx3Oj4I4PqDPiUX8kf+cA9CAIgEMha87HLmlcU8PM37/CpPdtpbRAEyRv2+Q0XB6ZZ7EE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OMrCRA9TVsSAnZWagAAlFMQAIhoJSilhRw+72rhDXFh\nyHhqoodiWpiM+bxFnh99IkHxiM1PHFsdCsqA8FI50AvfS/SUHJxAphOgAfHd\nughoj1lphKWFxwbZJh46Zzr2BP+YyUfhnIXJvU+tjIoEAJ6RGXszPUButtTy\nNo+3U/sTU99HR33PA/3epO5n2YaBpA/5vq6HSbIvzdu7AUmI3Zw1FcjROrVz\n69Xmb0kpaFItk535MeIpu7NpPNR++7KEJ0GRt8Mzie83ifCMilpnKcl4LAJt\ncCFqVqiOL5EqM2Js+Fv9Rc9zE+VwT39uLy6Ku6rlKYrmkzuLEFbgiq0dy0oo\nLNI2vZ7opPy42kFZkbc7pW5OIc7LO/jvZetC+NwatQ0FzqhHzK84a4Qks8f7\nd9bK04Uj4Ie7yKq9n6wU8p5cOTzkEwl4pvaehIH6auuKUPu2agd/OK4J9tAR\n34QluKo5P5+JGBkKRGKxauIVYSYi+DNUfILF5M89mlFZO9bzV+1RxZ7Hk8po\neUquzKY2GQUloytIcQN49AJGyVH7PwZ4IiDFtjeR1JQnn80H6v71hHFS1Xdt\nTrLqv2+kRuXQ7OHpjg5Erv8TzH6JVJ3BM3kSo7ioGnEMPob6EvR7QRwVkXx2\nIePxUuVZPz9b690pHoOaOliBoz/y3wW1kbyYVAMze/MULe8k4H6lqN3jeWhl\n3H5s\r\n=p2Ik\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221173648","@chakra-ui/utils":"0.0.0-pr-20221173648","@chakra-ui/react-env":"0.0.0-pr-20221173648"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221173648_1643701035321_0.09346872162287534","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221263638","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a400a9a9f89e9821040e72ad2382c2ce0273a845","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221263638.tgz","fileCount":22,"integrity":"sha512-6Ljm4Jvk/9N5CDMK6na2+4oxYdQklpy6lNkvOoWfkBHExdGwNK+jlNU8ecYSSJ3xOqdQQwb0Cq5+862WrafZfw==","signatures":[{"sig":"MEYCIQDa1LIfn2LzHcYzlb9eMMYJ4oQAUFWsfBgnM1fbtQEV/gIhANFxCVjWYJz229g6px9mQI/HiyAJZX+A10khTuv1a6Fz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iaUCRA9TVsSAnZWagAAqVAP/36BWC8uYSYxN+w3gsJM\nXyQ6e6+TGcgkssD98kWjmO+iM1bVLXA+SQhG1ra6trQijlgBT9QUU0k6xpr4\nWSLPoBB9hAohKN/aI9O66cSNkvx2qeraAfFZAOk1ME8arxoJ5Lg5cdxx8Wv2\n+6ItAxs6ENS0gvXS8IuDoTApzMYBZJqdTk/a+FtkhY+ZI391yaZSFxFrxdmo\n4jE5+87SXY62wK+2sARL7gTqe8OO4/GWrMJRBgcDpXj8L296qNBUKmFM5PLB\nXoI1MvU51RX8bbTCme7RNi4UgISQEcEWW/YAyzSAmdgIiwF9RaBSoWy0UFoY\nfEoQg0lCHzifa73Z6azXpf7lKhnpP+BlR2ZRV1htgxGsucfm7EFvmp10yP+7\n5II6HKkrlblh5mBc17elkXZ3IdaG5RQew1740jDYgQaGEhamQJwk8KSJPJ4D\n6sZ2s2OxqRO9ZSNQHC/BSvfzbklHRDZu2CW6auz1aru/QjZ5GbMfDWVgsv7U\nVpcgogsr5jMAPpK+c2fxlI+dSKKdlTg1oy1naE9yXro/D2Xr1PLzySSQCJIM\nlV9RQNGr6WsLxSIugWswyqVF+trxWFaoJy80bw7tq+Yb4AzeIz7PbTnetcX0\navrW2an9ggvzeXEbLnMR5re113814PGVAa2XaePKK5mTcpiQR82MQRGcXN7A\nUuQt\r\n=NZX9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221263638","@chakra-ui/utils":"0.0.0-pr-20221263638","@chakra-ui/react-env":"0.0.0-pr-20221263638"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221263638_1643783828574_0.4888528956810094","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221263715","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a30bd4e111f79e970264661a1bb8cd4060beffd5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221263715.tgz","fileCount":22,"integrity":"sha512-3Jmj2iEELJqWmrJFFpizIPn8h7IVZo/97guyQOXKeLijlb0aksJgxvRmCEbtrXge+qn6M/as9t12ckuF0MF2Vg==","signatures":[{"sig":"MEUCIAoq8Q1S/gM0i11I+EgExjuHI4upbq6YLlV+hqWnNMMLAiEAp2AvTCk1k3hGlXi1ZYvqvKOrbQj8VhnsEkgy3cbXf+w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ia0CRA9TVsSAnZWagAAT9AQAJsRuSpWrKkxOhxaatdN\ndgeLb2V/6r8Nh5SESFe85BUKY1tR6JxfCzaQsWrHpPE23LjjS3B2iAHTtftm\ntOFV0HyJp+e5viwoYK5SkDSdR4nxJ79Al8xnY/cArMQJhwsvN3NIVdj4KND2\nGnHdIR/Nudw7MkP+pgJco/5GQ9H85I0xHC0wPL/PH0ErGPqsvxVbQzpi/dTL\nOgMG343pKKolfVPv1jG60P/g1ehbsLMO2WiPEEQM3nQLvhoc6hnXaws97eOZ\nDgvGYp4O+l0kYuDk5ksRlIPzwFOB5Ey0/8/VB5p5yTw8EKSaY/+dQSRJBjn7\nmjq4kfI8/Fk39D7NwHyfbR+3Lr/dk7LzXEvXrCkoCIMUcE8xVPA1uimiVBhi\namYE9mhjgX2NQnhw7vuAIUhbcKUND5lzVlR8z76KRPSX7kHEnKnO3TnvyG8v\n5C1V5B4n3ah4Mg0soXjTwB5j8bGkNXpEpp3j9YUw8B2QFGvtOQM6x1UCJ957\nEmaHdu1XaUrAvxRhVV2aAdCOIo1ZS+83Qxwbsnr4pghK5gY8YEKLL8Zz4NSb\nE8oP7mFvbt8yuAw6cmNXVia+qqhaaE591Sk8mZEuypAxWjJ1On/JBdzplfAb\nyI3mfjIoZiz2o2fJ7I5qu6WNHhE1aPhY9LtEtExuonNPmjLKCsJjngaBUxlD\nyoCE\r\n=Hw+Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221263715","@chakra-ui/utils":"0.0.0-pr-20221263715","@chakra-ui/react-env":"0.0.0-pr-20221263715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221263715_1643783860527_0.1172209262254067","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221272130","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0b2cf0bebd597c5e3c74328b1decb97ce5da7e25","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221272130.tgz","fileCount":22,"integrity":"sha512-J6MxzJh+rV0Gj0Ox4XCKIIvmvbpLkbqIwmARtCjx9O3GY71fRFRio8YbVx+k0t1sZzJsLCaFtb75kuUBuxOoVg==","signatures":[{"sig":"MEYCIQDtTQARGT7CVEQbADpcLMCv0O//na7NM7pGDL8JE2KW7gIhAIpA3n+qDN01Qj9fSFLFku5Ecdujwb7+8SQJTSgDWm9/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jEVCRA9TVsSAnZWagAAOyIP/iBnSiTlSBbYqyLqf3Kn\nSsw+nWFOW7vrO9PjZdFk3tB8FKZ14ejettx5NgDBrKJAr0Zz4/Bc13XANfLB\nOsAZW1DMDMn5QOfUZD9oFicGwJJU4DGBFO+rUyITu1g0ie0grSD22mczcb/l\ns9rV5ZOYEJCunCMfUSzBCQ56GriBQlfzPGS/r2VdJnT0tYOhP3XKg67FoWHH\ncO8w9oLygaLkTyZpXSVIkRZESCSDXWKE66LJCCx2Ctea3u66nq+Q1OKttPmO\nITdrtnCtNkqi4s7/dZ9QwSTvb+rQ9lVXqDlTs9+XnHp5gPYRYLfSA9t/CB9S\n1rU2dVthYSd4ZczMcUfoHBE3XWgfUOth3F9U2490TaQHX8/kZHMWm+nw74nH\nue9kfSHfQXWHCLtKwToOLsEJLdVqM66g9fuG95ji44Q4nr37dRL/yn+GqcAl\n0MAOROo6el/jlf2ySO/R9cDx9xb0OGiw8twxIBXLK5OInQV8vfU3ALAPBBaN\nfNoe2spc96dGIKN7xCwySEFaJPyGr8YjYYpJKBTPzm5fMborQpC7kt1eUqHJ\nLyv+yJaBq/P+IPmQUjaVbwoL5KTEc5cPKilhTdgQUeEUcPZ1pUWzapyq+kFe\nPBn/pZduCNXoZtWS6g7T70yBErWpB4m0SXP38iJY98k37WTMWQbgX8G+xDDX\n/OZN\r\n=oG4Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221272130","@chakra-ui/utils":"0.0.0-pr-20221272130","@chakra-ui/react-env":"0.0.0-pr-20221272130"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221272130_1643786517045_0.9090082598103841","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221272450","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"fa8d1864e11ce50d435c734f0cf7b9b60513c2da","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221272450.tgz","fileCount":22,"integrity":"sha512-v4Z2153MyvHwKs6MD3E2fC38H2fMnqwLFRq6MDwWLKyXzOUDzFE10kn5MP4hV1AhZDiJ5mM5MZwRTcjIAfB8CA==","signatures":[{"sig":"MEUCIQC/DGc1xeWurj3IUfj9Fe9uxhocHboZlGuMG+uEtn54AgIgSihHVGDuEqmW2jyGrnm4cdZqFRP6q6uStpoAtA4pyPU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHcCRA9TVsSAnZWagAAdREP+wYJksBt3rn6BM4eU53v\nIx7JBTAuy0TaakqfqkcROgmeb0Y7kHjOQcwI9N4KTzrKheALxcx7NIyOhcbO\n03cMqRZMwiUnwLjgehJt7BKPj0v7/EgLQBgmaJO5OjeoAa1kbE5RsndX1ah0\nuM91TqiUrqOivy3reS0UCiW5bG1IEHr6N7KeurOMyou3MF8bmxUPcTESHaak\ntJfyrHC7VFxROFMxkVcToFGOPU1mYpbKG/7iWOsHcA7OxQ+JTV9PwT7ooF1V\nMeKtOE1D4FPTtYDjXTzcYius5X1Tbr9Ba/Mu8YWtIu0XcAgcYzWyXuOOjc1E\n4+aAvejzYdPn3BbVPxa/+kCPq2Ut+ubM/LU0VdfNBKEbdimkd/JcrEsXf58v\n6ujAOE3XOXKqzCfzWqwWvBAEdkspjNfXxohE5Bq/FelT/i6mbkq53hVRtYTw\nc8l2mAJIW5VpHkz7MLr529cb0Ll/Q3YZwvTLcUfqjc5M/txwnGIxC8Ab9VK0\nKxy/rmhR+wDkAMVL4n0rF6CPcxHJksIKuSSYFZ5EhPMIUhId+ajRwAIgIbYK\nWsDRd3CD+q5iAI9094AZ3FHPqkZ2AxdfIQLXELJoVfXsoTOKrwxsEX7GmDYW\nwuREB1MUl9XK4B2QDx4i039h6E59HP3L3Ell1UuZZUoVfuPPchQPn2CjXJCV\n1s6w\r\n=qyK4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221272450","@chakra-ui/utils":"0.0.0-pr-20221272450","@chakra-ui/react-env":"0.0.0-pr-20221272450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221272450_1643786716626_0.2886339456777871","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221462931","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ec83dcf72e04ea2c81f87f439ebe67ae52c868c2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221462931.tgz","fileCount":22,"integrity":"sha512-qcirc3R5mw+MaQD6Gubzs3BPUfaZRWnf70FH7Mgy0duE475q/yAEb+ytFz++ZiUJGj5RBbzdMg7eTcPv6FYFbg==","signatures":[{"sig":"MEYCIQC70KnzCYS7+8XF2tZlLn0J+iihTxeYmVynAYzLRYk86AIhAIwnabExUVcpa+i/EDfdITIvquTl+7jAXyinTuQkNZ4/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MfrCRA9TVsSAnZWagAA71gQAIWO8TNbu7B5MXvKtdZI\n4CdIDTxT++ZKNpFf7C87qYNGzUZUJOUYFGAnC13DRunZbSu6nG0/vhsRXSFm\ndtAMm21mJPIBulaHQMj36+UfnYLMKfSa2ltB4L37PbrKl+ZXOdDS/U8pznBK\nOFlixdbp44JNW6V8qlolR6NoDepXOqIq69cvYNi8od6i+H+0IucNVMtt9/s/\nZwc+VEc4ggclHMH7RAg6yq5HL3T2KUixz4/RQW1YNkJcGKFFt1v/3SR/lFCC\nOvTLV4T2ZcQVdZ2MvRNHnt3nD4TDhaWGbYF5QfhXcDU0bfLDZO5Fckm5NvM8\nBwDjcA+8OxW+1ywBKxYX5UoaMmZIf+34y1dXqAFFuzfMU7uMoI0cfaZ8WRUp\nEsgu065R1eOWyvykre/XQ/wbP2ddv/YWtad/eqEtzVTpITJEyRNlt0rMb4Mu\nzodJkcAX36AqDaypNk+FFtSUOQSxGIh7KO34MWMtlIdGWpSdOn5ZuRgXbKOQ\nBJPurr7C2P7suc6u1U7+ux6MBW7YA2yHBY45FF/+MMwXy5XePn0RBJ8/Nifs\nVQfkaLpEm5TVhKTMVAEt/37WpiLMHbPmKRXWFzkK/OTi81+KMWxFVwyHxfQA\ntoSKqigbwOCkzLaGmvUp4fAKVYLgKk9nflPK7gQZdW4QtGmcqB6LR70kUkp2\n8BON\r\n=Svh9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221462931","@chakra-ui/utils":"0.0.0-pr-20221462931","@chakra-ui/react-env":"0.0.0-pr-20221462931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221462931_1643956202826_0.05073779053082417","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221463045","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"202a9e0e3b154b69c3c914fc89b02e6d27fd576b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221463045.tgz","fileCount":22,"integrity":"sha512-uW9V1YEWOivIkA9yeficcyVg3WuHT520KB0SxQiluYMC0LH/c6IAKe+opGCy2mynszSWtipjpjpU1oj6Tihytg==","signatures":[{"sig":"MEUCIQCQR4FkmoDjWJxQEp9O2/3KPzo4949uvHmU6jauKUhnQAIgb+RsROSmdtbT2uwP5wdciteKq7YJSa25ZBzwJIj21ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mg2CRA9TVsSAnZWagAAA9EQAIVX8Gx4VoV5v89Nhike\noiwnvzSoRhe77kj5FTQ6g6CjWwcTZ0s08usv3Ie7q7U6UhGrqRH8R+N8diNh\nqDqcNrYqavoKUb3T9McIZDLo5pL7FxpVTjpZsiX7ZvC7GDSK9gaDC5Y5jBEP\nVEf+hJQ6hEIszCE64AbnRMzKaXFiK4Yk2aJ/BH+Jtq/N60lLvTxG6J2lqH9Z\nkHPl05zjJNabkCVjBVybYIZDramC4tnRDOkZqAZtplZidSMnAhEoWOXF2MvQ\nEqgS/R+8V0oIj1FMjgmZpyUqH1XcLs+LlxCnGl4OQ6hIaEYlU81rDG1gWbKp\nV5fw14EXiLDQZdnUraj8nO9KjlgE7EWkWWGaHKSYvyncdXVkjuW2fIT7BJHV\n+OfZShX4DlWT4f6T7RmfCxMTYcEywV5NNnHmiP0vj2JPiwicKVnuRf+zo7x1\nGUOtBuJUyafA808lRILzFFmBpxM8KJb30jrld8mdiGVhkUEWAxZ5BuqwA9oe\nwBwMedXc8ix9Ifu0s/GpszgCHucv1JsiE5eoS5QnmBi+jb+cT5CgT9FVM6se\nvrCJihfyVBDrpNAnfxLCvNxV42SNHZQTdM8crhhY9ttVmtBttkv1cQrGNz4I\nshJBMhxtFMcxIggWsiReNLfTH0TvW+ijLgwrd5leqcjSIIxpIJqUi6cfCAUg\nVAS6\r\n=Z/9r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221463045","@chakra-ui/utils":"0.0.0-dev-20221463045","@chakra-ui/react-env":"0.0.0-dev-20221463045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221463045_1643956277976_0.9199853573341219","host":"s3://npm-registry-packages"}},"1.4.2":{"name":"@chakra-ui/color-mode","version":"1.4.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.4.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":"b88397b703b5e57d09dfa0768b7797587f2b6ffd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.2.tgz","fileCount":22,"integrity":"sha512-ujTaNztRpKnIUf/euAn0K4jBGZXtSWnT+pbXnjZ4Yoy1Bbg+wWUaE83V7yE85QdFOeKRjOKGXNbZ1TPjhKggmw==","signatures":[{"sig":"MEUCIQDbuomchiEqmJcECQSXAc7sXHtLbbMTvj8pXYMemZEh9gIgRp6EoUYKgWcfTsJFyVu3EDbrhvDKta0LTaN0PTjpNyQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mk/CRA9TVsSAnZWagAASH4QAJiI0iRpa0EjCoyBwn0J\nPexnP10FuiYUqUWkd9JkNKkornGZCfAARRvzw1B5g47bGU+yFDha9sl/oZL0\nIGguthKq5YextOBm/brYqtjXPdBFVYUzdi7kHhZ9KtR3lh/NdkL12F3X3/mO\nex8hFpKoDpiesiXbYX4XxIIO7aI36MLAJCPiOx+uyEuSViwRZFNOYjc3giPY\ns3W7NrKt4zP5a0Jof1uDCglI0bofJkjUY4uAW/nKh+wdfrb+H1RjTOHYx3iH\nKNIMv9R7D3C9ubDoYjYKVCEJJ6n3IDvjfIsRJFU9XI5vNmYM7MyoSIpMnBhc\n5OFu7I7/DSGszcbXbNUmJYdG1bNl8tn+y6Zr+kI+anwlK4vLi4uwdNmJHz8B\nIs2MOtTw34KYmh7P6k2YF9vMfzB3bv8kqdD/uplPUwlKppUNtXz6YfI7TNM1\nnNheC2vkPnMkk3IWx8iorPGF1EwlNQmRmpavg2dRRbqNKJQxw/QOXAZzyZH0\nYeUNgqLeDhabq+kf9r0FuXw+2GUUtYBnYR54WdCEHaDw6nFhulbF+qSORe9Y\nWB90j1TsbRzMBoIbYM0uZK4Az/mcANrP6eS5HipKDC7J88XhAucioa9v9kvN\n5WFSpH2PM6xUlzTfYrrdeNjtEOqfpqT0Qt2h9LGL3ODP34wN4sfkYlJHo4lx\nFIBS\r\n=OfIx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"78f01d04020525a6696ba97e7dbda956b692d080","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.1","@chakra-ui/utils":"1.10.1","@chakra-ui/react-env":"1.1.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.2_1643956543032_0.6639505571304711","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202214171317","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c62bb9ff60dca87e56bf028e6bff8094cfe3a996","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202214171317.tgz","fileCount":22,"integrity":"sha512-l4WLmr+5TClKGpzB6mhOf0hNlVcvPWbJFUdmv1Sg3Ffqm5cZBgkuBd8wGFeYuTwxL35btBbK/IbdAEM6ADEfjg==","signatures":[{"sig":"MEYCIQCUXAv8gFil/5PW6+ud1UBHFXsSDl68Gd42pJXuCqYQagIhAPd7btEbPAY0JEB75MfNtvuRCfNYAzntEOS0DBFAp+GP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7PCRA9TVsSAnZWagAAuNUP/2yiO7wmAtdCzw2q4iQn\nThXbQKmOPdbzJwh3ebDZeNBJAJtj+5hTxF8MUUODI0EM6wVCyh0RyURMrRhh\nzB+pqkxf7P80z+5wQI8d3k/mnFRwqAqbrml1q9jBCR1s1cUeq5eFL1hdpmdr\nofJOUWr+bwTvbidx6v8E3Pkmked7NVEgTlAmFatUCrPwLmZ6R7LxC5NOJWb4\n/5nXY+RKjzXqQDEasMaqH46sjIbRf3tN0DRSLLlw62OQTrYxJYJ/BrbyMSeT\nFNmTMxtctfsEXjZfDGZyO4cqP8TV6nUwwYiPVWrrF0ARdRchDXW80gF9vU8l\nA0fEsWQmDTzK5W5fDJzQMwPUARD5497qzftEcr2zUva3AryK4XngqiCe3r36\nbt6CGqzx6Y5HWlxodVhP/NMfiSthkS/oUrVo05gjmvu09699x/TPwu3usXO7\nHo8MveWMrG9UvK/ABZfJmQHY0d1X7AvjaHeVZBC7QJwwcomHpHimbgNoLpUa\njOeFZg6loIFTKb9PsJxghFFc3Xhvey93eINQXRv5kWw0IKFM7O44PEm+Y/wS\nsxekGnIYDyqZZRsV+wy/Nk2oXBca2BijOuA4fTAC31ckzjURGQZRGO338AQl\nwywT77urvgi35oaX1vkYyXL7ndGOnV96e6Wzj/NYz7s+L9VbsZw+DTzCEBvV\n6SGR\r\n=+nkt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214171317","@chakra-ui/utils":"0.0.0-pr-202214171317","@chakra-ui/react-env":"0.0.0-pr-202214171317"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202214171317_1643994831447_0.5825036854508008","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202214173019","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c5732333d250750d585f9ccfd8762cc3d25a2605","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202214173019.tgz","fileCount":22,"integrity":"sha512-zzlGDJUZnupeLg/7pVLqy6/PiAl1E4wilid3R+SVGAoRg7tvQHWzHOGdNxpXOmEm9m1bBGHo+c4uaYrE7UfUlg==","signatures":[{"sig":"MEYCIQDmxJsrQGbT7A+TcOH2tzS/wIbqcyXcCimne0bQQR4w7wIhAIwhY2FH7N24R4PCMXpMSOqcsjLGiCggvMiZwBRwI0lF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLGCRA9TVsSAnZWagAAuNQP/3sYItEnd6kMYWeANDGp\na7xc/lWTBu5bymSQJAeQe664sQE5bSnpmzlG3X9ZSEzsxaRdxNaA1khODstE\ndXbiDEvQnhgbngNCvdrsSqoIN9hqCtynXP4XC+3c58E7N+iXgMASOu+Tmou/\n7+ecrbWrg7Savpep+1h84n3O19pVoHZLpyfqhzJqUYRzUm7+72Sy4xf0QQoY\nAQTu4koQxsgf4YMmqAQRCItsniEX9KpCNrmdt5sUPQ+I63+gzVmhFK6/1Mm5\npbsWH5eEpAeY0kupUcqUm3n1zUkxbqWHQJGb/Pvdes9g7uTcTRPxVriW5gYe\nYp5IU7gQrCodePlby5LviBAgCPZl7IFvGE2iD5byMfpa4UZKTwRiFUwkrsfh\nas5Y/CzCNuvD/rcWVVFLL8BP7Azjtzvmu8DheB+TufZ52vuIh1VexwRCZ8ib\no4knStxhhFeLaO532eEdcVV3AbPhiRgMhJYybGLrxU8WkO7Xhfened1F553j\nJ2vpDoO/AxYBkjsdDggzMVRr2mLSDHQl8W+oHwegpUbAzV3KR3rLVrH0YXTp\nNLs3/Cv/ZMPOeO6ZI3bKJMQzZ129LaFY/eOLsxnc8Ga7BJvFWVn4cv9TQobR\nCVeSfSaEYGpgNT2nlfh4wYLgprMzFfQvVfoh3Z8jmsbKXnpIXTZ8m0dehmQL\nPrD4\r\n=WBLE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214173019","@chakra-ui/utils":"0.0.0-pr-202214173019","@chakra-ui/react-env":"0.0.0-pr-202214173019"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202214173019_1643995846264_0.2830966955254337","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221417318","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8782845386740117aebe42f5d76c9a75fa349db5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221417318.tgz","fileCount":22,"integrity":"sha512-+8wFe8UcQxO9ovO5xbe7X1OLdFAWcjYmzal1OTFa6jxvSWTPbenqdtI34683uiqBHN8opeZ7AZa6zpQI9KE+oQ==","signatures":[{"sig":"MEYCIQDFoRQ3BlCfxVqTpedl5qYi2PyLjVd86wHQhg0HvSS9zAIhAMW9/GrOfSY513UCpNmMsx5Q4dlxfJMlxUBaMRfat8u7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WL8CRA9TVsSAnZWagAAOmkQAKOzRscoKHUPKghifTnQ\nZm04/0SOBCgHlvyM4GaM5ZiieWvP489tyaGzqeqRG8FM+J+qcMoOw4xGbf1k\nISsvbQ4fWaLGy5dK9hbZHu1TFleYlXWjRtDW8/85tteAzvDBfpEsXDEa8AlK\n7NG2h+NiuZSAQUnODGVehgOfkq1RObOK3Xlu8oBaGCPTIVg8+DMA0Ea0PZ6k\npcHCwOCh+CmKaOVofHeWSsGeST1a6MWzjqjQmkFkjv4zooQOhEwiWoESdHc9\nas52Ti5LLhzExWMQtTvlaW+3NDYKzD22QmtULRfItn662q2w2hLB/stJqu7n\nbuMeRrOQSHRWskZJQacXuIbH0FpIhb/2d950eR6SfcfUZ8IyLVXTs6+icBJF\nSgeP4X0mcho1irYdu8+siQG49FAfS2yqGBhTyckbfO66oMkjy4CVSAZJ/LGn\nEpewtf+CnvL01kAcq3D33EQ2YzmRGfLsu/KFXlKJnRdRJexvzu0k88uMyf/e\nMzVDLxEWipGYidwkqrWXjwI2ktQmU06e4NKioOFkXuelhleMuhutwHOCMOZA\nUx0gn0GBKlKWtuIwuTs3hvuTbvQJWovx3tVmK39kWDa273ePOvKwQsu8UMX4\nYa2nn9QI77CWnvKyNXpbe1r4zcjiZyijR792DLnh2xvTSFrb18hvzGjBGqne\ntoYg\r\n=UkfX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221417318","@chakra-ui/utils":"0.0.0-pr-20221417318","@chakra-ui/react-env":"0.0.0-pr-20221417318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221417318_1643995900577_0.46547092041512084","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202214173148","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"075cb5b433297dfbe696ff9bd44cceadb0a9e9c1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202214173148.tgz","fileCount":22,"integrity":"sha512-0y6MVGS/0o0waZ4ZsysSe0lEzy3bEJJN3OX5U7VfGCvbWFb9FeAkNB5FB+Xg8wO7uihX/X0wbFfwfTm7RIcYcQ==","signatures":[{"sig":"MEQCIBfCnCNOAVA9+fJ4l1Iyl2zCdSB8TJScYFiRw9Hx/noaAiB7odL82QfPrqks75okyAMzuLVbg5iLZIqPLHf/4vA2Mg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMiCRA9TVsSAnZWagAAlC4P/23Wlid6FeZrfhzAoyY0\n2d+B0z31nS6JZq9yrw5LO6ezxXgDrOmMjSNGfrY/0QmU/BIGDW6e03ZuxUL4\nI0XAF7ogojG5xk/Mg0xBrzVzvJZc6wbI3lOzigvhwGF7um1VFzpOhVBdlU7M\n8yZqqcaeTbjsEUzfLYGzwAjzjEJZFULpPXJjRouMVT2kUtTmGyIeyWtSxYXk\nSKUutu1mM8sVgInXcB6HcX7yIgRPqwMfoI+eocXm9S1CqdnyZQiuOe/DhltN\nQ9RFd+U6e0mMpT/AuJssDExulW78xhv7lc+ICjV8kZ2v2sEoEUHXgaZjQwKO\na3orHezOwqgKAzaENTC1aX5GlpQfemJYC1v9Vw8AUASJytJijeL7HZeNE5Og\ngYpcABlDf74eLA18xA95Nv+IzlRw+xHMenCx6InPa4sROnajFQ0oTQyo/OlP\ntm4nD1fevfJLstJO6Em3X2gZs6HUrCKY+aElHUQJlk3/MLIVbkFDKRmTLBCO\nGiCmrZcVh8s7rjZajnbQFXO5wXShsazTzMUbGZz5IzNn6NiAwIjMrSfWuLFi\n9jLuqi7lPfsuJpVrSUx6V5WlW0ZPqKKaPfnpbR/kMIz3lWg/QM1WnV0QlTvy\n/7KRaH3vUhBeTKFVeVh/d8x203w967Jq2qOLmE3xrS7OdliU81BdXl0NPUFk\nGjJn\r\n=9MF+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214173148","@chakra-ui/utils":"0.0.0-pr-202214173148","@chakra-ui/react-env":"0.0.0-pr-202214173148"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202214173148_1643995938197_0.4816894820693767","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215111823","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"df5feda8ed2a73aeb82bd03453c42337b59878bb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215111823.tgz","fileCount":22,"integrity":"sha512-Chn6FZ1t4r4nTxFBAqKxLBGzJtUdw2wxxVkIrJWsWQn50aifHU8yGbKkvuPKCtCmsiyzBqGx4FHnEz8SmPvCWw==","signatures":[{"sig":"MEUCID79xcgiXyTgl9IMqSP2fMddVRjhcBBN0rYBTyDuqTw/AiEAnII82A/k/ewXY0BA5OZy8EOlvCRibikmZMQ5ohi0l1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0cCRA9TVsSAnZWagAAdTwQAJfecoQDA3GkUq966oid\nFppL4waUVPh1i0b1lh6mbhFOGBaAtaFRq08f2S/KbZsKjHNJ77DCllOToZHy\n43FbzJTRVv9Cuqn7jwQ/Th930f9n2pz2jzTaEtsFJZjKtEJfAKl0khlc0Hhy\noRBoVAPJY2dbpn+2cDi+aeYtLRb27BotIjoWsw+StHUzxdwVxVtL1LvYs7wu\npLg4snaJ2mgVbI/5aPuKS7GoSVGaf0wj5D+iUfShWresS6vM8wjFziR3oike\neKisJynYDxtwbYT+fM0ZxmQ4A8J0ftay6MLyYyghIrOfWbDeawEMWO5J37YV\n8+ZLueYt4nNoBaZXDPioAcFHz0q+KoAFrD0DgCDXr0CuyBkJSAyh9lTKB3B0\njRPgWYNrLq9Uyf0fk7dDUAkS8O/3N6nMQPM+V0+4r8XX0DODy/Xvw+TLUrKH\nqC6tmnvqu5ni4cHeciJp+G+9eqpDuxzkFoKJ5CUlBdVN9YsCdj5BoGcZP42/\n81JCRBGn4hHTb8V1DPSKmEXQfGO+TpVnm2UQLkrfBQLd6rP7M4g6D8zskpZq\nOE8K4sxxMDPCSmNJUOv+L8jyIYsWm1AOFi9xQq4vGPbOK4L2/NVSniDWgXwz\nhl1nz1tNNe/VQqMAia/c7g3XYK0NxUopB2oJ8sWj+Xiuelkklq4ssB6Gpsgp\ndr7h\r\n=WLU5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215111823","@chakra-ui/utils":"0.0.0-pr-202215111823","@chakra-ui/react-env":"0.0.0-pr-202215111823"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215111823_1644059932752_0.6754717004410733","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215111945","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"683f66eb103c897e0bafc180d8f70a3f4ce65b7b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215111945.tgz","fileCount":22,"integrity":"sha512-7rO52lpnrYqjsDB7fbKx+cQF2pzZCLhCRP9DAOvfodYA2nuIv/JA+AGcbp9Bufn2tZ1Ta1rDUM/2R5VKI74n6g==","signatures":[{"sig":"MEUCIAUI6zKMngtKhbj2BMxROLy1UwOLVaE+u1cF1pi/GsTNAiEAmsMuOjWeXUNCtz72wQShF4hk+MoN1JEJzMiu3SRcJ+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l1yCRA9TVsSAnZWagAApJAQAJttoTG0SJktFR3lCaoh\n6Zk8iRmjPxJ+IOeGh/ohaqw1S1M2lReHE3LCua5wssd+a/8t2JVr/NxoeWjU\nlPTodly75g/ms3r8jdxc3z1t+BugxmaRFXeR4GSUPygl0aSzMx0mG9jXKyZG\nQeRzWShT27h4q4AJ5fypJy2GmvMjHLsud+eAgYBWZgO/LRs+/3o3Wy7v6lVS\n0DCOCAPVOFWCODfvhr6jXIaOSv6eYHmMwdzVF0CGmsdYudDPGxFWhHOqP5Ow\nRajwFp0U9SGdkGBgpFciLcIOrh9uPrCM3Oezk6wZmG6lRu20LacTS1CVU0rf\nIDtGHTXw4I6HA2Q66ccp8QewIiso0awlNUGgNiVZ1JD8v1Jwk4ZrbH3uqAG1\ni35funiT2MXWnbGQP7FC7xSEpYlF7HEpB4+i5U0U7ux+D8J3uXBf+LHCk9U2\n1mB37gIG4jchrItqmTJUWNrMqb9QUjowW938r/4SUEjy+g3M0RLB256l47mw\ntEZrwChCemFSlhfqeZJ/P4QnGsRsQeAhW14HJP0gXw/8Yr7RAci3+IDgVYut\nqG164cOpFTu+Dn2NrcYiRCq7MmtSEtsj8hcyaLsL27e43S8p/QOSPj53sXcf\nvozxvD5+Jwi2KAQnwe9OyTAdJbF0TGF6RFwKFYRfgb1dzQuUnZdW9lGJWDE0\nD9zE\r\n=GUpN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215111945","@chakra-ui/utils":"0.0.0-dev-202215111945","@chakra-ui/react-env":"0.0.0-dev-202215111945"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215111945_1644060018189_0.15135241722637405","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215112739","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2c77967017299a755da8145dd898259f36199739","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215112739.tgz","fileCount":22,"integrity":"sha512-R3Ey97s6Bk1N+G58VQuuEvd8rc0L36uG9ugsAXiK4ZEuHVfTryqjW7hbm02o/nq5AahwGQU5VuvvKz1LeKWFxQ==","signatures":[{"sig":"MEUCIQClEeYs9jif+94OseMRDA7TfI80eu/46lmEp+lGvMSImwIgcUfsEXjdJfb6Sf8sT3El/STmOTP855eJN8n+m5WnVYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9HCRA9TVsSAnZWagAAvL8QAI9ppYMhrmJKLzFCxqI8\ns0Is80vWykkHNwM9xzRmDGRUc8BF+k/dJHUX6/BYsmYCdrVfHPh7AxiOYknC\nolc6CM6Sl4Nu8Bt/9AyTOO9WUB9A9Zsx8RHGuJBPiISULCU6dnmq046+M/5l\ndSyYXT+fzO6zk3KZ4JbCUNqmaGYW5LMz1bNwfjPLZkuF9UXH1MkeLK4aD2fc\nr2Er2weELgV50DwvLCejYe740oh3qZf9fapoWbpSG4sF+37fPV7NzAMlhJi3\nElzwTto2PtcEZQNfgVDcN6PsKGNTHyLKkf0FvytG9hGrnqTpXe8wXowbejpN\nFMD7j7YzQ7jlkYv2TGV82HfpEOPuaxN7+I+H5zy4c3J6Qne3rvFaTMlOjipJ\n4zRe8jBgxpZqidgKirpKD5sxkG7AnR0Y5R16aXqLVdxYf/kDyZEMvuFc1TWN\nbF0HPrxtYxkIHBdWP7r1jxBangt9CdNV/8GPbBJ5/O4dZhOLGhL05adPwRAf\nMk6UN1/D8+/3upv0IkOnh7S//ilRDC5f2YsIYGeHUttjcdabqs/tSIdm0oqn\nrYvjKBIIn5vEb3Pwka3HpymqvWQIZIRt5/ZB9pc4fCP+i8s6TbDaTOChNWaB\nFr1d7xiYniXpMai9fgp9W10ZlgSAfFbvDW86vYgfYCi3u/ad5nJEmgdRifOv\n7j6F\r\n=Rv7E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215112739","@chakra-ui/utils":"0.0.0-dev-202215112739","@chakra-ui/react-env":"0.0.0-dev-202215112739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215112739_1644060487762_0.6446305170448992","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215113521","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6796337c03706aa80b807e95c6b663bd465ff6f8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215113521.tgz","fileCount":22,"integrity":"sha512-iPstwpARlATeiBtJ0HFtJEsYEM/RMaijvqv2hZRFM3usGrVZUONl3KD1EcMGw0E3z/1bf7IZusDwbJFocgF82A==","signatures":[{"sig":"MEUCIQCtfUPemTH5YejCWPerz+YV1DwNEzspprz+eWIsCF83CgIgOwvHwXn8l0SqzGxXNYTKYoi78F+yP1MYwkGQX5D8H2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mEUCRA9TVsSAnZWagAAA8sP/jjWs027CM/fGI4BJ+sk\nABzyDXKcBfkNwa6DQRVM8z/qF7ppg019pIF9vNthakmftNtTDTuvMN+6sJkW\nnR18hu/VU8r+fcPsNbzLFIjZIiPOLE1uHq7iHJKnYbSQYptjtix95XpAy+vs\nVLud2ooh+N0Cg4O15LhBwvPSBHp64nRguaopjoOR0aZlA/q9RDMI0nSIWfRX\nVjQNfTDbLMUGOI0RHVQET4xC9cYNeNt0qVkgLFtd2fV4A9+gof4YAFByOzAR\njw5skKJNiaoG5ZRemDhDXQfGN/DTV7q8Yl9hRfQDA/LEho7N8mhy+cFV2BjL\nQV2NnJBmae0yirYdM7hLJYmpQiQI/JK9dqhEVM6qdF+nAEx8kDNm5bVLB/mk\n/2qAjes7ARUgjpgQk+MrDZBk64dagm5S5XApQnCTgC/Kz9yHBuSoO7tGW1L5\n28ZxUhrXfTGAosAdmePvrnLvh8mEu4JAifeGRlStYkTOGl+Mig9FrPwU1U2E\nHswUtEb+TeF85E/0fy/RdUYdGy9wVGH8sRmGtrrNerY4ZbuAaJoRzcVydNTD\nxCA6RpBAqx9Jikw8Cg5W3km+6Yd4H0aaBRk8MuOcuJRq2gr06gexCP+xBgV/\np6QL4ZggAQnAonpcIky4/+4/Cd7HSxe7bHefiBdFs/bOm1pgSvO8bgSoDL9H\ng4gu\r\n=4XVh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215113521","@chakra-ui/utils":"0.0.0-pr-202215113521","@chakra-ui/react-env":"0.0.0-pr-202215113521"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215113521_1644060947814_0.18047185251840925","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215113950","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"11e71d774e3257afa9c998c2b125d098b9f27b45","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215113950.tgz","fileCount":22,"integrity":"sha512-j3DPnz/6+/2dHktuN92IfH6xAS6bBCKuJ2gs9dGkS950hOvxevS5OEWWs7cl/ab+SSLl2+9Pj1cd2fH9pdXzLw==","signatures":[{"sig":"MEQCIDezM3iihBz6qcrAzDrYRw4+MV0zAfnYSMza+0WhKSGbAiAAlPUJCb4LhTO537Kq56tvxM/Ku58A7U/y0gQwc1LTfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mIkCRA9TVsSAnZWagAADWkP/1QJhaMGsq4dO0WBlo6y\nHYNHY/14AfFPOI/qmX63us/b7BJMYQnz9jRbnR1GOUmK/pVkcw/2lwmhEEOa\nxipj+CyXjLhtL0zIDdVk1Z6m9vvpnXmr7P5682NqOKjwiwB/oXsIqhkywhmZ\nT9p++qjChXmB5sa979AXjkv3lOr8q4SLJU7B4ksOPSFaTe80ueWsLxhhm4II\noaZulFn0gZwuw0s7DCzWilTfXqFPmB4zfVhgpYE8G15CqFvYURxO3kxnnT8R\nk3J/y7r6xcrBuyJtykpe2GgkwqSKleqMehvSu/rKeXuV70pcG77iMZcaYsQo\n7fKmq/2NYSjYNeFxFjKj3VF2AB+bT7TiFtvehnk0LxYUlCgg8DCEU60BaE5S\nWmzmfW7/vzVeLp6EzhnvVqLQryqMX1RV0bp+VubjJbJIuPMn4zyGQ8cChmL0\nC4u5spm4D9WFLUdqShrm8vC9R2XWOueCbkc6+q7QkqGbmtdWy2yOKRJElzBP\nv2iDyktS1sJO1bCWAoQc6emZNmEMHTT1S2BMOUNRcVqCMm9g6HC5ogxZrhT7\nBCjSBfUIdETAAW0UiRm0xtRQbXOgEa2bUj0cJi+pBxbVUf96SwWpJtmKKV5h\nYD3/M59COUF8Nlx8shMoLW/oebljHAoegR6bnSo2YtAaQOYsXfr+2SHOvEbX\nBJ6o\r\n=b4Pz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215113950","@chakra-ui/utils":"0.0.0-pr-202215113950","@chakra-ui/react-env":"0.0.0-pr-202215113950"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215113950_1644061220591_0.8973651746382447","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215114149","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"32a4a52f5155257bb896719e0da2ebd810e4f657","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215114149.tgz","fileCount":22,"integrity":"sha512-YoSWfysV5e5sePBBLZ354IN9WnGhft0M260ymt3BgrTgKtpT4UkgyfqOpPP5JUWMV3P5d88cbXc2+FfcytPC2w==","signatures":[{"sig":"MEUCIEEPBvpR7X3XTJo/4WF+cn6f81iPkyBElVfqL+avbDymAiEAs6lxRSjSRHTuKKa5ulO+mSPYiEXv93fR9rmsVsS4Bgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mKeCRA9TVsSAnZWagAA9FUP/3hZ6A0vv/guIqRW1PWJ\nabBK48P34bC1+t3sIy2kyepRubBmfRDpF99bhlrESDhmr5e9z8ztWl6I/Bu3\nT3lVWeVWv+OuB+2WACTO0Re1PRRC9fvNMM9qxO5Assl8sT5W0OtubxNhEgF4\nvuNNe+vBt1L9innYfMkgEfmQqPO9bLB4q9pnMXR8ZSAbIGni5nxnYYEyfFoO\n9ssrpnWr8LEaNHioUZPk6CTP9XeLYQVzh49VZCeRX27UgpmjSW/ql/kVjdB/\nLP5H8E/GaiDTC+8fMhl+6UI9NSgHD5Z1E69zKeYV182v3gpVAHuHLal+FStD\nOVmB8cC2W38cDYte8paYme6jnIcVBcGjsyGV9WqmnFN5vb4PjWp4k0D1yeHE\n58UkKW+oKouQcqhFYPAVqbAjp+wITPLH4979KiwS+PZt0zwPfJege4lW3aRj\nlXnXjHTwcT9rqqoiug9OZxOd9xbidSt+VaGey+OfIjZR3mpffGPj8bTqmomF\nAhAoFHm66mZpdV9pc1WRJ1MXHvR229fcS3JbF/0butP6ocN2100jGu8ZL9jg\n+OzxpWS5m/w6fN2DtR030I5j9mE+WM0lDyT9HLZybWnHXRCPWRPBjM5AxQco\ns+YqyZX0+3CPpc5psnix0d4tQQyWPq1qAzwYaj54AMsay02HW0y6elv+/xmb\n/kQl\r\n=51hA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215114149","@chakra-ui/utils":"0.0.0-dev-202215114149","@chakra-ui/react-env":"0.0.0-dev-202215114149"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215114149_1644061342744_0.5633363857396139","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215114422","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"15e45f7ecccc704670801292ee02a5f9b1d3004d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215114422.tgz","fileCount":22,"integrity":"sha512-dadJip92O35ZVHVghgXeeWcwrCj+JDWLe/407k+KfTzMaJzRlMZwEAkIHtdL6RpKoN7PBqmXqs28sRpeYZrIiw==","signatures":[{"sig":"MEUCIDyGeThovwQc/k9qtBPxzMq22wt0wRSsMB96gZUrEG4rAiEA2SY+CSBSAV8F0op/iLxgNn3MQw7VWMIB+bhOj0IsQlo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mMzCRA9TVsSAnZWagAAksUP/iL7kZuMDuHvKj4mNEw4\nokMb1bbdnx+znLANzogH6O2HUIEwH1IV26Kiw3oqasw3FKJkRleQ1mP1B/Sh\nMnE3x+oy1HXK6JNa93wnWXD4AAqcftiEOHdhfkvEJT0C9uDPn8mlmKOogoPh\nW/+jhWXIhGn06iET7O5yGteLOYHQZceVEV2IINV8Glz6SS8mBHzSsWxXmzGO\nICVRQ5Rwz3llYjayXZSEINcBVA3shlwMsPeHikhkAGnSTf7eTs/OOj0YVXBM\nML9Bf3V/NrHhAdXVnhqScBSNefpRv91KyAzt7paSZ2SplUhbWC4Eyv7nGz3s\nzXSVYHiIkuHUbjwsMokjKVS3o+wM6em3X/TL+t2Nbz7hZl5L8vRQO5vYOv9T\nvG4xzYF3CVlMUONWP+Qc+cZ5g2OYwwPK4EGrtmmbzi0yY6Gv91O2EMWPbG+n\n3tEx5m0PxbdVPDRNoAYtFmXY13zawRK54U9cDysOSf9YYLSl6YFKE4mfKRv4\nrc3TxjDXJnoJ7/+1uWrQMVhiHZ/wpPOSbTAj9/IMxVFe7ZJF0pwumRowxMt1\nlb5Z61ZH8wPcDAI4+RjOnaLk0wAo7WeDsq8FwQWhFBwElsh3hWUhWPub+uEF\nJbWBI4trzzT0jzlhEARTezXHL5lTSqiyABMPbdjYpbKODDDjf6c/CUimYkWP\nTc30\r\n=OF9a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215114422","@chakra-ui/utils":"0.0.0-pr-202215114422","@chakra-ui/react-env":"0.0.0-pr-202215114422"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215114422_1644061491317_0.2322411638873536","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215114442","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3c9b3c4a7389a289339f1c4daf0f1c85ae59eb31","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215114442.tgz","fileCount":22,"integrity":"sha512-/aXgxObIhRs6bBkjjVdbNI/fqeM/6IC3eF9DcgYZ+QtPm2VDcTPhg/CHvbemA2UDQmLb57VJ/NfWYvQHbZ0Uog==","signatures":[{"sig":"MEYCIQCtGM72shaPkJZoaYwbOW020TNYUI/GqH1F+wm9R8UHgwIhAMGjmS7gN2O2fXaQhYd+USFr5DgigIF+AWUX2zx1MZ0y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNLCRA9TVsSAnZWagAAGa0P/0T9klUTPSIEiiL+pvdK\nXjbzLanFbQuHEPkY6WK9lhxxzWFNBBLgFaRkbR3cx1L65KB8Qa2NYGnaxchP\nDur9qh4zcJUi49WpuESZl0sM1i1kkJ0X6xiRQBeTp3hcv2QEWWh1zcNVGPDg\nYuHAxth8gtH+0QCCEoyC8H/Kb+sAyYhUW70UtgjegqnXkBy9/TmlsgYCgtOz\nVemDeqBlDwmm8VydpUNaxLMryzqML7ZCgRhLTtO77mUsHwnqyhKqT+Iyc6By\nE5de4fSkdIIvCzXemu9hrD3QQQ6jMoo2BbZff/Ijfd6c2HLOO3YvsbzMGkiE\nyWahr8j8bGh80OJ14D2/k2DKQPZG/jer6WeUfHJEOR6U4b/BZCqgKckKgbev\n7piX0gNH2ZV6nqLiiX7nVAn3X6SiHa+rezdU1OkzbFQKS6By+fjLIZDIcGYK\nvGNPNlNqvg1X0NoAuACbl0XBxnH1aRcUVkJGX1rVVcdx/yGTEQdKKoEvmV1b\ntWv4BF+1L8cp+GD78PTqn4KxjbnovrzLbi0JWIL8oIi7Npob9pvmhPAYsn+3\ndEzZkOGlL5VgvT8XLqtNSe9nlwBegwyMVFhG209cGV0DvutKL/6yllD9NLIo\nU7n3jQgPXeoKlpIKbZQqseLFnsThtifD33TWoxrU5H0OBbquGPr4ly2oDJxo\nkrOi\r\n=q5iN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215114442","@chakra-ui/utils":"0.0.0-dev-202215114442","@chakra-ui/react-env":"0.0.0-dev-202215114442"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215114442_1644061515229_0.22521453672445668","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215114917","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1216bbd008fb0cac46c52c5f229d72a48a7d8f3c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215114917.tgz","fileCount":22,"integrity":"sha512-h7xoazGetX7dKvbkenLassaWSg+LphC2v8zhAe5ojS+LYaH5OZirS9icDtGlKDxuzoPekiZ3ozAAgtHrVOiHig==","signatures":[{"sig":"MEYCIQCtpe443EPxUh0tabBlQr3lgDF5OinSQ+gQDHKh8chKqAIhAMoNmZ5lCLFPNQC7XWUj9WuDtDFtTDqUj8OFIT543haK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mRhCRA9TVsSAnZWagAA2CkP/AlkxemwfzCecpUVSlM1\n15xmInENpOxd7V5huqFn1ngjP26ts3QhfMRKkUKeABfsk+6XJDuccAQWBac0\nwOuXjq61B5g5wtb24+a8FDMl1fqwnENYcHvsYdN6ZlXv057NOnvP5PhWxTRP\nUFICpmxR2LBs+1iw5Rjgbp8lLr9g7ITtL8lypLRFkd54MrDVgTXJXmofE0Bz\naKyVJ/Vip9l21Mc5SeD+2a51P/8Zp1DUxkHq29I61rs13Y2Gwp4RW3C82/hu\nST3D1/+CmLvcT04w/7fke5tdW0eE39w8DVFnWWHDfXOkunj3uzcrgdZW+2Yw\nwAStzb4GtYWfqYiNN7J+AZeBfk1ScaNpKFxH83NRLvfxuTF/RlvPVEIyn3La\nTaJsKuCbcISwE2032ImM4sFVC+a8uKPNbFWhxv8tEihPTMlIFFhA9EW7zlvZ\n9RtJLQ3RZgzpFZ5n5S4vreLJh9oF1XjBSJFM4p3FcSb5cqC1cP6IGyDIAb4n\n2iDhnY7jexiiikswBHXy/t9mfQf3+X29QJ0qyDWYcMsbNTNEnxLv2tq6YBSP\ni12Wid76VS8XaUZ9QM8BZSGlw6QVCvFPKDACwCLuaAS+q7XaMnlDzvquTJFo\nGDJ88vF7ioSO8MWkX7Khaqo1a+o6IUNM+MUGt5vc/2NX8DVc7v0T1iIlzD6o\nsfsy\r\n=gFQF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215114917","@chakra-ui/utils":"0.0.0-pr-202215114917","@chakra-ui/react-env":"0.0.0-pr-202215114917"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215114917_1644061793264_0.15360195689933542","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221512346","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"80d40499903b18b8015306ca51da5342b12391eb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221512346.tgz","fileCount":22,"integrity":"sha512-UK/M+zdC/9KpkX7x+frSnjPgX2xc0hA26ykM+M6iWFXl73SFXkoeAum9eUW7eg19QG0w+Q8Mxt8XctEhe/fZeA==","signatures":[{"sig":"MEQCIBWtwzT44WPNBhytGXh/1J5oqLLQecWFxJRnvtiRUaK7AiAfkHlMhfjOdDbJFkDiSfczXMbwiRp4mWxuBrhmDg16bA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/me/CRA9TVsSAnZWagAAAlUP/3OGHPeY50nOmKPHyga1\nJpxQ8TRyOxuIxwmTrakMttVL5oQP4zJjBK9knU12ixaotAwtNKOAW5DEZAPC\nO2zdYalsDcsHGjSEuO0lihepFR+XvwT6zV30uaQ1h73ZkKJTGz3eIk8jzDmN\ndOMr+0e0YBdUk00LDo9YlbEQaQJHZbR9jqK8g4LB1hCrbNHHCuNbD7on04xX\nkIoezb7fv90XZ3mrBuPNKXuU2sMDj9j89GqHZ5toCFxhrW2iPKpsFU28ilGF\nXSiMcWbTTWJdFz3yS9XmAkdJLBxD/aOLhgZONz4u+HfZ9D2dWf6Wlc1wNx+h\nsdQZhr3LS04sD7h0/7w+WXVTvqCThF6VL9rbdswetjSDh8ngQJIcO+g2ja2l\noOKMCcpi0pXhps+460HRhNSWUDaGf/U/DX29xCKTQw2QyJikp4H8ADf5LqLT\nmAPXNjfO16yCXK1VNO+P0zkHi1SVAf8uRx7x+dThwEZBVPQ3pLyLZAoVuS0Q\n3IhXQIi4xNRrBBeU/UWN0xm1N6Kdy3I0mup/+JFlxns/yFGusgG5Bd9Ls54s\n0LZ+Eu/SyXH9RDl9qDV0ij1D3lLP+7J6RgtCIKdqfjTyQP4zrRzIxCSe+XGW\nJKIvjw+dQi9EJgD5SKYGPcZWsOZR/2ClberBOI2Vm9yWZecIKMRsu769Diwn\nKkcs\r\n=15Uf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512346","@chakra-ui/utils":"0.0.0-pr-20221512346","@chakra-ui/react-env":"0.0.0-pr-20221512346"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221512346_1644062655567_0.9399851176033964","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221512130","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8c8d6f72a636961139ca528977649f8679377ed3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221512130.tgz","fileCount":22,"integrity":"sha512-zsjIIcLovQSQvDgWsYJ5SSm0djyPedVX/atA/j8WuZq5dyn8XTtXxFkCBpd1vriHZqqMfIagtF7Org3o5DxqIw==","signatures":[{"sig":"MEUCIBmm55Z3kqd/O/l3IWPHscylwIJxbZnuZDWQGrxYSRzYAiEAvTc8QtNSsfH5qe/kamEMfCPrBknKucuJy6g4D+N7wt8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mnmCRA9TVsSAnZWagAA5nEP/1EN+uw42PttolmhATrJ\n6UWasMIFZbHQMHUtoEefOlVAvM6m4WquMtHZ3wKUqxDkgeMvWvGzdtDinuxJ\nbjKBLxhuqY9atokkrC9l2YfjOkqXYOjH9FOGnDaR7JK6CnOMmuqgn9B3Gr42\niQ9jQhWfY4NMwctIpJczskyHSDfvMwuKF55MYDm+j+GWJbVXGTTbk0X37yG6\nhqBWIWgSo5DXxmx6FiHBeMtXIGZl4eDeD4lZrv1GVkVX1Pv6h+Qvld6Xfkpu\nwnY63FCTQaUf3EobQxDkezaKkh1xxsuwvdP55djpah/76XOpul6YgjGLcNDt\ns6LFraxPGxXRhB2K/uM7EnOGievFv6pBSGazjQKM53vcWQGIrGHnnZR/nYrv\neEyveM7K6SjfhPesKrV4aRlQkqHVvE6gymxghpmydT5/wyo6Cu6/sR9fHs+d\n2TlX8zYIU3Gbvl4HkpboiLZli2WvRLABje3RuiUME+C14K8EUcziOWKHf/kG\nmhCryp+utsucE/thwF2HLd05ZH76CMDSl+E3GC0cAF96UKQ8ZsK4J3PpzInH\n6Y7v4xwzmq+wJUGn/ZDZrIV07x7efX80eu4F4S+qResgpvaQ20MPvu+dgGrf\nfuXAZMAoFPm2WT3zUs6OZujU0QXS0yjZOPoWrn31qRizmRL0Mhneuzuxveu2\nxZK/\r\n=oU7k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512130","@chakra-ui/utils":"0.0.0-pr-20221512130","@chakra-ui/react-env":"0.0.0-pr-20221512130"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221512130_1644063205980_0.8905802258849955","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215121320","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"41a38adb5f2c11b4842825422b139bc50166fed0","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215121320.tgz","fileCount":22,"integrity":"sha512-ionfyIPvR8PrwZw6MAvlLLUVN7mGgisK7N1mUO5PablSHIVbAcqQSqEYcHwqlf/BQibwrSMbVUal75ddKQAzZQ==","signatures":[{"sig":"MEYCIQClZpd3o+kZoxTj38NsA0AE2Bo/SmpSvSHjNO8JgvwfDQIhAPpgIvVJL7GTi/SxGNlYBmu7rHzpaSfgEZQmhsd3Jgg4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mn6CRA9TVsSAnZWagAABX0QAILmrDLz/aox9P0pPXBf\nSERRnlvkw0UAAl07s5bJg8fgw/qfNnVGZM6FQZPP5xI/neL2QIbjWlXk1Ocd\nqWh5kffXBSqGuS+5dMlxtkRdRtn1BClsSP69ZOKDPaWuF0mY03y4adsKCnYF\nOJsfuv8kEJsxiL1TSyQohWyjeCy+tDgsapvwGZYZt+4MbC3AMi5rPzpe7I99\nJ5DPbOFK2xh9cYglpTEN5oMmtxcrVheCbFeSJljIHMCm0fg+HZr4nd4Rjp5B\noADeApAwKdXLt3tFPbtKn3uuLESSL95OZJEwi2a/B1ffj8Tc0ku+wXAkPWrN\nasZXhc4pULwkyVCZdGXcvFb2yalscGMD3FmWlo3vQsqAnThhUD0URp+TMfuI\nF7RFO3SE3piUwt0ptC/NEnWo97TwSkVXw3ZvIdMC4FbZ75KATmogwp5z1C/u\nOuh5vwfqw11WbwNxnT9NR0uyk2F4nS0JOx8GFI8wVxi0W7Hwhvm3LVunzuEH\nELdbYVuaF+eRDacQzMGm4FYffwxtjos3po8EzU8AGOQU/Ydb2V3GyqbsHOtX\n9xSGgjJNRSHmrZsBekTVobE9F4lM37YRQdd9eSvrUCObsuBdwFL+aajKpAT9\n2/yqtXuwdyE96uBw4G6shjCWERzTvkC6NMNdpar65dQHL1bXhM8Y0syysF37\nEAZu\r\n=vFvL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215121320","@chakra-ui/utils":"0.0.0-pr-202215121320","@chakra-ui/react-env":"0.0.0-pr-202215121320"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215121320_1644063226801_0.4782888345421692","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215121353","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0dc29feaae62c06d284989e827c747d425e36859","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215121353.tgz","fileCount":22,"integrity":"sha512-bRB5M4sxFAbkrveDcV7z9RMzGkPkZyl/pegXnN9YwY04FuvlRT6Cp1YTCaP/MhS4Pz+0FeJtT+QGtq+muf4T0Q==","signatures":[{"sig":"MEYCIQDNwgW4eGcxBd/ahlXBrbe7ako0FpWnZjNyxLP0hssunQIhAPjgOaM9D+ECjo4H1LADCSxtFyabvYuBd7TovKC8PBze","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moaCRA9TVsSAnZWagAAjjgP/1T8B2aj5jwWZZM3v8Ir\nTydeBXpuIeLf9/y3ZofZGHsDcmGETf0FA5Q95hw/3PJPoxg/sivGBw9LGd5y\n1uO7FeJiNlT2rp9NGvcdcE5d8oyKVtM16gCgFos7pKnutGdt4RsNlK5GpFb3\nG22tlUpPFHMzqhzimHwcCCyhY2YugXMCpGRwwdD+H5CyHrhWJ18tNFsPkVmp\nVrf+QQ+0fguCHlRmrry8/5wgJ2vMT9OAOsmfCOd67fZzO+8EOGwAXmBTykpC\n88lH6QRYGkN/Uo05m/CuUwKhAN4oTZ2R1hYj3K9cWS+T4dkFoozijOONuUaI\nlI+rnW83Paogs3KfPv5Fy+35QrYWRb4azY8QqpiovKipxRYw4ZXGOGWSAZfG\nMqYk6UKF6Gmal81b0VFC4i/XIXOYYCBoZ9/HrbwgECg7zIRz253Kl3eiNeFj\newpO+A6OerwOANY8e4cjPq/0X6R4khtDbtcyVGIsLhJPor8vS1xKxweq+tl8\n9xAUdJZNw5Qm7BXwNjKl/ACtEKEGn5smliNMKn3TigA1GWGsCAFimPwlwSOI\nTahc0wNaX0iSDRirU70VirDX8H7M0PslevUc1crGaYoh+3vqzBPh1Oz6W0Sc\nN5N4ryw3HK8gGm74BCIlaFvotYJos9qLa5d1M4cx2XGn5OwDupNHcpxXiQ2e\ndUt6\r\n=K20w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215121353","@chakra-ui/utils":"0.0.0-dev-202215121353","@chakra-ui/react-env":"0.0.0-dev-202215121353"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215121353_1644063258595_0.19472961897538577","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215121428","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"68cd26621b5b195aa079a9baab24839f3955e1a2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215121428.tgz","fileCount":22,"integrity":"sha512-0wjjx7t9hPT2zOz5JI9MD6SazNtc6N+xcXOnREI5ziFCZfD6ZqTK8Q4eBLy757Umu2E87TRa4HOr9z40N8Cksw==","signatures":[{"sig":"MEUCIQDo6XPF5EJRlgbHbfKWMWmuBkIHuLghZnm7kNXuGf5TfAIgMvi5RmGKRXwavLtnk8UWUT0hNxAlL9+I4+hidiIw0PQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mo8CRA9TVsSAnZWagAAd84P+gMdWEjAMcDICbEB7+CM\nvDflmFSBp3rIA458ZexMRO1PWTlRTsjPzUqb4GWoQ2ko0I0nQhgdyaaqfonW\nBzd7HQIDR1/DOFBsyovqcqgjXifDjYrr4wzqFLtrkqB6g7zeDPOrg4J6DCvc\n/OhQZx+AgWv1WzgWDi8kCBYE1KI0crzhFmvYCGoaVB2Uyoj4tbJHVNzz3pw3\nVS+bszeFDovis9wuibMpOBCX/mv+0Sh8V4mbIQwGWllIVvgfw0vgROoHIRDr\na2r+DTzKR+7ep3UEeA/K9TGSWMY2nXt5QwDbfoE2djg9IPVZeKRN8ColyHu+\nWmjJj4UW6uOIfA0QuWi9SxDx8A9IylcpYX8CtNHqHvzR10Si2ZKMgXfeOAYW\ndiwmIG9DP1YBPLHMHYNLvXHa5wOoJwUIEJ0uEN3GMK33kHHE04ajCYN+OAr6\nC+1DCBdYRkII8KOb5bO0xVQ+Y/kv3Wrq2o91PHkbeK1geumure7T+ll+hUTL\nAbUg9GvuhxwJzMbSXU6IJa/Jp/Yosy5l+e4wG/0apmcaKUQev/HhCMaaWBSV\npWVhWdW/xXmOhaz85lxHPCPiPg7b5PxbLCKGhf3TJNOUh0qcvoSLtMznD2Tu\nTqS/rM+PCVPDFptxHq2PM3GBoG0DkP0GG0Ya+Dyabx1KVnQD9oRehJCy4Sq2\nvhxv\r\n=l5nQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215121428","@chakra-ui/utils":"0.0.0-dev-202215121428","@chakra-ui/react-env":"0.0.0-dev-202215121428"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215121428_1644063292202_0.3201013011432736","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221512173","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"cad98ca52ad966655e686e66b27a5c1fba5ae901","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221512173.tgz","fileCount":22,"integrity":"sha512-+0Ipxzaz+1H9nDbe8xd4Yw2ICDJTuWfoLJguNncaoPZz2b5ZmNQf9I/iqcHuCp7wadfyVQ3R7vGFbnUp32i67A==","signatures":[{"sig":"MEYCIQCQrTKlJpBtke/4l4NEDpBj5/8LZHOROoPZDJhUNK/f3AIhAOqJIbeaIKxlOIg2W5BKaeUT9e5AQA29YzcaOSMV0j6f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrYCRA9TVsSAnZWagAANCEP/2ZXpISSCKeoSFItajaH\ncycNZb6jY1YE3TuNPlpUqWPemqQrHnf5SRKvog9zuT9SAOXl3x/AIshdOwjJ\nZST3CPHOXGxXtDb4JRV48mv07r7JCih9/YiFnegURyUa/bU6xqq7Fk7bI3rE\nbzqUmUr8JJjYC6dtwLh1TmeKGKIg1E2GJiv4JjpXREw6wOQNoAMF5cW7LH+X\ns5zedIMZg7uZTR72HvqAhJXlT1MoKiIsQMH4QoZMxGRgETGCe4Bwdx801aIn\nm3hLeHKOFWvmvBdVZehna8xizuI0HMx8s0pwMcVRdwpMTUqohQymZUuGerMk\n+7aukhoJV2SJ1TQk13Vq62vYJAXkiVs8gM4iGCKCVdfsWDl+01EiGP6m4ELn\ndMSrW1Eyv42pmmVFm68ZkK/P/tydOrm9X7i+3oj+VPF+tVmyEi56BQbjliZ0\nGocpg4cb33kOx1VTq0of4VA1I1IvIsHoIChHaW5dCnwgbCrZqwrecoX+IEEA\nrqgXQkpYk15otFTUdnws7NSU2VSgGJbiTyZRLKEG0//EeL76g4HQpaFQ2V5L\nflsTVGbtT/ESB0nT44tieKARrvUHHqHDokIsSzZcwnTcExS3glK9IiUUhjap\nlfV9d3Tj5P4mbIQ0gZ0F+CWaNxCo7PaQwzc1kuZBBrhvjVucEGWQtd5EI3mZ\n44Ae\r\n=XX4r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221512173","@chakra-ui/utils":"0.0.0-dev-20221512173","@chakra-ui/react-env":"0.0.0-dev-20221512173"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221512173_1644063448134_0.7785922354634844","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202215122415","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"10bb9ce30538b200f243d637882d1dab743f519c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202215122415.tgz","fileCount":22,"integrity":"sha512-eiBLENTd4FzqpEjAY55T3cuwKAEhSwHNvI9Iwn9OrU1O2gBCDeYcc209OEq+qFLikF0Sy4BTjuk7Bdfk2ceoYg==","signatures":[{"sig":"MEYCIQDRq4MWUK2EsjVgbY0xd5li2wkCrJFbCvMqW+AWloCZjAIhAPXzWKHl7FAPdMdWcQw5qQa6yrIbR3a11pAtAGwtzxvY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/myPCRA9TVsSAnZWagAA4wYP+gMHXlw9kKVhVFXhypXv\nEyHMUrSUH55eOSCLf1mGqNpt52vDk+rQ+LGmPTdNWCd961OTrrVoTjL5sCSn\n8iZe0oJfSY/1nDhVIhTD4VQHcv/++iTI2R4ef0lRlYsALt1vLS1wk++lYtiq\nejWd2G9XxDhmJXdGGr6gtNlqny+XhrH+hfSFH6DvvAwnoZnGpJFe2wSZyG4/\nvAf7/rPGEgjRwqP/r6CKodZkIkewdcKTrg/ZurhGJsFS1S2LDJxdn6YN9aHY\nZLjRdQtU6cvXErhQuVC2dGUqxMUUeKsTk/NFekxqk37+swn8kGt866o30jdW\nfE1GWTFo4KJc5CbK9rACdsZy+zepEyrNgvpfn+Rb/DUNDu62P5KdtfxrR5k9\nJ9KtPg3Z+8Wctj8FAL+yybE6NF0MqHEpb4A4jkxkBH8J9ISQzhrr/PGiGS7u\nQUxUFhfSpyBaR4c69cDXb87rEflFCdh0SAKguHYBsnFkQb7nz5bCReP8CpY0\n8i0ha4ve6/902EVeI0i+Zhw294ZxjAdsJDkgPjdEkrmo4QV30P3gS73Mfro2\n3QbT33QuYEAHVZm/50GlYcVYAhZPi/aC4XDk+j5GiCTFsyRFzU0ddikwKqSS\nkBplvKg5vE+Iw56pAeBy5DmJ5NWuMqXsLA7lIyQv5hhF9b6+mqEmyzfbhqGo\nRbol\r\n=nTuc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215122415","@chakra-ui/utils":"0.0.0-dev-202215122415","@chakra-ui/react-env":"0.0.0-dev-202215122415"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202215122415_1644063887792_0.4981253871144824","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-20221512359","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"70ce5297181707a529fd70f86e2049014cb3c2fd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-20221512359.tgz","fileCount":22,"integrity":"sha512-nxshFQZpoQJy8n1LvRrNMTC+tdcqP9ksTlEuOjIDepPEN4usogmAUTqcCNsjLSquF0Zswkqi83TX/xh35AGAJA==","signatures":[{"sig":"MEUCIFyTHeYzwHHAz2aKtY3NdWwE6yHBF/kLUscZH5BpcujJAiEA0GSXKBKGysuU5vVGeZuTganYKgziCLpdPaMQl66pGbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8ZCRA9TVsSAnZWagAAtY0QAJLwgYiCggksgK4MsfO6\nWnW05O9pm2d7BrWJ0IlW/CNOvNZ1if6Nid5ShdNadk4gVFHpeE1Ei80nn9oh\n8DR+EMAlpGIplVkQExNnLu/hoAW4maCoIUg1Xe9Nid5GJJlSMPQ7bDaUNqcR\nuoCsiprytBCSfEboatc/It18+OLCPfDCuVIIsz/ij5Ax/W3D7QMwJLApxi26\nkjNaq2gFOnt4BqUU67qzCZjAnYnYIGcGDxRany7+VXtncuTrDS3ohrMvhz/D\ne8AVOTkStGEkKsSlWaXYUenmc5xKcrQpdokOdPJj+12CLuQ08yB6zci8IMGB\nBcuM2AMY9QxQnLkadfnetKMB9H9AyO6Eevu8z/cBLu80Tifcgmf6ANwqKaBI\n1eCXbKsI9+a216MKO8Exj163ME9Rpblx0qSdZPkaadF9nf6xJAeLB3IIyoe+\ns8ridMuN4m/VTr16e/vO81agZlBhUpX7cI7M0GhWkF35tLjHLLg7gBwugEze\nkblw4HldwlA0yX473SrLTG9JpXy5p7zGOkB0Oh1sqG0jJjpA04/OeNFsgrdl\nm6bY+PY6UphrIHzT1rlI1jNsEEJfuvexJskDnNixG2QAiTChPEkaggylkYxn\nBQvvGJg0NDVF1ZVMqf00c5cTG1XYqAUmgX9FqR/cXw+q+ayyuU/FEaHpvRa6\ncJ+8\r\n=qd7F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512359","@chakra-ui/utils":"0.0.0-pr-20221512359","@chakra-ui/react-env":"0.0.0-pr-20221512359"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-20221512359_1644064537245_0.09776492611241938","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215125733","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3d20169cd6a758463d59a6ba0fd9eb2f23a07b42","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215125733.tgz","fileCount":22,"integrity":"sha512-e5mZ1/9dLSIc2/yjnD3qejBLrwNBO7DUAUAqfBmgVZxjZfpWZ0l2M0WbsTXczz8JD2GP+2JNxJqKt01vhcg0rg==","signatures":[{"sig":"MEUCIHbig3nmLQwuRKwGLAJLeZcM7jUia3n4vlCdR37ddYjLAiEAjSOQAelD6P0yr9IBYMpUN8AMKAXXanhnh7BmwZKBGoQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRdCRA9TVsSAnZWagAAuCcP/jMEYqcf5jK7KCo79kQD\np+i2cFCxhwjwU+xO2muA3dZIxDfw66Q+IwU34BQLLOyhoZEyEdmN9IJSocvy\nmIYv/0R8BNOK1j7SES5PhlNtXS8l87xqwHWR31VJTIATOq922YR/Fqxmcyzq\n2s4+tnD5slHL4TEW8zZv8hGTv/rzKNJIBFDS7x4vEqMiKx6SipyDgy4GaEXC\nOkOzh1rOZQZ0CjidsbRP6uQKs4tISkcGF6U9oISnGU5j7yydBcjdjRENf3EF\n5cDOj4zHoDofLpGeaz4RYDZh1FN8H+EUu8pUyKBjZe3lfngl4+MwyZj5F5Iq\nCkx35l3z94ZL/COi52dpyo/7CWm6F2I/yP1/MH8R+aZMEeL+GeCIurTYyZfJ\n8EhEc10Xkq9yJAarIcCNpGXax33R9LMJnplOhEhcbgTIgA8fnJdgZ0THVNbt\nORFdtKBv0sfETeSmLW7kWyk1Ge0GBjoA6oBUe76QScGpJre/BmsJtc9U6emN\nrOyaAokyyr1hhI61Kg3VCNKYxfsCgTZNduBfNt0ESIuSX3YsLO+eQEU17V/o\nYYiK7h5eiHLN8IV2w3lpMuIhYyDhzarqnGXO3YoI13faai/MB6ztFwEoleea\nZnwjMpGlONjO5DHduHPV4+bEPzcmwbIZ9Hvdy8RYFIKe/wkIqGSut9RCeQbJ\nxPOE\r\n=Hd4p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215125733","@chakra-ui/utils":"0.0.0-pr-202215125733","@chakra-ui/react-env":"0.0.0-pr-202215125733"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215125733_1644065884958_0.7139205053393172","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202215132532","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"30caeceb9b406a30058e4ab141e908654dbdfb08","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202215132532.tgz","fileCount":22,"integrity":"sha512-z9oTO5GTyc153eQO1TrQnX+ZqHnxZbCjm1QxR4vu7E9ddV+Zwcm9SwbTJmSywjcd9FVDYMNCRRbvQP0jyC5zOA==","signatures":[{"sig":"MEUCIQCXQOOYRv79IGCnNlryCsQ1q0aTllRMpX9XIulADsza9gIgXw5MCpo5p8oQQ5caPDHefADsQV0WmNVONN/qm+yT/b0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nrqCRA9TVsSAnZWagAAGy8P/3zXiH5OUWE/tS6OxZIH\nVE2gUWZ8E7JW+gmQTSDOPQLjsNQdYPt5/bxIsI46m7WUYJVaNrKugUGlNhmW\ny/JLm0AUAy5plFQ7vULZO1RVs4vCOB5lpoWst9/l0yrFstjsYjS2+8IdxJ5b\nBOUbTVGfx2JXSX6ZpO7pdOiC28MT/lgx9i5Lh8WZUcU4YTtXUiFWN91y56Cy\nt9CDMsK3dGDurqVz6qHGUj47AdCDXQsJoiGrhki5oI0mHgquA/yVBK+QlrI9\ntIQ8PEsvyFP3w4/tLOEa9W1SiXiU0KX3c/EdVmcvduQ0bViCMCc4xNah7Il/\nEnM30Ixam4YRU+oxtFC0pcfQ7abhV2xAymQgJU5Q8CktSH0UXtX+CZfCSE8U\nOgI/q42T/RtsB/Mv3XCjy45X1jXrp0HnN+CUbL1ajoEIvTnDKwe6mpuKgLjN\nfOhKYlDoMRwC4/PTWP+6t0jSWFvw8MIMokaI3e8w6vxhkc0adT3rDT8DlFXB\nuy9i8P02kAqzKGXFil0nGbJHuYpWJVIK9enpFGr3vryZNQcxIM5aPirIrl1C\nJw0fzxMkLtX4U7mNG448t2dNd0EOUKZaT3rqWPG6GEpVlKQ7Z64AO0s0mymW\nfeqU3zaxf+62k5Oz3Ct+KTKTBYco6WjLh1av+uveABLczQwI0PcW2fYI/QnP\n0sZL\r\n=XKxd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215132532","@chakra-ui/utils":"0.0.0-pr-202215132532","@chakra-ui/react-env":"0.0.0-pr-202215132532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202215132532_1644067562400_0.3617238293252687","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221513279","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7976c17c84cafe8e2aeedb368310a9fded11a234","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221513279.tgz","fileCount":22,"integrity":"sha512-e+YNloov6AJ4+H2K/T4fbpB8n3dQl4+gIcFXigldpDx5aFBsnP4PYdkzJlJXO6/bsDmd1A5YJ9MOnv5ceL1tow==","signatures":[{"sig":"MEUCIGhkrjNfJYcnxpIA/pDwYByjCo4w9/eFm9D9SHvl2riAAiEAs274x70SvpT6jcsh3En8pYB+eAKlTnUyBjJOTL+PDWA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntQCRA9TVsSAnZWagAAHw4P/iW0LtAsyQVteuHjVD2I\nXbfmnOpOX4ZnF0C0nyCFjXlrlJpEcqJIBBdJXXAIxLJts55tGsme1GRLAwI3\n9SRzSVZLb5h5vLty2UXNFnEeIGOeabACOxo7JKJWDfp2PjGqxc5aNgz0issv\nsjOkMQDBWethHDW28GFAZQPYxg/ioz5CB1JX6e5LjvT+m8Nsyt59Nx6Q62aH\nQppWmdbQivYSXAjyaVw2EkDgXEjaGh8dxFwlMfDj2D/4xrF6SuZ7n40Am6zi\nf0abdXwYUMyr3ODuGEegPnAuOflDozDtYQnhO291zcpLOcY3FbyPtAhNN3KP\nICTl4BxR+zTCXIqWLzPQVoJWRDqMJsgROk0otTCVWyuMUk7a4cpICQ5TYIvx\nKxKGGAFRi3vhLPptxOBRLU+R2EAEFZ4kNzzT95vc5u7vTfXGjN+LNLyXeKxY\nnC7fyuq8Lbgmh8U0ed9gizwGs8dY3WQSP1iDwXr/gA76TpN0VWE6zirNrtt9\nIp3TfdE+Ip5bBjKtJUxmrNzBkj+BxNK0xX3n+FkwSfh+Dv234U8mrGYOXX9o\nKwrgAKX1bzwyQA113DST5JBcvit/pRMOtrFsari89DAryvTMpckiA3sbw9UG\nA60YGdYlRQeqoXlYXWk1KO2nGQktxlh3p78P98zNS5jC2afqA4QrjqlUnz0x\nVnjx\r\n=i/nA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221513279","@chakra-ui/utils":"0.0.0-dev-20221513279","@chakra-ui/react-env":"0.0.0-dev-20221513279"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221513279_1644067664676_0.20793912987196617","host":"s3://npm-registry-packages"}},"1.4.3":{"name":"@chakra-ui/color-mode","version":"1.4.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.4.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":"df9dd9c469b24618f6b937521005a4711de6b884","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.3.tgz","fileCount":22,"integrity":"sha512-2EFwsYZg3/wMH8DWtQic766N6gfw4Z/I8v57fmSSvkPV8k72pUdDn5ZjtnGhXU5R08aWl7w4exPo31ikLYlD6w==","signatures":[{"sig":"MEYCIQCd6wKVDx3rg3Sn467yGuX6tl15NL43B5YDJaYXXm5MzgIhAKbdkQgiXySjFwZ06X4DEjl2pfLgL9/AwY/VQnMZgNNx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1SCRA9TVsSAnZWagAAaU4QAIxx1YJnr1WqkNyTR5uY\ndUX8fZa4139o1BBop4KTT6+M5YqFMfqon5olOaN8txaL6ZOUm3BZu+rli+ri\nCi/IzxVTVWd6V7gOqkw+u5gpZTH62gnwSrmPzbVYQy+V9h9r5oQseFkjOC9d\nubBjKheEe76zSPhkZYh8IJFG+L0aiiC7eBsgTFAhYjq91/pkOnuLfnLjgsfi\nlV0N5HmHkRnwu11OvwQlw/JRsa5XQmLsUPCgXlTy0OtgLCI0FiY54aeAU3lr\nGMDvADPpEcGD7A/gfpcnyLBhSKBtqEhJmWLKZ/Tdw5TUusLXWc+Ko5moa/7V\naf1HNzVISQpHKV51sX14h+Lpibq7S2v+ynqFXYos80sFpt4XA1T9GX+jY5Ix\nOPrykWzcDwdDgVxxbmnfmrMBwiS0pX/GZBHAka4b/HuXETpqQKvctR7AOD0R\n8E/aZakkzQUpAUlI3JTGX1+AKXvpLeDZVqXshdD5Ezjrl5hfChRAgrEwFC6I\nnCennDVROh8KNDCe7/yVU3a+8PkBJzqX2DybMbazX+VbO1pRhBqCAZesahcV\nzdRSEqjOWnP23mvXoGdQTnEOY2uHMlPIjCWMoJd8NQzuB10SZAmsZB9JcxjR\nQzx/7/WeBgpMjpvmPE2oGuH//AjF4raoDaLYTX5WwaSzTh8796xe7mW156Io\n8xwg\r\n=MVvQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/react-env":"1.1.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.3_1644068178270_0.1393449516757297","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-2022114224724","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6ae47a849e0b93f43186436f275a460b71d2e8ea","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-2022114224724.tgz","fileCount":22,"integrity":"sha512-h28YX4po17Uvq8h7YupocP8z1f/Kaiqhwztrd+VYdPIM8S7BLNBwwjpPox5Ravr+r7bs86R9t+Fxy097+EhOlA==","signatures":[{"sig":"MEUCIQD1uoIzhEbbHpv3ttZgMUHRucPPtW7ujRZWpErAmzhMlAIgE5EVtwPqa5kpBYEATNoT+LqFzdrW0HFPThOIdU552PM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtwgCRA9TVsSAnZWagAAwDUQAI5mz1iIEqpREeUQO5m7\n7WWrE/Hh3/k+wE08jA1pJ1rLP2RDZrYzry+P0p/V0EzT1nnUbOtllbd4flnq\nQLzyNzOJWjMx21pU7e35VZ3B/4reVK9oremQyWbPsJTJEsyHL/Mkag+Pm7OL\nIqQ1oGKz3ol64Tbq87wH5k7RsJWWt6GLBsx9ohsqFHKojwNc1GJ6Be5y8trR\nK7jphz8Pa3qgrv9qfp3ORPOYyTe7SGSks1XWJXIVxIeZMzNjyMZQj6UrYzGz\nPmDdmOtm46evzaujcMSkcumEfVPaLkl/uqJh+8jTNOe1njKFU+68p1MXbOll\nZgqSOcm13rR1XLtPxN2pxmjyQCDot93ZYQ1lqAT1u9oApNsNAnro23ZoRakg\n+zvlLSqFX0ZfGYAVuEOkfk0yFxpQKoQIuEotYqn++fMS1Mfd4u0EMhzpT/QF\nIwAR/S8sUVAKSUsZZ3jc2XSMjQmnINz1szDjR9eu+PhlJuMGHhvZ+QhNw0fH\nOieA9oXNtYDmTL0RPXUjns+6XH69ugzqrFGYfNLNnG4c2l9YMo34X1UiptAy\nuaGXzFoSIF4p5rnknqoNcUDSbFZYAoI/dk5YQLYNH/2F+N4Eh6y/q/YmDqoq\n3AwG8Bf7jU1NCbtQKPpCz90XjiGAVpFmla1XNZHsIng4WuUwaov5Wku6370R\nIFbm\r\n=UpLH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022114224724","@chakra-ui/utils":"0.0.0-pr-2022114224724","@chakra-ui/react-env":"0.0.0-pr-2022114224724"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-2022114224724_1644878880386_0.6028051680349418","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202211594731","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b67e14d47325b14e5dbb805cf4b30efcdb64350e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202211594731.tgz","fileCount":22,"integrity":"sha512-3Ss+ApT5KH42s2A9MZXhFsqTwZpNyqmuScozola0WRx3bpPc3DqobYXhTQzSrGxMX9qeRP2+lbf7QJIMarep/w==","signatures":[{"sig":"MEYCIQDHnOe09Lqvlw6t6HcxMNZQHpz/mgx+hCSmZcmPCqzWzwIhAIQeL8XhFScSzQ5ENQhZJNY3Ad7ckueaIP7NZq6wObXW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bMCRA9TVsSAnZWagAAKpAQAIo2aU7ogY64lbb2Tc5k\nyrbjacyg5qg7Rf3lU8lqlPfby4JwkRt4LaInpOUyPhWE1nppMqm+zXvN5q1j\nWHcGP6J1/VZYHXQxSc/6OeyxZiT+swQAA6ir4JbMqHNbFR7HIoQXqakq7Yc6\nsjO7wGlkwxDZn5OPTxCr5Ys7lQ2jGgEG3OCrKlaQgO/uIc4uW68F8BuByaS6\n+MlK5VbKHf2ux0sMATg51iNJ8Plbg49uYaCIw6B8JZqNS9LhfocnJfdoO24u\nRVE2/3z+DCmJi74DlNI15Ai7ZmD9kUl94FAcRhd8rER0O8oQYt1J8gEaQDae\n7Y5HXMEfN9S7LselTGo12nqOim1sHVAcb/rOfdWD63+LRHGGnKiiwoCa9rXD\n/T9d0H9Aftb7S1DIvZS0onTMT267E4DykyiLFIJCDf5oMfL/SCbG4LXY2oxc\n6TuPAs7Lwm8GvGXHAR+NG4i+/o7Fj0w0GyZopNmSFt7L1sFxyJ4LY4wHosoi\n1AlB72MybmynswNMFuGPnQaXZP4d0jqvzFC6qf903nK1CymtOTR4KNuOROjU\ns4oZtBrRQ8Po5jV+RXseaWigLGx3TS3ellc46TwKMrto9z4QyskyjYCq2K3h\nro+zJ+92P4W09mRffpnyQaOqWwYFi1huyCp4mMWUecswlTAeUDr7xW0FfSLD\nVvxx\r\n=sZa8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.1.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202211594731","@chakra-ui/utils":"0.0.0-pr-202211594731","@chakra-ui/react-env":"0.0.0-pr-202211594731"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202211594731_1644918476189_0.132971866020126","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022117131714","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d6e62315badb8e2d26f21cb9f66bbb0d7f459d56","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022117131714.tgz","fileCount":22,"integrity":"sha512-SapsASupQDq3yzM3AiyspGzCiUpPrWdk4nuwTT4MA+2ufEf4IargUdImPF4Pns/1HLgqPTdje60lNlFNYj+wkQ==","signatures":[{"sig":"MEMCIB0m0nQyQ6hTjjcqrntN+RNy9i6F9yfcure9LGiQ0doUAh8o/OFPec1tXxXajVyFCamPz57u9/yy0izm9+zvti5Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkryACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5jQ//Rp791NJvrSf+N+RXLoqPQCOxLk7pqacMGri7XB1Tmqa8V3pS\r\nKQnMw43qJp50JFTmsUiisZ7hRZVOjdfcofqBswPjNSQXbDS7zv00MdXjBsBF\r\ni/YMEDew9ZMXRXXDT0VV1bi5z5+xcWupUT5ia61UMN7/inh0Q8fvcuaQzxB+\r\nmtq/4b3ejlklIPY90md8A2rx3NabFCyQ/Otdxwa6ZbP0sViKXQnHtJeVBSyg\r\nhuZtfTjLuAQQYymfD3M5/PFeYWEwXT/BlLximbukZN09bjmIm1jdG7SstIZB\r\nF1XGLuJZavzcCmXYIYIpsRwLcbDsvIYFtnyYC24VVFSGbhNywXgzA2I+QJGX\r\nPmhQWDRZPq29WxEwFkH2CTv7lQpkS3wnNEaJQ302KFNhFor6sJ8zr26a1yxY\r\nJlCcIu5RlWymywHjeaMqWtuqHT2pBIyndqvhXS4Qj1wMddQSoToGqpq/nCjP\r\nXRj/iCAe1ayKoatggOTLwv+1XwSLrj6aT2ZY1JrGPXLxh7CSDLANtLixdWjD\r\nqxtLoW3/W9yscyTx6fFQ7B7/WsBpZ8kY/4WtRB02/XLXT4sE5EZm5nFDLyUV\r\nuB9ZRBOd9uYR5Ys/rY6pIf1VAVOLQKVc+9j9PAzqnGtnPkt52jy5h43d3evF\r\nwsDv+KbQSwIOLV5n7+K13CMPEKdY87ZvWTQ=\r\n=oVrF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117131714","@chakra-ui/utils":"0.0.0-dev-2022117131714","@chakra-ui/react-env":"0.0.0-dev-2022117131714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022117131714_1645103858338_0.15674187412643747","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202211713187","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0db0dc5aeddfadf95c8c61e9a4e9e1155edcda85","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202211713187.tgz","fileCount":22,"integrity":"sha512-iz/qpm4plyQbQc8LErfirmTZiLYS0SfWoU38yHdMmdgPBah5n8LEfS3EX31La4VrP3/kidFHHA9izNPWHnuZfg==","signatures":[{"sig":"MEUCIAMlaUEN2GpkkxE7MKksWXvm2pZoK/YUIzqONnQS4ApEAiEA1mVFzOcLKm5HeXDGFNx/FXR0ZImrlbrXB5Rc5ypA1Ds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDksuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonPxAAozNhBBZyPhP7okAFcHY0lEj8PzkN+kPBpIP93GQ4lbwPfVxT\r\n7ECJoPB8AtIViJH4pHz7wUJ5nZa252ZVWrc+UR4OZJwLnD7wHKFZWoxxUpRK\r\nX58WNAvs6yHtalBzjMzAwbMnB6TO38o9Xe6yvUh672l/FAljsnx16+gldhNd\r\niYQLuzgbDAYoY7ajPr9Bnoka4f/WhfpBzqYWcaa2zZhvcTnWd0ZkjOjHNruk\r\nfVd294sbQus5Hl4DVBWYs8zVTyOOr6khEAH/72w78hW0Nxzz8p1V4qSE8zNo\r\nVYeCoNbciVoOGQPmL8v6r5sXlb6WcjQnDZ9wBLxPgEMBlJtEf0rp0wYpdaQv\r\nIQh0cP3ncAMrgDoSCGszgYEOWbh7QLlEr26Fm+iNdbEKtiEUro8lR1lEReqJ\r\ncNXCZhpIu3waaGXvwHnV186y/ivGhCBJIf7oqOIUPDRcZgFMlEh2jLPMHcfc\r\nUFBTt3PR2B3kkyaGvaqpVw26/0ECvkIS2HQtssz1yOSLZX1ONhx7qOnLDtA1\r\n4Q2OwiygGdVV2MTw5HHu+EAEXDNN94B8cvTa3KlFqjkkLr/rxfbhSJvYir6b\r\njtYF+XgDsYY5yFlHnTQwDQD+NXvMm++NC7VAqSB3co/HXVMZB5aat0FIL7W7\r\nhLrg4X1GKc0bjowq7L/l4CavFenjRH1n5Yk=\r\n=K1YZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202211713187","@chakra-ui/utils":"0.0.0-pr-202211713187","@chakra-ui/react-env":"0.0.0-pr-202211713187"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202211713187_1645103918776_0.11247466673200934","host":"s3://npm-registry-packages"}},"1.4.4":{"name":"@chakra-ui/color-mode","version":"1.4.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@1.4.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":"31f8918a4f1c9a2609b848ad3c792e2762b6656a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.4.tgz","fileCount":22,"integrity":"sha512-563pZmpxxKw5hWXjSK6njFT0XgI2jcbvOg8ynOvoigqv5Wso2CL/H7aaaUgSNBxacRYwV50XLd/6IdEwCCLZBQ==","signatures":[{"sig":"MEQCIA/I14T+hpSXk1K6Ud9BABwVZNt00s9SIwvBcwcGF33/AiBBLTuW7NPcgyhjc/9gtH1gnM4z80oO7MLxtTpVJaP9EQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkv9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxbQ//V6oY8IyYQZDUe2gcde5+GCcDUz9jOsrH/3yfgkX32EQ4Npqz\r\n33/MuEtuHRDH3tR7Xpc7U2YUCo3bcQ2kK5ZI3n8oqFaYPuZmXzHXV3ZCHV9a\r\nFCbWITAHer7N3g1/YrgitnO5bs4BIVmxbfcg9sFSbq5/8SbXg+dDhSYO9rPD\r\nqpVchwDDR+4inEp3WHmLJKIWiyzxDRYuvelUi7YW4Wlak0DB106JJkDz39TF\r\nbv+g026HnQ3Jz4ZVDLDSvNNacHm0cVxHOX9gVMAmHr0uGh1IldRMQCx58xV5\r\n+J4BL7WVBjWpkaOBjrjV91wgkIjj3Q350GgDAJgk04eXA9rHnLS23ZdDn3JC\r\nflyEklpvVk6oAj4MiEZRSXafeQepOYkRBx1Qm+zwMmT7wgqwz2PQgygPvlKW\r\ntRLnyJqtPKaL4jRmTio+8UywVnh2HHSSqibSnA7og20Vu8iyrk69ZjpR8xZ/\r\no9PGOvXicLn8Zz7zxFqiEMuPVgBo8fD36lsxKGgM2yX1vs2gRHsTlmwjV8Tg\r\nPkwzqvojHDk4OQW4DTUI6Rq9YcMf5xGskN2I1PAEFdS98Uu65DdtcrDH0z8X\r\nzRVVjqDkejVE8SyJfkm3mxlRYnnehySSlQ80qjLtxvxhBcC0PzCvjLyWdD0m\r\nTfzcBWRyQ3OLhQKJZ2HQqLp5Fh4hoMH81go=\r\n=ncJg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"0fda9bfdd90678f88a39c3dd70f856a7f010a585","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.3","@chakra-ui/utils":"1.10.3","@chakra-ui/react-env":"1.1.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.4_1645104125828_0.5356711195017891","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202211720414","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6d35954c63f7ab897202aa8af4e6d23145b9b2de","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202211720414.tgz","fileCount":22,"integrity":"sha512-mbr9oD+2mLTSa2y4lHqwaaAeO2p97cjBY6eY2RxN9ux1CkPZU+V17FlTnPuhOPQkq4Ijb7+ir/WW2knfvr6pMg==","signatures":[{"sig":"MEUCIQDhbrsLVc8PH+kEqgUHl7zMLxaWKG4NZYqDX9K4mUghtAIgPaBa7C5HBNbfxqg72O5lbzT8VizmNhXbN51FB44CJNY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGZw//ecT5Obq6Z47toFqHQVWmss36DW01M4mgImYMMpROWoSwMwf7\r\nyaA7WbXRS9F05y+Z6fJGXDTRUmlEogFUniadaYNZAROv0qN06RdX9qrXkod+\r\nvpSWgAT9bAzsuopb0Qv+GGflpzcC1fXw70L7/w1oyoDaeznRGsBffHMla2iM\r\ngvmlOQCinHp6Zxz4uBu1ywm6q0Z0tuUruSmOZMG7/WCCLlSS4nHWLLdu3RxA\r\ne4vAVUVcep2UbM3ZzhZXEgsuLJ2EbeJz/Osclse11sSFMs41p59VpDTr3hBf\r\nWZzuC64FLuD2XDYswA1qJ8DM1Jjv7Y6GYn6yfIVhlNXFsUXHd+ZwPWgfEojB\r\nt2gKoi+YRDE7lnIfENPgVH3ulKDl6XGiqS0eVvEzQGjmzhZmY9YDnwgt68/b\r\nIq4pnfSg8uSCXcqhTaSlErTZCSkclnu6Lxq7+uQJ2nQxe+I/cAAKD/nZy54G\r\nZ8Q7tmPAjXZu/xxtMIqXbG+PWV3auab7afdnWGGAcOr8zFiCh2enisPUoZ3X\r\nLv9fteEoKG2XI2CyZaaHZsstN6nKLOLXey2w21KI4ObawQifl56sU2AhzqKA\r\nppAsKw6IA7S0JL2HWvm8IaJ1prF+D3EN5jlsWajRt32eCbwskq+g/KgpNT+k\r\nR8bRjCGJmnV1R8J4NOwVCnw8ydjkYJbxqzM=\r\n=d52S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202211720414","@chakra-ui/utils":"0.0.0-dev-202211720414","@chakra-ui/react-env":"0.0.0-dev-202211720414"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202211720414_1645128282373_0.6643982011704959","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022117201925","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4a6db128ba97b26f3aae20bb1c9ce5158f2f71ca","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022117201925.tgz","fileCount":22,"integrity":"sha512-ZYJq9u6Ufq1ZMtJlMQuEZtlB3Sl/DtCFyFcdGhUTIL4qZb5RByYyJEW+H3/BjDmQyi5L27MR1dSui9ePknEZ/g==","signatures":[{"sig":"MEYCIQCVZEyvejtTscnm+Ya4MovzzetdBSDdJhkmXM2eDHvEZwIhAPPkeTuG9in+p1C18wBJC/o8SwsW9djL5nsg2K3H/cQz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq3uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUUhAAi+j6ShQeC3XxlVghvs5VKqUKqyZ4glGT87fPaVWqNOHDMdT8\r\nEJzLljEF1VkawMX1wY3m1SqqYimJu12+0KWgvRgi9UIO0OemLeTIjyFLD9V+\r\n1IhY+R8/5Umqg78iKw2msn8iFR3T40vBj26zd6SRQuQLVY+yrsQ+JWPVscAU\r\nwCrvVU2vRenRxPgcd4Y5hDx4K5yQrpmAG1rlQ09rSiuWzHSajDumild7s06C\r\nwHJPvfAcOyG165LWC4ltpywvbFb3pWUCcm02LomTGqAyQKuA21e+cHDM0Qws\r\nvp1JgtD+VV5WVH/fV5S1aaWh428D37xN98OPUZIfLxCcK+9z7rKvCJiktuZ9\r\n0Q+vQ2+qmiFoLK4YRZ8i/Ax1+AKymTyXeRa4Gvw/U0pkVDhTRL2eHHt9I9Bz\r\nadANOKRTltJj0Jk8h5G2Hq+1nnlWRGMO2NSPZ0xVIRqDU0iruyStAviBex4v\r\n8qMXr6b1gC9bDFV5/S1O1s4Gi9/qMtZ3gVnczoFX53VnUQd2jUotc3ye/gsN\r\nsqaBCmOEPw7aAA5SYIlcaqSkbBgGArokMlzaClw4L7nWRTCQzKypwoD5lKjd\r\nM9xoOmWmV3umAp7FXIzkxGLbOX9nHePRxBRoCIxYfIhTgGfp9ZSf0+WVNa72\r\nftQoHs2wqWOKBACOSefUaHxP44q95T6XW1Y=\r\n=TFHf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117201925","@chakra-ui/utils":"0.0.0-dev-2022117201925","@chakra-ui/react-env":"0.0.0-dev-2022117201925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022117201925_1645129198106_0.8488457570967161","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022117203714","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b6a1b29b2ba7ca28b15c5606aa8ea70513e2bee6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022117203714.tgz","fileCount":22,"integrity":"sha512-R+aiXZ26ilzf6S6QQrXfnd3GyUyvOFXyxSvAx6ASnM8vm5SuCvRhHTKMl03rv+59VbzoxvpSFze2VP/bKw/cYw==","signatures":[{"sig":"MEUCIGtGIpBJ/SK1txFIgCvBXwNw519EY/XCaCTZRnei341LAiEApiFpxWnnMaRFYmvUprNH0rBJbVQ7oiBNKFIoo2W3ILs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAyxAAnjq75JceEB+5PQwIdkdMWiNYOPISBBy64N05OVLmDN7Cml6H\r\nijFr74rbf4tw9BC/KgPZi+xQDpjwHM7FYByFuTzlBXXYPAEWtU4qJGguP2oP\r\nZ/aw9Qdqha/qOoe8RAYZ2oKqs+dIOhcf1eBWl5yaPYoVPhbSBJ1RGT0ntU22\r\n6KGiUHbalzLdSWT0WRi68O0Y1XeWmO03KneCQhystUvvwOSB7mpYPVyfrIl7\r\nXc7lXWmfvebpwUnKAKd47Adbxv4ovJOQfOUuTn2oqGhmqOviTig5DQdr2VAi\r\no/kXr32LKVqeyTRhnvU8SNql3rDfvOUKydrQm8Rb/uJ0v7a746FNJmhYHRDY\r\n+CX6dcYcyQsrxIleltAgeSOJ74ikUhLbju16SAbsB+y7aZyVf/Cf2caW37xR\r\nrSgZi0Q3Tsl9X9bXtYODUfuZ0gb9/ewGmr2zmmC66TB7Aul9oWUNHbIspuSX\r\nYrFl2lW7JOXyn65FParpVAavEn16yaQJiBQzsMjjZK2NOymKgarAV1oQHjqT\r\nc9Mi3rRbWfe+tQ+QNrXHxOotX9y4cd+k7Oft+NwF31h2fC5P3pBF/gAEo0+e\r\njHSttnF2ufddxWO8s6z7tpLCuxIHsr0gXf/HPXuS0/mnN4Na9Htor4QKrTmP\r\n8QhmrDgI5i+XFqa7WQNcLyP8eeNJGsQ9+xI=\r\n=sbVI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117203714","@chakra-ui/utils":"0.0.0-dev-2022117203714","@chakra-ui/react-env":"0.0.0-dev-2022117203714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022117203714_1645130268141_0.06294336742553419","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202212083710","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2255ffefc43c47ba4cc12bc76dcb121d6102e995","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202212083710.tgz","fileCount":22,"integrity":"sha512-GrVIVnIMbQJ0B75RsFRfYG2ulODTbgii6pNcn2m4DufWlfajSvoBMGQ+RaIXmfS25Aw0YQTb8ez9udYeVYGqSw==","signatures":[{"sig":"MEUCIHCmXL4U5F4mJLJDZT/JI6II0liBN2nsd1UHRTnHbuYhAiEA6ec/2ScsAPpej7bANmwzgs+EvHSK+SBPORwwk/Zs9YQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ8A/+I6IM9wZX6CzZFibN8lw1oIv2HG2zrTIKV9DdiPfFrVNuyViR\r\nVBFn3fiKKoq+OCv1Jm2gLD/4xAV9yOLugdLSD+fCC0jUC3kb6Fqg0dLui0VA\r\nNpOSMTY23UGspVlF/dC4HY+k/NVXW7+mBEJud87HOJW/v0JQBraA09qUx30d\r\nLR/aR8ZQqQswpA5o2zo5suNGT+4gPyawDN4ztQC1ZxWPlE2cTtXljSqK1W+I\r\ntlGciPXZr5mhiJwW4lm4Nx+3rkc7i+0+a4C4/fLCh9bOKigiI+wmVFI0eI5/\r\nRJPyKA0xuDKq+19smpqNtKsCb8MszWneWws8t1uI1bjsq5ZJAcdvQGwnV/Za\r\nPgql6vDo1/wxfdzhZJ/uKAlNXwMnRfaODY1zk0JKq9qyk0vXRGKnIp4/HvlG\r\nGCoiZ+ZN0hBpmjrlHfcRzGons31APGmAfokK0zKm2qNfLnm3tMLZ2ou/wuP0\r\n+II5PPEJSWLi5ccdeiSL2UqlkJbzaanwu/s+L6Yu8yltWXkbkQo5cZxNnmHX\r\nwCvLyE2luIWy2S/bXmW9N42gs4OYEqRB3Ut3+KqafUoWre0cZc9d99Dr6KcZ\r\nb6ZwL8XuAlb0KfTzmWv3OAS1xjOk35kZbgDkXQeg7eXEVVxw1XCOz2hQnvPX\r\nG+C3pjeRHIlOJedOrAF/U0icv5G2xGJBRYw=\r\n=QUmb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212083710","@chakra-ui/utils":"0.0.0-dev-202212083710","@chakra-ui/react-env":"0.0.0-dev-202212083710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202212083710_1645346264790_0.16504161754814928","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/color-mode","version":"0.0.0-pr-202212011232","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9f7020c118e904373faee674b0a224d17de8d98f","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-pr-202212011232.tgz","fileCount":22,"integrity":"sha512-TCgeOQwAA12WB8/LeuZENp/WJ7jEsS+p87AGljaDgJPZXsPDLZn7PFlJXlsiCuOBMY4n1aUQO+AuKdPIDCoz1A==","signatures":[{"sig":"MEQCIDZJbjIY2BND7ws3dJXt4kze88ORHXj6ztbOG/Pu4I0ZAiA+aM662MgFKdMW7Q45e+K5l6UVVHLknTsgzMS0D9VY5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFpA/5AMD7QbwVm2uHIeYGq4OQARr1bZnglW8vBlcWoWhdhhiOmI5R\r\nd+r/fm+A+aIjc+rA2lKu2BxmBcM+7oljgiXME+42iErYX4OHy5c79ARh0SNt\r\nJwaM/382LbEIr87rA/b41pf27DR+nBjcI3N8QZlzxaInZr6DuBpNqLYyUV4g\r\nAtUgQfaPVbguZqvOrZZghXJvxWiRV5A4qMEg5Jr82bKo9WNs+Mjp7xQwv1Wx\r\nSP0WkbjtNtoPCC2gyJcha07xTkJugU7LSJY9T466No34tY4m6d8SOL8wcTcZ\r\nPQKmkm1ka+Mjfwgm4CDI3VJ/W9I1LrQSzTc6UacM1bIfRfkBAdpEuX9tp87X\r\nxD9x8jasvRycG+WOghfObVXW+b9aScWL0E7cRc8xSPkkgjdXka4XDMvaISFh\r\nGxtAssSZFjtzjxqgIgINTCqx2+/ILPyAP7I9KE8zu0/MtZ9na8Z2Qjxsmy53\r\nxjkCEuRIIySCgXdAX3cjYJW0KSDslGL6HUUC4TrTOK9sv7TJul5e05DSd5Yy\r\n77hE8YMjaTheuaEFvNGSEbYUP0N9Z3ylyUAOoZ0XjQ3ab1qllcUJuQbTlkps\r\nkxvv0Dmq2Gw1/zhjrWys3IE6kRNsAv9EFrEKm2ZqgoQXT1Ka/3B62nJT8um2\r\nRAy8A+P2+jdsLJikN+iEI6fkt2NIRePIxgw=\r\n=RHVH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202212011232","@chakra-ui/utils":"0.0.0-pr-202212011232","@chakra-ui/react-env":"0.0.0-pr-202212011232"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-pr-202212011232_1645354986646_0.6452231862473237","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022120113958","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7d6dd8bc37a5b91acca648dcdb3063544d6bb493","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022120113958.tgz","fileCount":22,"integrity":"sha512-LWrnZyRDXzyq+xudHa6Fb/7kIq9rf86uINySNg6UsZxMD+riADmjK1UW37mQB1pcNT7jIP4BJrqV1tfFD1qU2w==","signatures":[{"sig":"MEYCIQCpnQG9SM+hVWa+ruJXj/v1owt6jC1wqszm6EiF3MxqzgIhAKXffQLqxoWIEYjmVmkPDiPVGa91XeSOUrj6S+JWkk8w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEiiuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpalw/+OYdY1+UXTapeSG5izsa7sjdUFv7PyCPF/QP8F7NEikgLax6w\r\n5tQhDKl3++JKVpRTFNcftHPcqRgPAiMX1Hatmmk35INX8TIEDObB+i0iNYAc\r\nrlO0giEoWUMoQyKz6y2luyVCu1nozZz+PSMEgQzvt6lFECLn5ndtniyGQ27s\r\nXbYogRp3Rl2YYtwap3d5rV6qE7Vlcm54VmWyXd5ImX5tVXcLV4A3G+kNmK58\r\na3K9VMnOkWX9bJHnmc4mdicVl/SUkY+O89muspyteD2GN9P5DlDyjSMfvPwP\r\nl/7qu6s1dnLdjxJv9hbpxHiCJHddmHSbA11v6ip+hgqstmDRXaqvo+9PA4Lh\r\nFgRz/3gre0mpHHCGOn0twJqA2tXjfzxrJ0nhYGhlhLpW1hx6/RT9e+rwIV0p\r\nBHksJJ1k6/fY5sWzusgEz2SlNKQUZdodUj/Yq7Av1BjUA5n+UPJnwasKiaDd\r\nd7JNFgvhJR/SVxIJv46cEGRbkt4ALWpdo/mOqpuBJr5FjH/V0qXd2SZLNE92\r\nqlJRzq4JppEwdNkbAHt9LX1GZiOGKAkoxlX0Iz43u9wTvKTbUu49uFaRUZdV\r\nGm+tF/+/+0v6t/U2KR2Q4//dVOzhWV/W56NPKmImlFggswn0dqtgK+dGcKcH\r\nEroEDJt5ahkVg62N6bO2PaPh3JOY3YanIc0=\r\n=zqvm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120113958","@chakra-ui/utils":"0.0.0-dev-2022120113958","@chakra-ui/react-env":"0.0.0-dev-2022120113958"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022120113958_1645357229955_0.30804172884346603","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022120114012","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"75c652c8efddeba1519b601bc3127602e9ad9da2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022120114012.tgz","fileCount":22,"integrity":"sha512-Law8gUCYYJUBLyZSkA+yT5aoOE3BmSUs6y10VMoBiHkYWgGD3yxxuNQ5BqKAYjNMNdEcANElfjj1qNWoXRCzMw==","signatures":[{"sig":"MEYCIQDWK2+TG8QjLFqUnL400SAYlvRvVSkdCRGwF8XOelIUdQIhAO6yxXAlUFpZdiOEMrtqX2aZSyuyAfK4Bg3HPf6HxLQQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIXw//cUs0joiY2epHVhIcqakJ3hUFwWbvLh7NP2/xBUWBq8Ox+794\r\n+qXU4Oja3XH+5Czji1AL69ze9jpSKbQj5sOFQJDqMCFINIQx6PlxPEdhtcZC\r\nLtczN05oLDJvvmKbqDgRnSK74qE9MvoxNOvi6btk4ekqWg3u4g2YItTr+3Ds\r\nnJ+5QNHTRsoUcjiYhzwP8FCiwe4eyZfHPBZ8h/WDFyAGkAiIMDjtBQxOjiKk\r\noE9gEdr3Esd3K046rrY0aMBrZuJtFE9p87xLyYwRzACK8F63Fc9moIxMWofs\r\n8ArHwbU9+UsdTRJxBIyxdPlqcsN64bKaCapgtfMPE5xcDj/1d4vcFe7EgP9W\r\nM6s28JhnPv03LtB/IFR4S5/0qCGpTjD5zK6eGSV6xyHaxWWqBX7UlBtw6EYZ\r\nNUcU2ATmPbAZQtlkzLSEZ9MFKuuBDnjH6FN5jM50GYR+TvEkNFGad607pfOH\r\ns10LzbmbIyLqnCncpaD6DtdzxJ6MKJauakooHj2apHNFXV9iTUx1dNnxjk95\r\neHWCD/FJ8XlRbJ18C7cdRkuSc6BpIGp/MkRZmrSvzD2uok8AYrfzljrWrtzI\r\nRWb30ysvNeuMGD4nbgZdvLyw4hZU6IVa5Yv1vEUeAi/qdJ9YRT2mWzQiOilh\r\n+/kZ3jCladHxPDMGxMNGaEOnvg/wuoDjN2Y=\r\n=+NiT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120114012","@chakra-ui/utils":"0.0.0-dev-2022120114012","@chakra-ui/react-env":"0.0.0-dev-2022120114012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022120114012_1645357239574_0.5027617701642455","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022120114225","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"dcfc9555b99b5bb5a4e164a236abbf5937d95197","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022120114225.tgz","fileCount":22,"integrity":"sha512-S9ZyVLEPMuIMWh+KuoKbsblZu8rZZu2Xxgt7emU3s62JI5+KVFv+gsztaxx83L6R7BTdYeocbX7yLY8Tgpifng==","signatures":[{"sig":"MEYCIQCClJujroTl2QnA9BCdMtjGxTmbmdFhwMi6K7ga1dlM5AIhAIylLPVPvHpNCZ/W3y09ZPd+c60usWcwZ4C1RrF4TNK+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZBA//WutRK+lA0f0DiVIQ+LI7f9uwH54QTr90UA/bFOI05uRmlCn9\r\nj1/if4EiOANGuieLDLUYutPAVs5sJjfw/Ixsqu07JOS9rUx50oSkkPth3Xvh\r\nGfLbyjfVxCy0zbQ8NfiCvzSe2tF1FB8NJ+rH8JfxE3ZUiCRh4REJ/1xI06dS\r\nKQXpja0l1E1dtAB19Wby1JxdNe+yi6ypjuNl3pnSqygI+gS4G8ONvHBfykqv\r\nMEpEmZK1TtWfey1YUwnvn+qd1PCPmRyDQnPnhW85uvhdkXaVgegXHA17C1LI\r\nc2hKGUXfAR7FGMr4xhZ0NBG/aU5gm4/JMCNYO92SBid2LFCQg6MGbVU3t8Lr\r\naUwV8qBk6Tvzstk6Zhlb/kctu8AU/5tQtOItcHZezIxX2OXCjGklOQa1xD6z\r\no8ydbcS+JQxbmihF3lpahMySvZcPGfF+w0gZ8tWUixZAhI9Gn1+ICSTlBUe/\r\nHOeSW6irEYqg1PGE6pYyKLBzOUGihVanEiRusxxsmbCw9HnKf/RJCG7oaEmq\r\nJ0vQ+X3azm95zRnrNBO48hianS6za5VhRUMmKSHt+pxH8AW5dnTIY5zW7odU\r\ndKRzyzStDw0VSoBlgyqKAgQdnj00nNkYVWZCHjW+BGeleaNH2gDmP7BGoyoq\r\nJsOuNkWefxP1csTgCg3HJukz/LzSKPrb51A=\r\n=sgBQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120114225","@chakra-ui/utils":"0.0.0-dev-2022120114225","@chakra-ui/react-env":"0.0.0-dev-2022120114225"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022120114225_1645357378081_0.8101933310747107","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202212012129","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ecb1c0cdc55bd713ce8f9bb48cc9a1d64209b9ec","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202212012129.tgz","fileCount":22,"integrity":"sha512-iUh87Z9Q+AdEQHV7wLwcFC4jAjcrBstE+VhsV4U72tEePauu5PAjh6Ockq5rvfpyOn5E+I3Y9fI2sOEXdHYthA==","signatures":[{"sig":"MEQCICOm5tClLUBlo2CAmxTnbikmeRvx8oRfX+2rvvoZb9xPAiB+kUtyTQ5uS6FalmS2LKycquTwZwcGl4CsafnRrc+9/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjA4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAmA//XiEmBC3MefmYT2Cyh9xFvOOJiljnmFNSUCYnH8o3F/eXkdeD\r\ncYAlDKvhtOX4WKknEj0p7mcipsCCYprVrEuSLuhCy5GwDojPIqR2+vTmyOus\r\nI8HZPEvKNFSE0jgD5VHj+CJGW2FmeZeD3BKHUjLudse/6bMZRjyr7XCMV31s\r\nvj0hFfa4BP9bpfd3HdRXcUADuooUsJ0lwMuhqXNVdTXMknJ0xJI6pWQ4uLOe\r\nqUOHEbfgYwRx/eKK3vNx019ZT+zQWmqIlaSH1Rhi0CUYoWyKyEHdcEJgdKoJ\r\n+ZURzYh73r6VT6+SDF+d1XWEeWbClX6ykmop6ZMWGCzjBnYX0KgVDedVS11K\r\nmwsJmVuZN+eYjKSXb8LJr7vqOcbD25hpC0/PCkZzpRZQDz9ulKjDGYvRtdLJ\r\nmsAA3uUPanbefrsCt0c0ONEyGpUcpy60txjB5ZdnNhKyfEC5pulMrs7vcj8t\r\n8Wp0AGf7EpiA1gdd/hA+KZ7vXtKeewte8FSi7XtIfhqIupwnqdnKYieCii8q\r\nKPEwpVDIrfr86QYovqoTv99vLlISW95GtdwicM8+GlBUfsLUS9Q47ckLE2Kb\r\n24K2xeed5roIqZjM5kEtopo1DsMNXi3pyDc7RaXNpNkQ+KgerkEKo6BhiF2H\r\n1u4tmBGWjNCfNocyQc73EdWxGx/XeN4w2sE=\r\n=4gM+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212012129","@chakra-ui/utils":"0.0.0-dev-202212012129","@chakra-ui/react-env":"0.0.0-dev-202212012129"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202212012129_1645359159887_0.9598770684374738","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022120123118","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bcfaadf26713c60ea8b582630802b67cdd80c811","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022120123118.tgz","fileCount":22,"integrity":"sha512-k/piYC0NhedEiDYTnyAbGtTBFeFUVbeBd4qzCUcQSghXvMiXJdsiF0oKz5P9z7BYRNTuL07gyYMpssKGYAJxIA==","signatures":[{"sig":"MEQCIHFnyYiHf1hvMsIvIoh5PrtxuQS6vOQc6ld+e0RL9hHKAiAkovB9Oz7CrEH7iMzQzrLVlZuM6X4oM8QD2gGgwQODvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjS2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolOw/+NPf5bhwigin1S10eSIXBd5o11HypKNiQgD9pWDWEppSsEyky\r\nohxr+N37KCxlVWwk+YcQtTo/NEnkSLvDSJ/ReCuBUsfzpstE8dTGYG5kBNM9\r\nwsYYa2y0nTJ/ol547+OVPzkJU9xu//pob3ztzE4kNCMVrN6qPhngtdOEpZL0\r\nBl1b1EvbVZDttNcTA3yOS6D+e8qc0kBD35CMQcdjzLo+29WB/Mrv+JPTYeY7\r\nleKXCpNIGK/Xz1WzZS4ZpjBBUzDvaGQNEZNFNu0RWnY6YUW6yMTEoF37Ckqm\r\nQr/YE9EfxanM17ka5xqsbH+wbK3oBUZhU7Mp6paLh3u4+7N49yXLIRGY+J89\r\nWMRsviyA8WwL2oCQoap7Fftcwpif6dKnkEJbKep12jtG9iiUogF/cVy6FECa\r\nsgd+0UiwzIB3TbW0U+8Y3PDYyx/bfdlSCmNdtJ5I1pIZbe5bw8EUoZzMqamQ\r\nVGyHvIvJhgk1iXZAVLABLdPuAozxKQ5KqqKbVmn9JHkIwGQSj1IDekn8Y0uI\r\nlqdret6b+HnlEubMrJBAFTomSKr5QIkU4rbH5CJ0cVUhZ0fCaxNdsKd+nrUy\r\nuAX1JAzk7M/y25s+k+dbtOVnZAjf+SLV8hmAFGsyQlTt2kP9hn8ZssVjGHNA\r\nWWTUhQU43G3zUGFr7l+7srSv4L9IrAJ+XQc=\r\n=u6OV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120123118","@chakra-ui/utils":"0.0.0-dev-2022120123118","@chakra-ui/react-env":"0.0.0-dev-2022120123118"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022120123118_1645360309909_0.4304076686499074","host":"s3://npm-registry-packages"}},"1.4.5":{"name":"@chakra-ui/color-mode","version":"1.4.5","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1a21eb3bb24b93019da48f445077df454b7af557","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.5.tgz","fileCount":22,"integrity":"sha512-QJxLzLZhZUze5jTkIDG7F7vx15VFfR0nTebOs2Fd9Raw56ONGTrk1y3dF4/1+yhNYlV0rBCi5STUuCzFuNzIwA==","signatures":[{"sig":"MEUCIAo3Q9w7qidc2xSqEy83kfMuRHX+tQzOXC2DzArF5AMoAiEAw8tQeVPLqSuvB1glCkyeS4CYumimAQoFuM4ZBL21CJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/XA//ekI8ldc36Gr7TIxbC/t9W54Rqe69+UssYhYr8CENbaZGciqk\r\nKEyZP3XlPXqddpmPb/yKFKyCfq3dBHGD54DLEIN/h6R46XTSQjRdgFUrxGZU\r\n6O0JVHr56Gg00kznTKs7AHPTjVOwoFRFAe0v0Rrfl73MU8fXcIjq0pIFHwql\r\n0samiMu8G0CvvFYaajzA71vWbXLRaJ+7R7WeEkjes/kaUkbYIPzXwM4iNuh/\r\ntNbwXfVH/5frroJ5oFLEA9GNB3Xoy1H0ZREIsbz6sssQOBklVN+9mZzwJmvY\r\n89X97GblhZLG2N5vf/H9AynSYTpyMZu3eIR33Fqytu2on6lADAd3mN2bYJkO\r\nFQHkjgXOq8QItohEJifUyn+vVgk9LCucl7gWd5P77RGrD/A5Mf8HF+OyjXe6\r\nWceMEqb750dt3PShNkQwqNpV2tuQej9hVe3iAvOvKimDpeMGFQbxrsjsOB2+\r\nNmlnNg+7t/b6TTYgqEjycVw88mdmodnNn7wx6fPIasULFbAKU2GHuLgn86lR\r\n5F3qTJsnpLiDPHlUsNoSCfr5eK4SwXhxOju5CPZZBHFSRzpwzT+LR0KhcWrd\r\nlfI0hp+YqtLITH2q+zKlbErXcwMBCb54CpoVJndQ0nDckvBqKrYDqBIemVaZ\r\n1cOY4tpctaRcRbEdSa9iQ8rbT4GtZP8qD+0=\r\n=buYK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.4","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.5_1645360857858_0.10937232350071446","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022128214753","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9695ffd72c5b70ac2eac2141d8c2bb7bfc8c5bb7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022128214753.tgz","fileCount":22,"integrity":"sha512-LFo1gYDFsiOhD/3agns8dsLC4gKlsNeGs4hzj133XCPRH3tLmnQvXw6fWj42qpbTSGk0nyxEbIYfwew7Ulu9zQ==","signatures":[{"sig":"MEQCIHu2xMSzFNLlKqxNEnSLHMZ4y/VJ1GIqqbj+OPNs/sMwAiA2ubkcRl1y4ppw66A063q0csyVNisc35z6L2bzM35ToA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59245,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0kBAAo6DEupEtrhBDPndoBmKkTY27MI5Fu3o2XqR7bvfP6/tnZxS+\r\ncif9pbNMvTQTSe+fmV4cM26JliA5E3nOpmblsPXVIPYGqUrcOLOoiSfXmsOG\r\nQcAp6yZrWFNc6DOFN+fnghe7LS8HpiAhH0ZkPrpq/VAgFCa+SaQWjNyG/8Bm\r\nuAEqegIgzVN9vu5e9eYDGEcUEIRB5ZhaDn+2uAq6Cx737ME8y32o9bzlpDR+\r\no7EIaaa+Sww6AvqTjWxlRyA1gpgob/D4eyvmiRrDKTkJEln1yCXpexqeBb2+\r\nOh0v02Bo77n7xzbwDsg9hyP6v9vLpYvRgEy9HE75sXaPD2uMoIHt6nshuFUI\r\nKxH81N8UuEppQQWysu+wg+l9UUb0QLg3QTPIwbmMbLA6shtDKfF6LHmnyALo\r\nrNkSNZB2uUJAzFYAi44VHCMvVDeYzWtdTb9LBSY7fhI0LNMfn3xRHziMPFHX\r\nWjyMFe/6e8F8MmVW5BYp0YTd1mSWIju5DKNChQeXa4esrzyPv2GA4aJd5HqK\r\nt74ZyuIrlqk0fz1hi/JlKsdWQCUlGFjWZIGZEEk+UxWvRdkb16OFNyaq5C4U\r\nKmkSUbLX0WIwWu0hYCCZr6rqih1yPYwVsliLCp4pPIPEdubia3TkBXTmSeMI\r\nxK7OS7qbTukl0hSfRcHRnzd9EuxuxAJzM78=\r\n=UI43\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022128214753_1646084897402_0.16440681098935328","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022128215052","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"35e1b4d11d3c340f962c0099a2914ee547c0f44e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022128215052.tgz","fileCount":22,"integrity":"sha512-5WjHmVF0hCcLSY4u5oj93ucNiUbr68/JbU0OArhdpIs2V9isd8k+H8O0jB1vNEMfDV4fJkXcc5XjflHt6BQoQQ==","signatures":[{"sig":"MEQCICvZHnRpaw2FBySps7Mhe7rLa5f4Gvj+Tqs82JmulKU/AiAOyh7NOZWk6MCe1/fDx3J/fA950tlsBMwIkTbSu/t3fg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXZRAAoIMvyo+5CKNx/ffHE2nSoTs5su/hXvQb1/JVewwXer4bmOOD\r\nhKgYsD4po/y2oTPUQo+LB6fBIkVIVA+OOl1qd87Ffld3+Ax4jG2FQTw2t1rU\r\n7bicQ1cSA6cniYMz7VO9PW0h14y8ecBPEFygscqYF2xmKEKEiwZDY4n1Ni1G\r\n7STGjTmffUXVq14C15ofur5HB4Az+Gt5U5F6xtYshahVsRn8P2uPpirXQU2B\r\nUMu377N9bRqqhS/y4BeK4sBNYxyFEoMTTlVEhp4+YMtmZGPg2ZNCi+M8DXG6\r\nvL0DQs9PZgEDKv0BwxH19FX7w4Vr0wmSp2fsJrbvOlDC1w7QNnu4cWSOB+pB\r\noBEAxDp8Zie15cn6ppA8eW/3T58pFvHEg7jq37bk/Z9uc6qP99DfBE9PZ2FT\r\nMc5D0GD3tOeJGi4nvHvx4x9PsGzr3Y5rdCmIbyWpEKZIsKtstg6x+E2pCUgg\r\npVrEdqMA5hooW7EezQ1PyIvM0JhxvShOHO1CpM6blzTrz05lSXjhHc4mTN2B\r\n8ltuYLk4eu7fGOHkb6/0CID4yckrFkXTsfsdTgnCizulJK4QBFEDgRHIJ5+H\r\n8+eVc16NfvC0dyKml+JMRQ7zTMWrTkdxqxowuPrL3lB6a4vlqb8J++pcQRy7\r\nAMOguY3olvXWIfRLkASmQrc5DSyz3J6LzdE=\r\n=AzR6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022128215052_1646085076218_0.6809381290427057","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202212821520","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"00b63bf3acbee6eb73780f02ff341c5ec6ffb018","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202212821520.tgz","fileCount":22,"integrity":"sha512-IdMfCeBB0q03U8lfhqZ8qEXKUXQ2mTqtmo2fPYeuDej0KYACVQoA2kyNlo56lt3anCguDPeVfy26NrlTH63M2w==","signatures":[{"sig":"MEUCIQC9h8DNiT+GiW/cZOcMKuACtGq6fzAfbxIUiaEPJcmLLAIgKN4g4M6fTZs4PShfXVpNYFbqWjqaIOIi0e48jK2b6e4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpStQ/+M8rChW1i4LjA/DKw8QBXbKUfdt1L/fzg9a/gHoattJbKToik\r\nu+XOe8nwAO6FBIupat/dBSYEN1N3uu6PtoSFwVyX06gprIR4qFd6tTheQ2MJ\r\n5OPgJ48UwMQXYafFIsw7u+bjDjNz+w8jcvDI8K5AWZE/czQGBKBEsToI/qay\r\nD8AAI0zon7vLXBOrYKaw2s0C8T8Iu1x0H0kIN/VGLROyErBZd76k69hJSgQF\r\nzW4ADzh5dtQPMB8ULxyNjRaFJ6lOif7TgdiTKa/S2kXTIyEdy1lu/CSSUx3F\r\nqXDszKVFdRJ1NBT+p+fMWYLBIyz2hhsftBLbBPj0fOEZkUYNPFQzpcj4qVCP\r\nf3gEmi/4LRJuhf5Hz0FLYzlMLwU+kTUOkf1sKpMgzWlfd30vBxviN6HLF4z9\r\nMWaJaaFXFcWCw5Tq8h+VBh28rL3Wzt1eJJqQfm2fz8ZgVgev6CT9yhWi8i2d\r\nXE+AmZOMqQXY0eAENrnpO3n9qkN/fRIbDDNoCunU2YcH3r0fbFBsKOY2xGca\r\nThdfkrVS1865M9l6GRuR3WcW/hn0qyOaowAdK6q0+VQpRYQPFFyTcEIeWdOx\r\nMOUY9yc946o4wgNKSMqswT+P/ZjaSUjHOtUkcVfe9Nvt+ercPPL+5M5dsJZY\r\n4SOVUc0+yQMWE15Q992+n6OrwoTmI9YLAzU=\r\n=g8aI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202212821520_1646085144572_0.08248150370154694","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202212822477","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7e13615dc7d12adfd95f69cfa5ce79bf0786d782","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202212822477.tgz","fileCount":22,"integrity":"sha512-3ZA++kygPFNoIZ67jqzz6MgZduXk9eAtGZjqCQtqUDCQfGdM1D8hUdQOWTDWY6V5tdE628VcirQ3DV373iDS5w==","signatures":[{"sig":"MEQCIGIDcWluVyQnAeLDSFShh+i1ptbRcTSjE5TKBa1H1mIYAiA4JQMkCJjyscRO0DGKOUoTUamvUdMiODEZsP/ftjJs/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcLQ/9GmhGnxVp4hBIYVIXCeAo7gNOpfAH1g8nvcVyoc00Ge7fhLCI\r\nti+WWfvfHEkxxzURdJf8QGnzJgbabFjckjJ9zsHNRcyYxyulRg2nlm0srLTo\r\nVQXmid3PMVw9DeRqECjxrp1z7guSWr8otj/bkeVO6CDyCmIf2/itQKhReuce\r\n+clcPMMfO9of/7UNoVBM5tg9kWa+zzEVTjcwjlGf96RcyQIS5ATxzLy2qma2\r\nOhmaaTWL1kBvLtkSzQ2pP1sPdjt9TmAoUyQfdYEPpLV7jysLTgo6rIa7DvzB\r\nPuTiIRSf9XChHOQJ/QpVrDdfTZnWnfedrYPBdCcIo4UNOXx1LtFhC1aFXlUp\r\nZY3JNPJshu8/H7E2cztiVLWEQX9X9Vkc5ft5eVlzG/ICrPOfIa53uv6k6vdu\r\noHtklZmFeqQiA9cPWyMhGXmkxNwV7r+0Y82j/TjwaS/n21MimqmSvqq6oJ6T\r\nt4jBgGuJJv+xIBFyIQlDUJWtBeae9k8vZObyQbEuO4DUfgKWFpN15OCXymh5\r\na6ZLNMMvk3ISVkHkrNbWeAfZICIseumqIBAR2HAzpNwGRYI2Xl52W63IA2CJ\r\ny6acWOMqSW3AjTpwm+ZrAF4vlrrmxUI+MwxIdW0yUE9vFPJziZlNGtHDDveH\r\ns64OOPNVyrYV04xHUYHX8O5jleA3vvO7Tek=\r\n=cYgn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202212822477_1646088451028_0.9995246207872857","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022128224832","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"735d34da0936d4c90d5ad172bcb65be72509cc2f","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022128224832.tgz","fileCount":22,"integrity":"sha512-U/GtuEf3qhENRTCaEovk3dh7407dxeT9iSUikueobHQZHhBu7ZMp4lK8tBQx6RsFVON/eUKxk4pt12vwbUd8ug==","signatures":[{"sig":"MEYCIQCVVZFOouNugUAnRHtYC8nqsOgQ0Tf9MdSje3GsVWXAIAIhAOqleomyHg+1dd7OuyEuXy7yGJ/fTp22lTYkovqX/2LA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAtw/9E81PZjKXqiAbLeMV6ZoOJiemGycNmru3qdh91uKxaqWwKLOc\r\nDN5eDQrhYMeanKS+ubNTrTXxplXZRR5b1c+/tqYyp94oaPj044LjIjLXUSVs\r\nUpt2kBJ4K9thHGKIXeN4nkQibUBMzcNJpvSRGc1ffErSeD/BFHTwiXrD0oCF\r\nDC82gDEk8Ou88RRWN4Um+PuEixbJvpLr5T8kH8B4baxTWn8lYTS3bQQAsucs\r\nyonthctv+qdiO/DIqIXEtLcSHYn7EC9FcaGyUX27Zbkh6DPyT49L0U9TSJn6\r\nSfc1cMkNLpdWnApSq4L7AWKMedQOQqut66LYuseLy4DGyBavTf6hxdNMf8Aq\r\nD4l9MXzynaNQh4QQEbO7NflaARIQBqDGv2hH792iLK1WV0zOIObGOAT23kMm\r\ngXGS05B3LoHrLsBxRVyWVQPPYDpa43SkdLq2/cHA1QmC4Jh9uapTQ5JkC9vJ\r\nFQrOw0mCp0WpAv3AbuztcSFRzFS5LYVQFz6hL0gvGpNQXMamT/6SrVaJii0c\r\n3BEoJOd7gdywrI7PjV2lE2Twl+BjMY7tMOC0eq1jOw+nKF8ZwIVjas0+o2U4\r\nB9F9rdFIItk46/ztzdg4HZfNVh8p88B9jjEqvaY/EabFP8TP8LkgarLSZebu\r\nUWHdaSTi/bZHL2dzVzmAX0cLMlm8HPRSvj8=\r\n=OqEL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022128224832_1646088535701_0.19125654430465833","host":"s3://npm-registry-packages"}},"1.4.6":{"name":"@chakra-ui/color-mode","version":"1.4.6","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6532086b0030934a5b18ba2b7117b8077b989064","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.6.tgz","fileCount":22,"integrity":"sha512-gCO8Z/jv68jXop94MUQNzigl7JXICAgZQUUqLaKhdy1h2zatVDIPFfjwwjnsgM97G0BxQaNBOC87+PD2UYjzHw==","signatures":[{"sig":"MEUCIGQdFFVqIIkoagGi3qVL0D4+rUk3hoBmSiPg3HoCm0EMAiEAxV4kelEnyiKyVWdkIUJTb+owPTlfZgMFDLGtDQ5qZi4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5xBAAkyYPMhHHpWBQN+SzmYT2nYY/1Tm1XMDBPlbmWehDHZoLFZbV\r\n8Rx1NvKKhuCJbJPo/yujq6/OVxAXyGm28jEPddYDKBAwb01IfjogEdgOGrmk\r\nUobn+kcfoHcv1bADI8o+56Hjrh6hR7p7MoOnxrYezq2G50y5YZpL0KqRKeFf\r\nIpkjLKW+M9RUAcC778WIZ45u6w/e9lUhpeSvSiA5RyTZU/PLP41NZqEgd6s4\r\n8YeqBZAlxcB5V6P7pAqMvYZKl+VhRKT9CcAy1hCIYTgokUSk29GUGrvQEIai\r\nDO6HWQnSwIRFEfRf8Ue1vdNpDIZ0nBKtPoQZgAwcetP1DFlKYDL1flAhDPr6\r\nzAKUQlINs36i6ljDOnk9NOqPHAUZRFt+KjOf951iQ6DGbpr0M4Fd0J9QDFuX\r\nG+G5CDo9dbIHU0DLGQ1VAx8uq2pLQhvmwDVChJlR7gZAZojsP66LubbkI65T\r\noiGd0n4RVQ52ZqZAKF11LFdtsTx0Vq18/NM4N5Mc3vNdoFWNsDPXkLiVVlQA\r\n12GgzMyxgC3ouuGhDp+GEfXS6KHGaxxLSUfmPodYyBMMmy3Sys3jLQxF2/gU\r\n9yPi5dsFlvMtNUg9cGIbQ5fZXqP301pdS05JFbJbwJKt3e9FckmwjphMz3m5\r\ngMb9k3mwKJJ+pmTOwTaPEb2EB+GmAYM6yII=\r\n=iGif\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.6_1646089630166_0.4154808927536966","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022215181125","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4bc8c1d84420266e41d78ecc9bd15c37d7c9fe67","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022215181125.tgz","fileCount":22,"integrity":"sha512-DRWDsu6d731/4D23PNtaArP4GFoZZ2azQRXGk3MPNJF88eFSk+7EWHE2q5qxFetkkvFpLS9H2Yis6NJlKmy+YA==","signatures":[{"sig":"MEUCIQDqvenb1kvyXF2WOrE4NOail9yOgOoCH4KCMUe5vVc1bAIgF8HdLDDKExSj0cK+X1s7Ouow1LVo8KIWCoWWXsADJp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmdhAAl2v8ANQx5KD6LbCDYxi/jnMaDK3ueNRwIy/NgbCWUneWenFf\r\nOgnMg7CuT6q3jEK0sPxUr7aJCoI5WT7sx0HNOVxR/mOvS9tWjYfijzGfseGP\r\nR302NKlJ0C8OulPOu3U70PnD6f3p19FZFoO/8Ql9Ae8+q2yoRFsjh639ynXO\r\nzN8p3lf7c+QbSj9iwWmFDn5zJJim0WB7Q0M5VSBSZAH/ASRG3hiZLNgmyM26\r\nxyYJVzzfXkAXgmyRKqobahEMS++OmTsQOXDjUUug/YL2vM1XvPmUlQ5KCVyA\r\nUS4wDeosx7CzDmqx+9RHW29m0t43bpVtv6qVt69RexdAISxQkbIKZf1ZZmpr\r\natwe17uLlzoUWTdTH7x8WDIRjPE0S+ryh7h0zmcJyuiYrT2L0ey39Tujwzwi\r\n3kSEhMXDGuIbi1TiPwZqQJfNDtLxou1X8bh/JgqoxZHI2/YsGIA0ER0vjDsM\r\nl/j4rtboZJrrf0lzJV8cpJEK31j6RoA/bPVMHuJfvTeVqAgZ6ajENSxAFA0D\r\nkcgIwYLydoVRDE3rlxE+6tNGsFFuUBtRkIa5+Ti71wfGMLte2mCWKT0C9YbD\r\n6wn0Es0GG5fnO9aydQlmy7wPTuvIazndp2lo+oMZqSafGy+V11sahsxDA++D\r\ndomj1RZv+UNPVJuZzeVvebiPV8Hh8ZHowwc=\r\n=4Ze3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022215181125_1647367911276_0.3109479021316144","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022215182043","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"cfb163a9d2be783786819cd6c9217a3621f8bcba","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022215182043.tgz","fileCount":22,"integrity":"sha512-V5XteZ7I0lah0wauF99JjOIr59oQ0g6SGx4+bL0L+BQR2GyVYAjNuxlc7gJFq/dGAwaRjj9awC2qOPdocKImag==","signatures":[{"sig":"MEYCIQDkcFHaGqvHW/yHITx47bxTjZA6bCS8zUMQJnksTu36TwIhAMHmMKBVG0uLwsEiShvHEZESmeiqF8MotmZKS2vDXVCN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0ZRAAkuGm+eDCZxd0kl3rVtgDc7qI8mYpxhxEK8pNT/uMhwC4mzGE\r\n/+IfQMvCP7n5XQRLDBlm+a5PEiFwrU/EY7HluPkK5AlNRnK7cMXSTw48u1EA\r\n26iugEBPEsCuGSRfGQQw4Wryuqj5yscRTajxS/etT4If4vUvnvOAe4C7xwKo\r\nr59jvwPuWjyMb8EBBzzSVTv8NfMn5Gy0Q7rskYjyxaiz5zWXT7boL9xlxW1f\r\nnsSwtGFIxsgtlXPX/pLNC8s6mgY6oWw2ooDgIKW1K1gETUNQBOZYBcZXo1Al\r\nbDxTArS2iJvXusoO2kc6P9gEDVu4SO9NubdM+UjsKwvfbz6YtaKgjNLJ8dSR\r\nX6RcYc6+wAsFcfLq/z70KrbOyc+3XsUcsIfnIbIRtEdg9xl74yOH7FAMe6ji\r\nDCRa777YwFsfUNAkdI7MYeATc3J1fFtOcjuFy3voQzjC+3wBeKKEh9yGKKzW\r\ns3e6xblHNJFjB9efqwI/Pvn55hgUzAl4b8ki1kWMf2Jaoi8YdglQIrS6qK+d\r\n5yA5GFIVuJ51ePyip1L7aTQISbMdK+gGNMaykjpm8LE97pa/JwMq/wvSdfvS\r\nqNmHUr4yco9RR3vVCZFSm+FR3LDYlEMaFovDDNcJdazxG3l9a+N31tLzcrN1\r\nPf+PVxrJPEoMzpd2DLmf52mvbaeniGW0/Wk=\r\n=lizy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022215182043_1647368477555_0.9358245300037065","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022215183938","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"06b2f50a332ddbdfd27f5dcdbfb0b237f5ae119d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022215183938.tgz","fileCount":22,"integrity":"sha512-4EClx0kZ4scsTIga4BVmiz51iWg6oCAGS6JyBk2irf/sq4QfQI6BbWT7ltqXFQp9Pun5EgWG3GYLiS5Lww9H/g==","signatures":[{"sig":"MEYCIQDbBvlWbIJgprwR4npIQOUdAbqmSqulMXuOsRGlwm3snwIhAMtEFL3wkV4ShFYj6PEzZyueS1Gqd7CGIL1JVke+ZOJN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbWQ//ccCa9bgYhFlGjZCUTVqbfCswGbId4cPMJzCysw3hJZCc3GDC\r\nazZjmVUj5VXLSDCHQnEyOyq6zop5UoB3M08FOhlGjCnRamYa1+DbMWHBRygE\r\nkEQdHSbvkS1qV/apdClsx81yAbvbxrNCpscNUGpnjLsG439+bWCz1KOmVC1p\r\nb3thMY82dOhV79n8IWy5lyhTyUZ6fZWtWwCRKrHvzuEf3mSo39Gbie6pOmq7\r\nDnZf9ov68xKm8WUrW+UMX0HKccbNrltCrgvFHhvXWGj6lHbZwd+EXJ4h70Sx\r\nd/BctaCS9hLEY/95c4IZouhPn3NtdemWG1rxI3/in7qw2AsDY5hFnul81L7T\r\n1ZoHmXOiSEqjnqOCwGvpbsOfqo5gkBw/+QiWVJatpeLvhv6a67XXHgBURCFD\r\nQ0AP8yAusP7nFtadmHiRLtKpARpBkvb6tAeQtDRFg40TVJoO28NlpdBCAFJf\r\n0Egu3kF9Cf1pWrEXdRCcz3CqWM1XPzdReMh8MR9KJy4ItBOjbHr26nOaadIH\r\nbs0S/gQ5KFOcUYBvdfHmD/s3Gr1DcUKCu3aF8732WmVRGwlfZn8PLP1nxtNU\r\ncpYnKhXSH2wU+7kE0++fRsKNRs+H5CS1MZYsETmBRp/5X5Q7RpRuT6JEavcD\r\nbVy6A8Xq4YiDbkHnRobh5VUVNuBQLuHa76Q=\r\n=ppVX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022215183938_1647369608876_0.24350949620109708","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022215184036","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ce8b4bf8b391064920035c97063c6e9b9039bb9f","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022215184036.tgz","fileCount":22,"integrity":"sha512-M2PlMhyoM++mqI4NwkwWVWUbLWo4rJnbo2QSIHI3E61nrjU02+B4IEQDElXontxwJ1GBhmi4NVmkdo+hRScdhw==","signatures":[{"sig":"MEYCIQD6cZ+Kcr1+9Ts1wZ7+4N0YWvw2Vp3eHnVZBFmkPspZbQIhAJe4Tt7h2zdmb9uHUSRJYEo68FHrwI7rXmoEn0oPICS5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouOw//asSJtYSaLVFvt4llb5tk9uTdICmh1CXkO0t2w7sFosA0OiIM\r\nWc8zGgI0R585RUumxEySGGkbexzb/uEK9Yn+P2BDU/L50yZBb7WZA12y8b0t\r\n9QAle+R0Ds2eEiQ2bgCjzSX+VqMDfntSm4fi9axcJLGcn96+e3bThDsXVWKk\r\nlvWSoP7HbPft4p3zPd25Y2/+RPcOtutUFaWwnL56B5YgSASWpB86NNnGM9oK\r\nwlurumTXgdF1ou/KUmWx4uP17FT/MTaocIM6/LZjKqPHzbMKBTUHRtYqyYiP\r\neFu9Ix+0fbnr2fHpX/aKRw/mMg7GbZf8dpUQeNY3hZ+ednpxj+7njfxMU+XQ\r\n/wxr94Lqmq4xTrd3x9iqAgdr+WO0NZY+myddT9fEt5pJ+kDgrRJ9ILcfbdo8\r\nEukmCA4kGD2xFuxjTBV9Hr1Fq4hrPTJtvAH3OPbtaV19WY+9gcRAUCCGxhoV\r\nm9kgDQRl59zoYVjnf1BrFrmCV9XkxHzfKttCK2sDhMJfdArHEPXugXntePkA\r\n2AyhrUEzxAjReWQbzoyncIhgPCWQu9HH4ZMvOBLI7/nswTjgWIvqba576fBl\r\nTlO5NgUG9qfM+UbcpV/eA0GxsAO8JoeL8RsDUqNFTg4AVQ5A+ZMonhHMa/Aa\r\npjzmBJKwmzrP675NcDzBAdc+QjLlUqPfqDY=\r\n=VVV0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022215184036_1647369664015_0.853459796712909","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022225182931","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"43f77672169072b60ce1362d4ff69abf8ad3bead","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022225182931.tgz","fileCount":22,"integrity":"sha512-YI+HsO5PJuRTgd3GNDIQSHYqo/rFP9qhFg6njC5SeZE/pIQOswaeoITKDFrwJLaCv302fOZ5ZPtFMs27AqtCaQ==","signatures":[{"sig":"MEUCIQDbUzy6Z+HEn/uQB4sgLxBcM9GKdb/ae19aoanxRwOGzgIgC56g1BljV0b9OoZOtma2FKPzpo+c9PnOa8qCe1jjHzI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgojACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpN4BAAgNgAjzJCImO80LLpwf3+f3kI0NIPS+l0kTzL5pFwTf8Gjr/t\r\n/vJUTs06a6LunDPDJOQS+nEidaIQHOWxUWHnPCgYyCgYWeUiTP1wPWMZjPT/\r\n9Tt0k/giQduuXzcNpBKtZy9fHZTgkdf+orsC6xnaq0MeHOl+04uuZ6ZEBe07\r\nGtkNQGvqu5lHOk1xtB5g1KVis+3Pe8uhXZePHR+1N/Gm5lgd31av3v01NZlo\r\nyn8Om0tXUSsNUTyIJVIS6b8oTc8sZhDb13wYUeCN0EFdYaQIMc3aEE5i2di9\r\nVkZopNdAWqkUBERMwRhjuySBzg5bej4cOqSOWqRnrlKaVJyPE/PTTTQ7oP6g\r\nTvbstDoZUluvxZIXeCqTtYGYZiX1pCn06ci5qB2sOl0IvGK4FaXnDQj12WDt\r\n0ARduLlSP2uQW23Ae1HvDj4yc/DOMtD0K4mpVCsZqOcJBtZyqhR73wE7SkXp\r\nyWPy1ljasF40pB+y3xbQg/jcZcIM82e08bkHt7K1FrUFr5Zo/BaLSaXtDv1k\r\nQQ+6ktmj88gFRkgUJN4jcIlVNpMlnVfdzvJgcsEdu9Cl7Ub0JY92E/Cl529C\r\nSXH4sEvGzmXiPX7rveA0TbCfoURk36jF2GVNCM1INBUwR8HW1qPtcA6Z4xud\r\nFH2o3ScTjDVA+D5OZis6CT4dZDBvjIBSPKQ=\r\n=3fJf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022225182931_1648232995424_0.3889202265556102","host":"s3://npm-registry-packages"}},"1.4.7":{"name":"@chakra-ui/color-mode","version":"1.4.7","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"01ad9b83a97f18e1b314ad3541c52360aee53771","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.7.tgz","fileCount":22,"integrity":"sha512-pl5lMhNnFVBpYzXrs3mjxJOE/qnb5NJC71sQaxk9uqUQUpM/oJ+kyE4eYKKSWNvs+qhFx9eZJvuP5DvSrtij3w==","signatures":[{"sig":"MEQCIBgVywCb1o0P2RbSIjW0zBysU8NU3abqMUnX0GAe4CwIAiBdNStOVcQpf/0huqIL1aH6mJJK0CWE6/QM5UT528NcsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwXxAAg06tHKqjozwvsbw6kGWQCAn8l202SenslDMVKwEcBsbYP9jz\r\nuieifexS6MdwiSPWTYTrstZhPgWAbvl9Sd8qn3Hvibx/YzhMMmCJvMbKi5hO\r\n8qN5lTeBf/IITr/hKMpFtncRNfcF3nXJ+rPDZlVNJcFNWuF8mir6xi8XGK1h\r\n4Ncre+qdJkQXnb14svYQizPUDIw1aXibxrhI8Y/WHfsM8JAKTogdzlg6ntPk\r\nMw92oGwtvLDb7bpZFoL9qoDT/tgAn8FtOlaBjJjM6jhLyyui3F8tr+LYdO+V\r\nZu6PPUsddXXbDkAZV7ev9zuFA/oMI4DIyppXyt/ZZR1b+upzmjRfZnUZc2yP\r\nawwqwR3/FqF/qmEHk+omPwan7VuwFVop7vNzY8DXvdEqm1akFNHH+pnj8a+q\r\nsHwHnr4oPsfkQJFE8qReKeDpYK4vx0cOO07IwpT1dQlau2z/DAg/OKKDI7Qe\r\n6lOm06sPLSvLPJ2NEKwjKsKqYmEuPfrE8XPuGpRbco1unSZ33g9TRAtPa/9m\r\nSrkJ80ka1xlXBvkwfTkCSZHfveXKHTTP5+IgNbOPBOMpkMWCrz08c5VssgDN\r\njCu1MtRU+NQvDsQA+KviZbvqxyNNlCrwWse2SvlruJqzy+FDkHU4y9GyIycu\r\nCmpI4zC+XM6RYv+Lmroxno+2r4eDtuCGZi8=\r\n=mTbH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.9.0","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.7_1648380917050_0.8076870359409241","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022228155140","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"35472e553fdc854cff38cff41fae8ee3e365c91e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022228155140.tgz","fileCount":22,"integrity":"sha512-Z+QHleqp/mfHICuEjGMN6fih92EztX6YVsFHeECrGSpF8inJFriRWYCl0TjHtPvP8RPea+PbLVs+lwk3lu7lZA==","signatures":[{"sig":"MEYCIQCtE+NBYuAGu2DVU4ZnHItfLVMDV2b8KJaPHTZYed1RngIhAOs0vYBBngTJV10BEYH6UlKxbvnK9Zl3K9sMvPuvdqQf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdmqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGDBAAoYoAWPqGfST4UKQxX/pfzibWJrMx6Do9DYNPHMB2cv69onHp\r\nFzEsnS7XdftRQWv4ubA7TTflK0exQOXDMs8B0VKq4vRTBk3P67zzdFTBL2K5\r\nC3NyOD0ajQGtWzZiHJssLbDOPRWtXKfDl8c2HxaKDJnjo3dzRaTGp9uc3gSd\r\nT1wTkOIL6jZgV/4frCnJD9CTq+jbS67SYs9/XjTfWuyq2Ll6gHq2ILcXOW9D\r\nfJ8DvL1huNZ6/9NJKlyzJrSj/lHeLPIYld4goIPSKoJxUE+9StR8fAxs3Nac\r\nlR/EnFIjnH9l3NtKa7mPa8PP3uuItqPyyxBuLo+4gX4Mf65W3k0NTaRvQG1W\r\nl3vKmRp9EvcWs64AJTzeLK9U60LV8NezaNGiAXDxLn3WUEsU09t/K0oAQyYz\r\nJ4Opr4Qyu5WbJBLJG8yDsVDkcQK+sdMpodFXEyomh42WWVMRyrrlNkvYVgyf\r\nfKoaqNE2u3SK6kIf4ozBXrYopKRtjOKQCZagnMjgYGwTyqJ/Z8YWO6n6jNnv\r\n2K+ULrbB/Admg9VG6o6zQaQ9Ky05izWL5ZFrDwckZsSNE+MDJ+hUg9rIiF7a\r\nsygcVmMuEyTW+WlDBWjSdjMLg3gKuLMyooyMlsCU5buWszG4XD/Ede+j6Dzb\r\nDKNDFITw/Q8lKJHwg2le/4bPZ915KsqPQzk=\r\n=owKw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022228155140_1648482730390_0.35787103986806756","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20223215463","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0ea9436ecaae93bc28ac5cf744bc42f8fc76fb9c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20223215463.tgz","fileCount":22,"integrity":"sha512-8hUSm7YWV9HtJ4Tx8JbQMC6VKrqfSWROF3iHj7BM33grDPX3GZR4Sgt0igI2GRLn5iZMnHer/yfETIYi09PlWQ==","signatures":[{"sig":"MEUCIB0JeZhrCsLZy0Zx63iGw4BB7RFqBA4qSlMexcN9bSGZAiEAsg6zz9+qH7ohIwucY5bSnczAKifajWbl3TfjTe6euWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3ARAAiSajEZqZzDIWQB7e/DFw9lHLxDjtdhFi6EAtJe0DD+VE118P\r\nIWJ8F0Yj85XmJ39gUcsO+l7M0KPeFV9F8uWrWkpo22PHceqQbh50WDpUJJRb\r\n0oZ72kvMhHMnJzFPPyc28ckxjsDnhGR/JgNbCwCUudPMcBRDIpLsIpUAm1dM\r\n7MKMXaGAyJzorxLStB5lqT1kMU6Es982Yw5wBXq0Oq86eTDlmeu1bzVpvfEe\r\nJzlDkhRmnbkSnFv3ycy8Zm0t0NRY6c/0EwxvVdpHKrdbZlZORMgaVwiQR8KQ\r\nn0Nqt9S3tT1MJJ8XD3FniZVbZS7/QJvMX2YB3ACkHCPvzt3GFZvItjzS+ipD\r\nVW7SkFMOTMw+ZBQaWQwdieCIQ/OjJ2zzkdqCM2HBcINpey/ypaFt+XR57mhi\r\n/Vyiv23OOHFssculcl12fDCd7D+QyJu1MJg3QuwfZmPWAExWBpzmMHuqqu7f\r\nFnmwJyTztBRAnehCJOhw3q6SwEFm3V1pxZUr9NQNxVaEHzu+t3VKsvBpUYb/\r\n79iR6v3LjmypHJr/CUBs2WoLaK6gk/ajL5tsrCd5b1gbhVxIJGVZXlqp9Kbj\r\nqX3rKAYoWKMADDD9olWlRx78IwN6l9u2dsp583V1qtBn2b1AW5uhr/MCZ56s\r\nxCHnDQvpYHaHAQ1tnEPOlawdeo7PZ0FTd2s=\r\n=Q7hD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.3.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20223215463_1648914387437_0.17424119477967093","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022349032","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bd60275ec07084f906f4c61b5b342e544507cd7c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022349032.tgz","fileCount":22,"integrity":"sha512-d+pEe9+WwDWjCQbHz63i3hrrcb6GBnb6TP8VWfztk+Cum4ega4/ag20e6eLDinwDW5jKihit+183vAsE+5dT+g==","signatures":[{"sig":"MEYCIQDyfSD8XnNyVO054gU2rrL5I/YuAGX2sNv4M6qD6QpPsQIhANSnHMD3QgdoKuvvL1DWgLI3JGtjXDqzLONd1wQJzQa0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWgg/+NQRrjzRtuv4fQPSjXZ3oiP4YQFFW9XRNL/TNsNVH8HTLA9/6\r\ng6s3ZCK4UTywuX/GdQ3JdbAmIGT4/kOY2DbSvfJ0kRs2fHMcgreN47OzSFho\r\n1lS2cYlxEvxkTY1YsAurwIGN/JZE5bUfsXUFqzvRxOYCDcIqc5gjxXK2QKnt\r\nQV0ugPu6tjgUJJtEvzyAvtjzk5K7zZwy9vzHnL+6a0/4B8BI2Bi8ynIWiwuI\r\nIJT9FlzZi8gXDrqXN0XnqdUwS1fHOTyf5qkQOwKd39m4NcFp1t3t5UgmEF3i\r\npxQC7Eknci3vwGNfZvCWUbx8KpPY33qgZ5bmEoiI8J9rBUGLRd0OhJfdfouv\r\njVhblWkjHSY30Pyf/4NBOME1+Jm/XxtP1m4/emN5hHWCODk1Msye04oNQrQM\r\nuuAnjFH39QUDJCew2Eo+UZA+sg0SfzrEKJmHAwDjMPBQF48OPNVXDUOcqqv5\r\ngJtXxir203yyVX1z6OKBwGygG/1TFtMYTldeAiR+AtGT/LPna0BsKxACH9Ym\r\nQ43FLzwiXvg8GhtieLfmX7lihygRWgKy+/5NqSw7qB5+ff3g+9fIa7tXvbwE\r\nbbik6q4C319YUlkkwgZo4vGWgIUuAIqJ5R0y6PDBNOqdxsU35K6nuCdfDhf8\r\nC2NSqjtskIJ1vFvXaMJbsFWL8r5UIwIsHVE=\r\n=c4wY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022349032_1649062863656_0.005405666858709024","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022349233","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a0ce9c3f46585012bb7e6c1fab69cf71cf9fae83","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022349233.tgz","fileCount":22,"integrity":"sha512-NQTDjPS0J1KSBNf2bmfeTIdVwY/X+HF3yuaE/gU7MUDG0v4PKzhgrhrK3FvFSRefS4wKlpRHPb5SsNu3ih1HzQ==","signatures":[{"sig":"MEUCIBkkJo59LY8RmWg2RGepXfzVMLn+mCpQXn2Zmk6C9yLBAiEA2DwyoX+BahmkJgZEyIYKzwh1NW9NHe9gsM/c1HAoNnY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqezA/+KOeXbYbcCiwOwPWPWYfg2co3F1+O7islE7Oq2jTpGqH+VbVB\r\n1hlef+OzEHAoXbq9PzzQ+DyasEObDLrk1vZk/+p6EjSFfbRQsDNDzMIzgW0j\r\nolRftkrQ5sOJg/NffhOtMRAGNPVyyirALaCVCJG4gAoNGUQC8uue973cIqm+\r\nuzVRc66pm33bx24oFcrMxjFWTkT6NJq/U4cBmgKKdJo7/u03rMAZg2FhfJAk\r\nC8Qoo1ezed5KlhMhSPOgolJUXfBLbHPvi+k8JrONUmjqNFqng1AmbhRfdv31\r\nrsNFxdsXHdAwAeip1fc6ZlL65ijLzhAoVE9gLBqCmu5ZYBzhPojAmtMdAJRP\r\njRyFel39MnsZu1sXAwNyAk8P0pgtiw2X2SCcYTZHwHVVVN1nGUJUKCOLWx6Q\r\nhvSPNTH+yS1kLDqF/qa/eazCjx1G/nCD5yIqAQ0bZMS7/cK4aSy9d1S1IgAR\r\nCUe8u573MTlP6ECtOzwk5SOFnYAkpoiNWKkdw2wfJHXLHDwFN58mzfQNwEfK\r\ne9YEn438PS/0/4bKCD07JIG5uhXoPerl+h+czCrtIJahWRl8vcUTz8//L/l+\r\nru/sHPrzXNGdhVJQar0IN3JQcOpTbIBKPL31GMz8FNlTHozhXdnpL9t6lGpu\r\nsaHJ5nusNPcGYePfsl2ovYr1k4TtJojc4wY=\r\n=/LFg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022349233_1649062983656_0.6111280007970068","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022349957","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e588dfe101322dd0e9f1b7c218bb7e511acfb7ea","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022349957.tgz","fileCount":22,"integrity":"sha512-DypAHd0AM8MP2r/OgjknbS44VIe2SAee8Y1OyCE1DDQlxG+98z3wF+XUJvLhpP9C0YnKVd8b8N3STELnPXjYSA==","signatures":[{"sig":"MEUCIQC4a/I4ZoZr4btcErM1wLohNZ03FqKOLI4NdqXm5sjZCAIgKZVKCr7P8jubsWzRKCHcAUKFU31Cep5zqbs/E2lCKHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrX8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFrw/8CrdWpK/uGy7IveGYYlVhhl076TpYJ/Zrsuz/BYbJGpU4pDfa\r\nLT3yJuvYctUo/4n6ahJFr3JlxWk2UBzzqHipcYh1ndJ2tQ++byjAvbaI8RrH\r\nkmmhmjfFe3hEfLTVOhoARWt25L5HTtRffiTrK0rtW3eYpz7q5kZmbulCcswv\r\nEHoQOPa6kO376F5ajMECg6h1jxCn23+imV8WTCnqfoC/xlEl7Smg8e6gJ2qf\r\n3yEKSUHMJngs5/5dzqCBNKxy1/h0zioyJyU6q7Rz4/6HyZ6Q5BFJGl1rifG9\r\ngBK3fhzamRg7d+ii+CzR7mZMn4gEzdXDZ1YudnNoO7ID20jm8R0W4S3XCnOS\r\n6YdJr7CZ5L+tZJ6GVWAPsQ/o+bCGrlGidkmLcHK8klQrfmUfDTgQ1RS+bMTV\r\n6WEItSbtZji+zvNVrHfHsRHunhs0stcHd5FtPb3ZvoUPoJpnfKxoidDT/H5U\r\nTMRZLuBcTuyt8Uv1temK5joA3a87lEbjB4FXuHv6g7rdibApxv/UbIMfZCm1\r\nEZ99k6mRnM93lFBtHHBvjwKJIjJqjbXgAoVd55bjoJcwVVp5kpKDpUBzJl2J\r\nyRFiJjIOXRnwvHArjxYZbYHigexkQFuuFPi2VU8hRb5aOACFXa7/zwE7e7tV\r\nFraI0cHilQC2DM63ojM5vl4xgJPNhXYCpME=\r\n=+AKF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022349957_1649063420218_0.7603270229078927","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20223491859","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"daf26acb02d4f020736a35a3216105aee937916e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20223491859.tgz","fileCount":22,"integrity":"sha512-gJaUheKh0k3Emt3GBcEVPkoXZ0TusS7mY8IXYt9hWncG8+USaxWcBKwUyFs5xxQBu3AyPd49ABXoFcFruEGYVQ==","signatures":[{"sig":"MEQCIGbm15NcNYM+lpkXn2G9JxIyzEWijk7ZJezRVimh2Q/AAiB14jNdtUQ1iCJuNch+CAr4ofQLc7uRqm9r3TBr+yUDlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrghACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqR4RAAnDGJ5EwMFtmZDR72byr8JTdH3aqQHrcj7YBnJ1txdEoYtP/P\r\nUkuHaABZSrkD7AA30afniejlufQP/gcG0HvHO72z9sQHhcAVDUbJXvch3S7U\r\nVC67aaYtd6ET4GampDaCd6A+ySg51iEhuW+7IUVQhCtStFHAgrhhkkbntHBd\r\n5uK1vSaPZNeLsSXC0E53Sat4FyGhydPkYkywhXv8pWnGLeWX4RJy0w4ZBj2E\r\nov6DsE9A+DCjLrUEs9ti1SqWnDSzzi29+Ch/SOCLbeyXgjMp5L5m0I3jocVF\r\nfWH0J22EUsTHd1vg5fCQzZspWx012MH+HXPG2jlRBujC8HNFeH2EdS+EKgQ8\r\nHenriwYEilCEBCYSbmLBppyAgWynuLOIUofseTsRDEHVmTwfccVbnnEmUkC3\r\nlmycO6FEIAjRCMnWxuKDd9+8k4GmGUDlaK+IFSfH2PJ+0a/ckEFoW/DPXuKz\r\nwkK3n6FZ3CZVnPxws+rHdUiKNNChT5CzYitRTqv79LHQkWXO5uJXW6EB9sm+\r\n0SNTll8MZmZZp0IXpsjzSiUt+FykKSFw5bdrSTINyJSaWv1nnQ/DdKHTFyvw\r\nz3FQDDcPw+G4UomO6YEManfnJNVkLL6QsjkliDMxyuDxXLD95cRPS4p8kEyN\r\n6zH2Lz/+lHMjPvLvBDKoR8t2PpgzO+wDZI8=\r\n=EOlJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20223491859_1649063969041_0.7009723727051687","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20223655213","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"55c43058b42337ca42af299db1d9e8517eaabcaf","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20223655213.tgz","fileCount":22,"integrity":"sha512-lQjFsMrZJNyJ4qFegNanR33s8e+zLXVVu27/v9ywKxTmG9Qo9SLme73JPCsk0bFCmdLBMIazn54fTe0mnss99w==","signatures":[{"sig":"MEYCIQCAyNX8wCdrGIAsf3wECVlxUs2UFuAEuWiGaycgeu1yWgIhAJ33BN/u81q1hVwx5z3b9ELarUUej3tQk9AX2Rwj+iEc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrc/w//bDGG3FccPIA4JfZgB49TmRrfRWB8FSFPaj/vEO+8vgbKMxqj\r\nOlqMNQTH07tNomTbll+cvQE8ybugKYUe5vXVa2ad2C5jNLPr549DTOVzRAzg\r\nOeNtGK0hWVsxYDcDNL6HEtX8GxP0B3ImpFyTosdT81aVTfoqKFIcuVsT7vJZ\r\njfcfH8/jjAxMCSlzJCWqchDbgWep4wVQJZsPy2/HBQ7rXq7VLvSw7eN3ZG8e\r\nswdCRnftjvrn1hAWcTErjdfrVG1Veclp60xvGSjYI0eNq5z5jhXsS7s0mx8C\r\nGyXDBs/Fbx5JDgJnrGhCTdgWMLFcJma1W8yRC6BjI4a5C8yIeGCzRpCM0o+r\r\n5DdEZJB83Q06mqM4Rfknf2+WHtN/TfRjUCwDX3JaouoMpCE5DVTabTsVI8oi\r\npdaUH/w8RJlKyQu9fuK6jF0kURNmC74aaRLMp0YcVkbrC+OAe5TvNPU3tbWC\r\neHPlQLMHAkLQVtrRT1kNum7pyo70t8LhiJACSbK34oLeyd9V4+ScafLMkoOx\r\nsqjd+wnl9hAhz5TTg1hlYVVGQt9K2rr26xRi3LAOHvctf0sF8VExkLCZ7zEI\r\n2suDfmKrXQ7PKTKor+eLxgh7jAmf5KtmzsGJAasM9vR7/DA6vSHblbHkp9w8\r\nzxYRFSDd0Ne9tUNzudY0YtGEUO4PwtxPQI0=\r\n=nwz+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20223655213_1649224358837_0.5474292028037959","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202236131344","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"577d1f6e84ca63430fdc8383c979a2afba5568bb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202236131344.tgz","fileCount":22,"integrity":"sha512-OV/lllVPG8tJlKW5EDvRdYbFFWVCFc/GNlQOlnv+W4Wwx68qwWo+iKJRTiEzyaTImoQ1cGX6CLBias0BL53MiA==","signatures":[{"sig":"MEYCIQCGdIdisqsyNA9Q54LM0UGPgXHcsVlsLo1tHre9j1sSnQIhAPLgdyONLKTszQi0ShcIlqDdNtmBqNA5Ua3FFHnJqUZR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn8A//VQxhV99VlmfviAch/2qWMApUljk+KHrnOVDmdG0ufgMbY1ud\r\nIM4Av72INiNFDqTZo3v6SUZk8e+iktJ6UUe8j+Ob5oq++yUajOC86KonaQHu\r\nTmkxPYnRjluBWc1QNs46kOjwxu6JEidLk+C1jJwLXAd0V3QvCiKVWU3XFNhq\r\nMZNC+k43f7GwlSFrdgcnLx+RjF6aJlhqiwEmV6zd4OWP8EMc1I68OkZG7cUO\r\nimBhYrf8aJFTv00qcFqWQ7WKpoN2BMpvxIrlJ61FQFqwxaOr7qlFeqCmDdAu\r\na+frLvuuEs3zeejnEZneq06ScF81Bysx3SUOuIxvpMnU1Pj8+RtKRUqI4j7U\r\nTHjhbRqnzWPgCCdvRq3mcgBXOdG23lG0QvJwr7/SbZRhd9YMDbWMieB3rTtV\r\nRqd91uxCtl6tCmJHRAr0gOtjOb+7MRpCbc0adxyQXu2pZVO6MzftOOD+y9Fd\r\nasKUZ4uAI5vPRTOdY/y8QVVAvEWY0Bdv60C2TQ1Q2FhRwdTN1NFKFPvmjFsX\r\nZD2flyL1UHl6rNINp9ybIv9+CHyF7+tHFhjIFeWdNpPfGSsC7+w8MFE2ItMt\r\nWrDNL1TWcVYTgey2p+jb8fG6KT7/sKg6LnfRF/MZ78n4BkTOtvPsQypioCGx\r\nJnwcFjhZVNn/kMyDbduVvOYdM/6mSpP3QUU=\r\n=6zQx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202236131344_1649250853519_0.870167142341622","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202236132312","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"891c2f1b95b63e5a38e9c7e3ca3150f0af0b9db1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202236132312.tgz","fileCount":22,"integrity":"sha512-807bggQRDy57bgAsDROfbzt2vnfTXVtnaRGhcJSl8IKb2/cFsOpMi5LuNQ/nj1oQVRRw7V9mX332msmbMupmHw==","signatures":[{"sig":"MEQCIAZTO3OGEilelLzlfWEnj0JbfyItgb2s7JIn1oJmFms3AiA31RZjSP1vHIuOdr0ij/IZQlhMzkRw+053myUy4suRqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdQg/8DqVyF48jDOpZNx9+Wd28JbFm5I2oHhmv8VIzl+3151wDZQlf\r\n3vZEU5YChi2l0sb6UpMApMAHB+NP3fbuJFOsFUEgqtlrAfCTjWcbySCJYqOx\r\n+iookKe5fUcfcXPHt9XFEsO9fH8bkRkP2HPrZi6Z9VXdY1KVAYK4SNpjrJQv\r\nipFeEiTgodecKcHjHTUFwin9CGeMtDYVCjNfSvhBeC9JFlBs8wPwdItH4CtL\r\nJltenQOwq+S7DoOYuln/M5XLTm6M502worfrJpzkkOHIrHVkRaN0WUEbN1Y0\r\nWg64rRzKAB9WITnVIs+3/gxT/aGznE9BIkbcq1co7qM/RAMxGnRa6rqIf6nO\r\n8WEn8njFaD7XH+fFBx2CgA/dguL+E083JrhFwRdrTd79NOzUqsqsJD63YZKJ\r\n9s2n5edM9A3BG5mc4ofZnuv5RaddCCwaTJhIPHPL3m4+2VS62SLhrXtCUZ3x\r\njnSYXsEIQ5Ibjn1b+ASiYRjsAYJCAoRmBg69NJaINi7kWd45Bqt2usHTpe7y\r\nUi0/LBrexVk7rRVqLEBWRZVOAWgmmX3hyR/pKkq3IYgBlHkHDlXMFFUGEbTG\r\nbFG+2F3DvK4rKf6sy8IYoc/AY+GMIWN9KPLLh63QKYYlQYpSgl5CHy+HGMon\r\n81T+s5S/3nwU9qNiL6ww3IZ48FA3cuSYH90=\r\n=FPHS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202236132312_1649251416641_0.8756712041229349","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20223614103","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b9e204644280d7f9284d67b640e0b441ef9e0a24","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20223614103.tgz","fileCount":22,"integrity":"sha512-5qjqPKbJ/72xrTbUlpuPjjR0wX9iGO2tttsC6lL7/j/lZ/JAZWBu7aWcxZmjEDOh4egH5p0RocLcFZy11ndLsg==","signatures":[{"sig":"MEUCIQD39uqXkxsG8Qq+CkYAP9VgF9pd20etTEetl50o/k7H3wIgQ1wis3FXYGBl5yzXLoXFBZRs18zEF57G3Cs7MUOwlrY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorCQ//RtNL+oPXdFuuZhPam5kvowGVQg+kAslmy7BYabke3g72fbiI\r\n3lvkJlrAXPDBjtunr3+38Zet6J0wGRJJo92bAAlMAaGPrube+dhTBhJA90Ga\r\nuQ534Phszef8rkVPPnccEHd+y4dz1P5lWuOnI/bM4dJGOPHeyfWcRSKpIUoY\r\nmlGHy05XvSWb6bsSxRRu/4R8AT2RhYJqFWCCbcGdyhiG2UnPOgR6A3Y8PMX1\r\nGceP4PAlt/cVWRPQyRwLe1epoBq0EGmO3CizFzQGJN76+gK2phm2cLVIe+ty\r\n2JJ4JNfktoyCrdu31goP22rwhI7XsHeBiIAs0wRdCSvAXvveOcD4l71f3JtC\r\n4Ky2pae1F9HEm4YnxT4sC5gD/DQyUKYRn8WZX38oK0xXWKTYeincWyA5FJ1h\r\nl9LOGixMcA+Mls0EbWynSQ7ndkcJXviEau67fVCsWbegw1EBuDriqo7alh7a\r\nBRMdxwTTYxCJNrkpftrFL/cvtYKGIhK8aWJs/f2qGNjp4MIxRMQoQQbB+EoS\r\ncR79bHBlrGl8FVaOoqSwAnxcoqK347IhOt/Ywvk9WUUA+l9e7J0mClClqiMr\r\nd6jb4/m/x+Z/42VQN/GeqSgDb6YC0Dh6rwuuT/QAINmO5lj0pxfO49aESwaB\r\nHYQUd8txHJYGyaMPyLb1ezYCBgA3ZV5roaE=\r\n=Qp6t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20223614103_1649254229356_0.17822410639610875","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202236141416","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e810a1375184492b18667e244d30c959696309f1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202236141416.tgz","fileCount":22,"integrity":"sha512-ndAXKLb4gK8w1JXUgCY6MdqdfU2f3Kc0iG6r9cRb4S9Jd9yTXDp5JvexBRm7E6dzy5pOpdLXX85QsAi+he41ZQ==","signatures":[{"sig":"MEYCIQDkHliAZBFy3MVGxP2uNWO0x/bfBUSEAWW+xcRpGuPYUQIhAJ+iIC2Cs8wkN/g24fn1xiNRN4dISdn3di/VUOunbcNJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+0A/6AkH1mffGTn+1CdYgsTtgPJCha51X2t94jy5JAgkzp1tUUlFE\r\nJzOcGG5Q3qOkqDtNIvCaz8qvtls7tsQ/8nNI7pfoyUBhs5uXg9KNs7Bg/DDZ\r\nEI6s/HNLBF8R//0yIlkNBtQPAiG2KK1GbElIw0v6vtw0AiVKnQ5bMtyDf8wN\r\n1b3HqhxgjXATi36iOLT3I/hQgO94/KsFAENdd8TFE6BqGRFyTvpL5oPcXSNQ\r\nIGj1YyH/ZkFYke40dzcbtVGP1fT4Ok+QVlj2HisrwQb0HFohIPBzHEW49GWD\r\na1IOm7ZmMBDtqu7s6RIHLdnC7MTOXWqRk/bE8PkO98YQgm9x0XjZ0QyQNoY0\r\nM445DuM3RQxautvT2Tv8yjmL5thTG6dEbnxtOIlvZIBoxze8g3khInPlDVzh\r\n3+NRw95nWZhlwh8CiwtEswXmZTNn7dxLWaIyvnETPCBGW2GOKX7J6wZvQb6h\r\nc1codUAYwNyw4P07+0gFYWxpoOVe9yn2RuMIi1+XHk3J9IzKmL5plHfcZLj0\r\n3phZpu7+pxhqGeSpY5Y+pnuoFC3UaldJFTK5DqbtY8UsB+j0/IbV5kr1vSEA\r\ncv4dCvrwezeA0pdzLIFBqnuEzGo0MEjaxnTdBkndCWKP2EuYEHgtgLpoXWqD\r\nVPaWQBzRsff3SiGsCJQ8sVwAC448g52i0OY=\r\n=utGR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202236141416_1649254480889_0.09419945804217211","host":"s3://npm-registry-packages"}},"1.4.8":{"name":"@chakra-ui/color-mode","version":"1.4.8","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e5367b909f5b4c782b239f9d37d4cf1a44c28559","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.4.8.tgz","fileCount":22,"integrity":"sha512-iD4126DVQi06c6ARr3uf3R2rtEu8aBVjW8rhZ+lOsV26Z15iCJA7OAut13Xu06fcZvgjSB/ChDy6Sx9sV9UjHA==","signatures":[{"sig":"MEYCIQCgXxR0J6CjbAqwiMWVST4LaKir9sfz26XnwP+CRvSzqQIhAOdiSNrOCBjmXzqE/cded8DEOxjYUQdK7bvhHHk5n9wP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmougQ//VbUmuN6wxOpvANTI1Yjhfs0OyYRlfCbtDLpM90kR4zD/LAI/\r\nj0TF+N1/xnVrIKVde0rw15CQILnqvQlY0W9IhfzJXbDnmLhyyUeOzuWXFrSX\r\ndeaqRXyMXzYxdnq+Dwfavqxjs9F+8+xgDtkNuTBI2V7d/sLOjC0N9855yapS\r\nfkOCVC8To3X+xtPbBS5F6HPQj8TerXK+VWY0YbrMYADpoc4qcUjvovxCE0FX\r\nY7lzaScsUDt8mfaBRyMQPzH8TB9x4b0NuGEdkGJmf8SfCJ8a+34vEMRcIjDZ\r\nuCNbb7BuJCxGwqe1FOjgB41Fr8GMkRTJsyRftoY2OoUaIP6W5iw56Io+STeb\r\nJBixESNnPPUz/gGtS+qV3ijb/eejF/thuuF4l42BMwe2Yrl2itep2bW5Ma4b\r\nb1f5krddQIzbRzrGts3lWNPJyg1EwnYDKNVZnCxPyGO/nxnOlnLDw25LDW62\r\nlVIApW7+DpUUpTVFudcMGDp3BW2Df8n/8rqWNi+FVk3Gsa6JBF98TNN3A5Bm\r\n2LfDxP4+AnE1vZnSkYcnDYFeU6Hgi2odryZrHtaGy29tUvp4YI8t1yp2Yjbo\r\nRIC8XiB7oX5Eues5kRofWctdO6dEwGLWIR7aq/Y/HT8UMNe3VwmTxPhIKPNy\r\nuZdkeMgDUIBPP3Dq7sKn+2sMYDal88bTP00=\r\n=nsEv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/react-env":"1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_1.4.8_1649345667958_0.8318392441965348","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/color-mode","version":"2.0.0-next.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"117d2a0bf8338c3f88294a3a90be40e0cda2e7b3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.0-next.0.tgz","fileCount":22,"integrity":"sha512-s3fTG7ZGAeDLBDWH+OXUdNnode1dGJzEHDwBidKn2SMVnNIRDfL/JiIfbwGFzgJAq4ta1IX+KC/DVN3N1R/Prg==","signatures":[{"sig":"MEYCIQCmeDlrwAdDF2wKvke1Li+mIpQx22GeQi56PJV2Zs+rJQIhAIcncfunQlrYH0thFNAHUfSmMp1mMHG4mZnXlh6jnP3D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY2lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDEg/6ApXHcaMYz+CQeXaQidLTZI8vpEQUZ44/n2Q781gdTgmk06WC\r\nUK1OOCHQt5YnmPfzQdNJkjn40DAOfddpcI9E/GWXFHk9qGK3zj6QB2UmWjAS\r\nK7j8K+WHX4GQJe26fRsX2jNvWcCDmPi3weZp4BKD9jYUhOK++x+9VJxPDbYF\r\nuWV9dSeQV5TpRzfutp2tmAGalPmXVjzoyvr6N2PW52hGzulH/akAgC8DapMU\r\ngiqbWEEKSWFKVni+R3gsHTkXAQN3YNAqzKqOvGQo7QDZ8rgNbXhJVeBc95F6\r\nTBl+/FnEQ3+t3XhZefWYHYYF9JyLmel1IjSqC2aPIjfZNbAGoMLtTx/D/eW5\r\nvD39xfqQM4hcuixd70kl5ixE4OvzEOMBef6qLHPyM3vzBVlzWJvem8HVBT1r\r\nhhV8yVLvCxJ7z93fvweVXojopvYfUl4W4wX1ak26xok2qlZbsrcJ9JQz9RcB\r\nYbdh5w3ihWYOP8qzjkJuImX2Yv7M8Rxio3DQBEj9Za1TX+caenDbJwQSDAVV\r\nFJBUxHa7BfkordJGz9UChCh0TJONOrkVZwOo6Aq0mWxDGWJOWBNX3VSqQSsO\r\nhDgCM/1PsVjxVCT4ReHzxovqlIwmMvtdUw/baLYqRAbJSIO43Y1gQ9Mr9ke+\r\nz6HgS9K8Vj+E5VwmVHNCvNtwbOKmF8fqoRg=\r\n=0/fL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.0","@chakra-ui/utils":"2.0.0-next.0","@chakra-ui/react-env":"2.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.0-next.0_1650036133242_0.8510314077794559","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/color-mode","version":"2.0.0-next.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"38869d2641205691a899443c50735d9e0442c7df","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.0-next.1.tgz","fileCount":22,"integrity":"sha512-iVl9r83VW3NmukL+gI7W5CFfi8p8m7GMYysHyWwizyemIZY0iYfCVe47mdEzc/WI6t37UYLnMNJmTmv4LN/1uA==","signatures":[{"sig":"MEQCICsWLyyN2S5DTjp2LxgKSJ0ySuYpVo9vRzP5V89A7Al0AiB4/V/VRz5/47sne0H4eqGxPE0dDX2hq+zfaWlh0/AypQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEMA/+MjASCP2MiZnr81Xv+6iC1I+gxoUIIqjPPzaZ6eG0HjVdHSEF\r\nhC+6QROuT8Bb9zRHsKLEb61rKsCGzxzXQ9kRPn7asjYljLHh+NtzUhAJ6yGt\r\nTy+GnQaR4LmksETlgE1Pz5YG3045pOc21uwthbAQGCLHTlxuMbFqvphmrsR6\r\nDkk2RCOapCzZ1IMRu4A+EyMrlzTXzfHJYH/b85hDu8Hw/nHxTHNZE+y9NUL5\r\nY7/5ELxZn09rGnoJwXvgDvdUhkfmZMypjlVsL8je6gQ8LbMnmy0/zWrGFfmx\r\nBouLy086mOK4pbMear0hC94w1EesUeRm731rgFUUDxlP3ITFhgTo9Rcx8fgy\r\npwGrjDT0USWGxVnscbuRHES1ZWsGLcu6Gl/g4KatRHbg7fpEvoapnzthAyGV\r\no1WRUtnK1qxV0/gm410OyytKOVGahTObXHS+IL1m2k4JzZHuJxFnt5tObCjw\r\nOBgVys8CYvV4jQQCEnOpoSR1S9/ygzp2Gshz3Op3v2lr03vTE0p4YdzCVXvW\r\noEoqWsKMF5/v9XsSShyt5WeB9mQdS2O+NSSYJBFGea1y0Kg27ew5oLYd+iVP\r\nBeS+G8JJe9nuba+kzAa1zgWdK0jVvCUAX8ZYcoElaj1YGWsxSRFjyv+iSbfC\r\ns5ET3XHwzw9aZFKGB3jc77O1xwzgWr5Jwos=\r\n=OQ85\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.1","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/react-env":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.0-next.1_1650607522633_0.21963149042803987","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/color-mode","version":"2.0.0-next.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"98fa06d0dea64be44b8f284a8c95929b6572a21a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.0-next.2.tgz","fileCount":17,"integrity":"sha512-kUVCR+QU0ayS7Q6O4XIna+XuE5AOipzLxbWzr8zLyAFjCtuExpTPNyVlWhWxgBHettyFZGsFzY5QVP7H+p7wOg==","signatures":[{"sig":"MEUCIQCgjpZDD6pBD5zU+IZVYMLOOdZ1txfUfqiMe9mqbCm3lgIgMRJUGYxu/Wf2YUeDW6vJ0RwMtM5FjVlcJCrL+Y8U2NY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUvxAAhV0dOinZ5xvW/7h2v4P9xaKdhvGJntdl+x/HPa5wFasD4QUd\r\nvfteW4QP/ssYk2Cq50VCl+qq8P+IAclSAG1vLB89orQf/acF8S2W7rJODsYp\r\nL79DsWc7ZYJlasIc1GsGLQAB5jKNYiUDRlHCWQUgmBxUVZE/Ew3HlGPquqeK\r\nBgCHnUKLpqc6L9aPrIxIFKYDMgPOcBhmEQWCQCdgbvf7MTMRX7whfiqFcPvT\r\nW7ORNu1GPRCW2spAmBXXirg3l4QVOHuU9OL5qwsmdQtrL3k3MOIRgWJ0JSQA\r\nQFn4KvSyQ0S9VfHDh2qPLGNpg3SecIq81cfM4jSQVhhtLY9VGB7nNPyNuIaL\r\nc2Hbn7+/ldifVFKD1LKSH5q7+pRhiybXRy918BGwH4iDQNSMW9H56awh07mv\r\nI+kc4dm3DM+Cvq27uSUOqP6YiOth5gw+HdXgzNWm8+McRIwQMt09aNnfXowk\r\ngTHK1uk3ixqzfyK0M/ZdSrTu7LTM6du1/HjJB8r5i3Mi/O/pLFK+jNQoemwL\r\nQFpksUPNoGSA/jRvyOc/s9s7/6tRNCFYo725SrQKXEULWelt8WHCsS1LEOe1\r\nRjvcWuQny4yzCYTbkKL/SLDlVkOg4QiWmt9n9GXOFGGVhXels2bRpgdMk/Px\r\nxOnovWDZZGWkFXYIDW+Q8lxkoDg3NvucB/Y=\r\n=3jAu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.2","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/react-env":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.0-next.2_1651738853584_0.16332974638213527","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/color-mode","version":"2.0.0-next.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9ae23fe92de8b43931838d0e97c3f473c693afc8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.0-next.3.tgz","fileCount":17,"integrity":"sha512-cRmg1xUhTQLonTDlm7ng+yj+E04hdV1gD7nA0qFGrr494ofuD9SDT4Ag3I4kdX+iOi77Se9HeywtkUZrFicduA==","signatures":[{"sig":"MEYCIQC0qo8AATioLY6np1RhvdwSzi8YITi5QAVnVVFQCR6wVgIhAPh1cE2lN16+csrJEZN3AYLYdqtnP8icR7mCZByIjz/U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidBWXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyRg//Y6UKuOQmMJjjFdRynSJzNY3qmTPfHpfDSuDxt030XlzEzEvJ\r\n7R8aMcakgoI0KOTiPKuJQhNiooI0xt0N9a7L5PnBfAwaYLjAQzdC3A00m9wJ\r\nS6zlg71n9DQEb2Id3VjFQJVMCkeI1BXYRkBbVtLfyQlo0mx3s7bH5B1jy8cM\r\nWADs3DOxeQKFW40oh8LsSQcrrv0ZC10xDtk/VhvB6fGn5vTcubv8EyeirXyn\r\nARBEmDcVveKptrCCjquEfqN2kIhegZIHslB4PzgeKvQnClCPA5ekXN98T0G/\r\noEw/GIXp2tzTFFF3jJVssx3KIgIdw9A7OE3DOZ4YUVZTUzmCeEcrdEHoTbBP\r\nYYQ1ITPyZUheBeKqbRX+BDbE85180P/Z0DDa6tdibrzDgf/3NQqJ+ZQDc8BC\r\niHxJ8MnHzEAkBBgcqf/IKs2sGoSlka7s+IHIFvwlZ0B0nsOIw9nRTIw2dJUM\r\nLctP8np+Ob8ng5f/iO7pZf8pTsqhKpuW7uX27B3REuD3BKpB1iuSLQauAtaS\r\ngVfwuDu9K2AfEHa3MIe07nAJ3ZdzxXaUBnriItcVozL61Atb1Rx+uCedmrUs\r\nEMkNmdhNiWj/DjIab4aUv8IRLpvJyU9wzIU7Fh4N1tX359ylEytN/n78DmT7\r\nQiOKXdIqKyN5tVxnhbP1bY9A6872JAvwzB8=\r\n=HCnn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"c3a1993b61a7c8527c9a7fd80d4d5611f21dfbfe","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0-next.2","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/react-env":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.0-next.3_1651774871677_0.9184192305763956","host":"s3://npm-registry-packages"}},"2.0.0-next.4":{"name":"@chakra-ui/color-mode","version":"2.0.0-next.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@2.0.0-next.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":"d42c18e873221743a305b8dbfdacb8497a773fd5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.0-next.4.tgz","fileCount":17,"integrity":"sha512-iPnWKvO2cPVvAygHGLniHtR6RC03Ys+CuHBygy1FmK1zJsmR9qFfuZM1+hbbiF4hi2ww0ZMKYBFfsHQveVBDnA==","signatures":[{"sig":"MEYCIQCcmCq+Br5509idpZdka2HITF7NWDh1TJ/wMS+jJE5YkgIhAOMNev3OV2OGBUzQ+QQh2wX121QkJPsT7uHTVJxj4rgu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuIA/8DQtPpl1sNF9ws3ALc7GsvUnSI76Z7XzLW2PlIddADhsSpEcC\r\naw/qxUXCOTo0u8uzCS6bWGPqZ0g6kMs8MDLHyDExeWXxF7mCK52QOzdSY5yV\r\niHVhy7BY94+sqEX+9QHqhr0ZUQ5eNVy/BZn7pXTt3fku8utdlvmeeJ349F+f\r\ny6zUhPuvssqFxoMeM5S64sB442baDeSIchGbwtCt2pBJp5ZhaWXw/fprznab\r\n0nOR/UNzKF0OJg3jCvBzJ+aOXhCCm5LjEHBoKk0jjgB7e7rgehnEs/TmQFiQ\r\nffKlCj4Kryni2VquMBz8iwqDRcLHwaOR6aWeOW/THtJ4HX8D08jQC0/uBh/w\r\nQSuAnjTSCi3kKxidxMwmCQSOZaaAUYUgEVGwajhJsowKsjJoLgHhuVQ6kkvx\r\n8Nh2hKU+YEcxTka8cRCSXRRpOG1s8oKUz4TZKFkMvJThGcAKjLUi+hAf3tSQ\r\n2qzwnQTJMh3jb1SmTbDqs6kmZgK7RzqpX7VVIvbljobMRUdc8q7WO0+JoreN\r\nVCR+MNlQB5bkSOs/K+9WWGBlD5xdKm0i5KbFXwt5ugjy5ribUncbfnMtbz9Y\r\nqdHeaBh63mbSbfY2xD18l3yZ2pHl7l5lmbG/MC4K2M68KszRYUTDufdBM1k2\r\naXOow3fFZL1Rrp1DfceKkWs59xFh7iZRNc4=\r\n=mNG3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0-next.3","@chakra-ui/utils":"2.0.0-next.2","@chakra-ui/react-env":"2.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.0-next.4_1652085662261_0.17846120837596158","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/color-mode","version":"2.0.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"dfe4143f35cc8df7972f7a441a65ec1eb94750e0","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.0.tgz","fileCount":17,"integrity":"sha512-kz7mj84REdcV1BtEkI687pO2XO8A9EKPXrsuG15zj2NwotPB0yEfePo99eqrI9vaYGJcELm0JJ8Jlm1rjqTYvg==","signatures":[{"sig":"MEYCIQDYisZ8wC5WvRSrlvPMtDZxi+o/K3pPQPrw10oLycrp/QIhAJ3s9AQAfgZ4AqasELqrXRkUhksh5cMHGVsmXAgkOeyI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZAQ//VrTeRNkVBoov372mvwCVPmRxY/NBGcCli5m+rsWd9zDwsvw2\r\nbFWCcjILkPPJGh3Lb6amJ15x+OFg6665PtZezfNjgqwb9cvqDHE9/uXHw09S\r\naUVW1B7nu+9RdFxJycyjkS9wFbFfeVbwyDnRS6KV8ferqRWdFdeBErqVfJNW\r\nNodTxa/zeUPaOrAwU2Vbh9iyr/UiBeQlsNa8xcRg/LOl86m+iO3pft8Pp5AQ\r\nQ7ypH1ug8RdiqLbgw76/MYg+VFnrU9eQa/hLdipNT8MsjhNV0Ga7mgA19bsh\r\n/3l7S2VI39BNwM8zC8Gj/u5CTmKh7h7z/pVRpejN8Zq5JMdAB35SFgrjv46V\r\n9tn2noSD/OmMrx5zd7YXIFdgSMwzmaq1AbQOS+Y3tG7BIgfRcExKaGF6FZp/\r\nkb4WXKcSydf2ULVArXp5ct2WqsvXTTHRV0SuNFOwfxCeBKx10/wU0RS/G18H\r\n1KjUN1UOLvBDyXfxJpX2TB625q58dKawi1zMimyiPtBrRyBvv1JZSKdr8RWL\r\nx4iH0DLaPW/u6yTS5VlgPWNtpTpLp1fI4uU7tLmPIob02fvU1Q8ywiVqqT8o\r\nrKRo58E41kE5QVvT4iHO1sNZPYPhBQ7nRmBAxS20mJGg6n5caSrIySKrU+GP\r\nXeBYEYXU3afztqE6tDwFhojy3qBqHqx+Z2c=\r\n=yVWB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.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/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/react-env":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.0_1652377929993_0.5860884289444661","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/color-mode","version":"0.0.0-next-dev-202241614737","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4143d826f5d307c685c78ec3a5e1f943fa64afce","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-next-dev-202241614737.tgz","fileCount":17,"integrity":"sha512-tR+Ay0SSvFx7IQ/puigLtGNmaSm+1ySovnjBE+K8qviQ7EmA+sT1JbGaZDlcJ1jsFxP0s3gMUNtkDBbwfUmWcw==","signatures":[{"sig":"MEUCIQD4SZKM7EWU/QBGCZeJbJAEoaCgkypF2i9WiezqTVLn+QIgEfqQxpLv+DgZeqtqpoK+n/Av5kzdukAzowz2AQxr8uo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDWg/+KPN4ctBCAfoVeSurcyQEwXCvIVoKX5S1qkqPCUllwoxH2ZDW\r\nD0dlB0c/GUacMXBUCHmzC/8WzEdmoTZkdv5ZjtGP+2N/kT6dPDGXbTJJ0rrw\r\nnAAW9+2GvZIDCfR6jsbpjMuu21trrmpxbO9D3j01L5kSJaVS9Xrv/HRez8nE\r\nd1bNp5aAH/XhltTV90YbbdAHZkkWH/6dPGYbOZFY4GqqqXbyj0/B0O1Dp0/L\r\nekIimSNJZfFTNYKD5QC0lzO7u71caNS9bcwC/zqvwxvXZVsd05J+FljRCHBl\r\nXc9UyvQ2eTd16JGlEX0gWoFZe+tPBR0bbNKgqB3uoxqhPs9tfAvbcKp7WojN\r\ntA+NXBn3qFou5mo/7X4YHOAtnQMkk1jZqN3ZFILrmqZrTM5RkqU5Ss4gkeye\r\nhuzBfI0ZsPBP5qnYryuvj/UK7xuP6JGJiT+e+eUyzxMxLTHLID6FMEk27Tgl\r\nJ9Y1WbVycleZOhako8rTW5kwGQ25BMEFWv9n7YfgNlyVQbB42a1fxnIJhMme\r\nnXz046KdvSwCyRrThWgAP5Yjz9FHcKU3biCeLwWPfLiLVkir3iv6Vg0oL3sg\r\n3FVkjPxuI/a0mkXvRTy9oaCwAMVaf6pDyBmDHFgLpehvV8LhHjKIouRkUHMV\r\nfSj0GQzKoy2PitCyeBXYpbc4ynR/aqTWWdk=\r\n=7o+R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/react-env":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-next-dev-202241614737_1652710080290_0.20994581222264186","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202241614743","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f81bef93916e183efe017f8374639102d99d033e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202241614743.tgz","fileCount":17,"integrity":"sha512-y0IEEdHd0OUD66YQxjqDHU7LFTWbfBLrB6mbicMv3uO3eFtwA3uVzpG9e4WualOY13KNSxRZdfXG+J2O0gxRwA==","signatures":[{"sig":"MEYCIQC/OqfSWHQXxQujTdN/VODT67xODtJkbJC2lO3I+G39WgIhAJHo9u9zmUDyt2QG3ZsifrPgS4Qu3SgK1arYQ/src/5j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43855,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW0w//XLEPZNKWTQqUvckXvONHmbIHVarrF0opKhaAks6LvwgXevo1\r\na6CbmBYMQFNiHeheqyGPPtSERGHddcSbWx9O0WO/6/fOhJHZZMEoLbqNzCrp\r\nhIMPoW8u57fJeoeRvRrJm3zEHCzskwNfRCBpkYY4v8A6HVU7sMJpGFiPPBw1\r\nTjr5MhAb2AqzUtVfICPu6NAbBJEwsQqp1CJ3+bNDWwnLNKyyPAW3b7pz7bJl\r\nG8X4kCREvK3WPXNlvvIGqPRv8Swt/WEcpAyrobT+j45TiWHeLABQPfyGzVIw\r\nRDM/AHjoWAfGYOvkLco0AOfuCR75LSzwG7fcPP3RfH4l6jstthbgcpn7LH8G\r\nU0tFcaovoGLI7Rui+Lma5SN0j5SREq/pKXyh3Bkqpd8uJ8IkxWZsVAGSxzq5\r\nyo41br/ow766WHEPhofTc+R0UQLXDd2BJoS9rBeaQBYj8aEXM6oaEjXGA941\r\nARcOR7cxFIz9BGqCFrAW8+17cXqFeHPgOz8hmoEU8sIxCn0ginRfQ4vB0gil\r\nRAOAQrn56AK6JidH7YZcR5zSazAJFsagDPXE2CXMIQ+JAxbYeufro2ttxu6/\r\nOc3b02eHuJEcWupfp/Ye1/HuGg5cM9azYGkzygcE/u6awLEs4kpKJX6ck8J/\r\nclTFwSP/JKKBY1PMtfH5RGn3jiRcXXogCVc=\r\n=5lcQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/react-env":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202241614743_1652710087219_0.47171000633425186","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022416204849","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"59dcae19a9ec8d01f6fc49eb39e870b888b8bd05","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022416204849.tgz","fileCount":17,"integrity":"sha512-/t0zfAufPO6cl4ZrRffyjnlcaf7GYCWIUPPQfvuTPysXuHLBXwxhClElps8ZSRFdQiFZl0hy23NMPtehYCksYA==","signatures":[{"sig":"MEUCIQC6BUmomSvFGKv9QtMAjsT9zIT1jgBNGQApaGCkiicJtwIgb+ucsLs3yhAOcZbuwB0uzUtkpCsBi5DICX5TUbCVzbI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqR7w/+PO30EfqUaoOFQrYKgwd8AW2wKxrh3rQychWGLm44tksSlMsl\r\n2KAkocj2TzShFT0fvLvrhPXWfs3y+GbHxIJLWB4YhkPBHJER9ezmCQI5WS3n\r\n/Uj5Pqj/T/0Uamm3TA9xswWdTiELIucnQzwNuxxc7P8XM11mBrZRaiJcPD0k\r\nCEU1MnT0dShkEsQP5uRbSIMbed3zbMTWa9do7y4Tg51fr0ItMZykkGvNVFSl\r\n9NIPLczq6v0m3q0MZk3n5QJMAtbvh5oDDO21pxuwYycBfsihHDWBLemLOIfy\r\nPkhg3HHYhVCO85RVVwpzwGTlY4fVu+j58y6GPTPVAKotx3xua0Wad09TE6iM\r\nf0jbooN4BoNWuCSHd9svzGtZqtqo50pO0krXgAAHG7rqQlCW920nx/dCTWtS\r\nkmivmVPkWFST+iNaMIMW2bchfIx62pXUW8yof18tbatT0Ae7PaxYq+syza4Y\r\nmRzCHWfLp1unDFgDGK+qojSLzS9e3cvwRraPjhhlZz3fxjb9+Sm09O4VX2oS\r\nVQFBx+W2Mr44wPxf/xLebEarQk+wPYszdoJGtdXL1jl1iZ/7Gdh5DPkiCd1J\r\nXFQ+cZW3fU1hpskDQPVjfRst+7Z0kQSAeV83j4xVXHsTTZk8jatJrlAupxuu\r\nVd8bSfZbBJxGuFLDOrzfSvgEb96sMJEIkq4=\r\n=+gK8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/react-env":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022416204849_1652734151493_0.1867214595342379","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202241784047","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2db45508ce7cd4e0f0f00bb3748aec88e81e5718","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202241784047.tgz","fileCount":17,"integrity":"sha512-dD7liar8mwanIARmUfVyLLwLiytPmXyAHigma0JMej5ac+FFPFNgArK8vD643qnhV4wTKxMXDTHiEtK7lduA3g==","signatures":[{"sig":"MEQCIAEaRf+WBvStsnqzIUPzA1xgPDGGrd4zdgo8VStezUaDAiBsCGWwBRCVWEYfRlh+q7Wpqz5H465bgUg/YAcuxFnw6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46951,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEmQ//a3QgdumANa5f3qOq5R5laio/Jaomb12C7BRsPNIizDZEt4uT\r\nb/vpY2CZKwJix5GMsgD39ANYa5B70g6/g+nIYVzJMo9cbruw54TxXdFwcXo7\r\nHECHKVz6GaCZOx7NbX0Kgdbgb6qb8XXxmaL+n9tyOIKA7+vHczOsw1N069GV\r\nuLuKmHpVpRPjM8ZTZhi+rfymBT0fK3HlkKZcmOQf21TLZZIMcTM2V5hoARjz\r\nLGiQDT6XDIof9gi0cDwZ6S0W15m71Mt3m53W/ZOf5vHFeSwlbV2w0rcNMotG\r\nSNWVsT8B6cTgeB3Qrl/frr43qXttJg/N5s+AtOdx+ORhGOrlkJJ3NpQagoCL\r\nI7NJiw8/1FeAWHFeACeOkHUmWEJF/IWliwceuTCWffiY5aT/bGeMxaP8R06v\r\nGOW/g/E9J0T2RHGxa/wadR++G8B5N6A+G8VqGQuiZx7MaNdK+9D5RO8dnAtM\r\nUZGq0240y0I2/EvLE8ufUb1BOiECsRq9M+db/ekg46Jnioon1+ibdmVNb6sv\r\nA8QsrzA9SFjcr1PA+QGwgEmGRtrPCJcDrGQytxgfUWZnSExNxisucvoY65yX\r\nKiibeTO2WCSGS0qzS2iy62qziRfi1grdNkle4+BRS5y70CYthJ0MGSh8Qe4l\r\nUAKkxpA1zu//XlPcZzCn4uubNuf78KLIoIo=\r\n=Kocc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"4f2807e4195f5a7de1ad9946540fba8590ac42da","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202241784047_1652776872024_0.16454145628165828","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202241794553","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"922c31a660b674a40479cf2e08a842da9bdbfd70","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202241794553.tgz","fileCount":17,"integrity":"sha512-PZvpNBn365dXRQKkAS1bv51NAZkyGv2Og6pvGkKKC475m/ohKZ8sA4bLkTFCfvlB4aNaZKttwFEUyFlUgPTkFw==","signatures":[{"sig":"MEYCIQCmOTNvHu31w92iBV1TJCY2NbrxJ71fK7QjOUmEMlcM0AIhAIQ8q7aoTNWzi700d4Ks2RRmq5EBKQpjJUMWw4zkve7/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqAw//bsv57lgJhhM1cREYg/Ex27PnnKKnZTbcyz/GqkEuYAsemdQ2\r\ncvQkGAO5pPfmNwUyg3NZhWbywjdBFcGzgXctsAaESfV2vmI/lNhiJ2AGvySj\r\nnl3DJxgPCMbB29BsUGQjkpSa00YLPg/p03hEoFf7Ez0K3m1xPpINzwG28HRV\r\nzRuVekj2I7WQedx7KDRsxbkqsw5w1+6eC7aHECkLK3SZbGvoKeo093D/GBH3\r\n0wQa/jb9hoI4GVCKM+XPWD9UKBFbtGRx5ursJni4Cn8wjl6fwAtRcx24DvVE\r\nTnRugpzQuHbm8qoRIxXea/JY8BeLNox9RJUefIx74/ZUrbKh793MCZih8yOP\r\nrBUXHilvOAKfFUuqKzW72dH5Nea4F8ngSDV0rAZinxs458QZ+qiKh/zzTNHY\r\nEtmShvo2xYnA62a0l+eTjUwWTCq+IZKtnZliDj7EHm+b7jadcF9sGZKIpnIW\r\nEyZJczp8LiGnSo1HnVHifDRCRZFr8ezPS5sIrgxnBluvxdJ/I9jr0emcA5ul\r\n3dFU+gz0kQSxfhWbOQCLi44sD7sY6PX4Ht8cK5NNzMQHjtiv7fMJ0gd9MdZl\r\ndkl7r5F4PWsT2A6Mm6AuAkuGLJPeO1VFfrcHCTtUQL7X2AaxLVfToGpDOfux\r\nRlUI9PIqIHi98D6Bw4pXDs16wfGrePXu2gw=\r\n=c+Qd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"05f922f2fada732f04d93e13bd53434805f4d619","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202241794553_1652780774701_0.1334909499131418","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202241710143","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e1abb0530907a71eaf09644dea8c3b9170c7b801","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202241710143.tgz","fileCount":17,"integrity":"sha512-xGUkoVgt6u9I9r0a6ScRoDOuiRoEtH4kOObZo45gOmld8lX2CrQE60+eJqvbofYZWFWhBqThUu9A5aB5rU9rOQ==","signatures":[{"sig":"MEQCIBvAdPXlxbnZcSjLKxoNjuao198gVIM6VllLm55Aa7DfAiA0clQ0XJL6gM6Wz+p0dFLvryO1aCw+X26nuxT2Nl/fug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKJg//b5FSNRKDJm1F5fFnN3yPfB7xMlJEOl6Bp/NW+qb3nu1UkGNV\r\nCtuAMuM1beOFc2hQoHmNqK1RtWQzevGFESi3TEzkPzU3fsW6OFCR+KPs+6iq\r\nolTqf9vYHAkD7eTo75KjxqXb/c+ij9KZHry0nT+aawLKkkq5qboXl7mIuM1W\r\nphWEheMsno1vN1UDdUNp/BrrEq3C2rM9AQEtPgTp5JuoEMFvQxsRfsVIpo0v\r\n7HuuUDnSr5osuHiUu2tH6aSZfUfIv/t4mQzuyaEXCk7gGlMKKNMjIGg+KmOt\r\nyZnZRzOKFMCK4yydVMNiV4z2WswUDfwg3KweC2HN3IsCV8taskJQKMPTrDGT\r\ngvTCnNGgbaNPrIWNWJJbosi9HS3mKpotm3GOnHWvEKWwG69Zpa2FO8GbaC8W\r\ntfUvEWpaETYMF5LtdZkJlalIWMH+atZu+Hd/o6bDqtsMht1omeR+O1XtSOE1\r\naa2uIj4xVOflDlmy0Ohy8J+CNv1v7+SR93AECaTmSErUK7hJQ7RhjSDwqoGp\r\nSbaxZlTIRO2MRgksBObJNuAwcEeZo2vvKkHGaDlhZIW40paOw5yhCQNFjrVV\r\nTT6iFAR6t2/i2ujhexm9C/jahJkF5t8wjZjXyxesBS+4vptvoFfLv31FS1/i\r\n0KQ1Hyt9F34qdVUAze9E/B5frN5fppaIscY=\r\n=vNMQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"7eaf538a4db9e168408e114f80a2c2898cf4fd47","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202241710143_1652781725146_0.658310437518201","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202241710959","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a164fb09a009623f07fee6bb9645a9b4b8ded7aa","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202241710959.tgz","fileCount":17,"integrity":"sha512-R2J2PtNhKUIy84ILs/piUzJBWmctjWgQhlCYqa4nMjVMI4k3O0QUN5FpS1ycTxhnThCiLCG0iLIkrV9IbyNroQ==","signatures":[{"sig":"MEUCIQDCWLkMYWGy3R39oXQRYm+Yp4KELcyW6qPJ9nx/RiZsVwIgO8XSnEiznC3BjQFJ/1150pHLDMAUmKrERAmJPbYecFU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3pQ/+O30lDLw8WlmQjA68qc1NO+l8B11DenaVQDbNOylv4otPmW6r\r\nLLpx7soJ/dSxBU+kKgIZ/8WczVbYi4FBSKnc+T7bg2vQcK+VK1jNZsdJhEXZ\r\nwZx1yc63FdSnZeRbUv7sDw6ocmoYzehSL+CWKa0c/X+auOWQH6d5WhVG68Wa\r\nZgcnGZqcATwXScxErq8j2kOTPpBX1kjgQ2Y2Vw6P8ZkpW/BKPcOWiY6UMxn/\r\nf+ZLxVb0ezuEfBaeou39YGVXUhQ/Ky9Iu69HeKirluGK06uC6dOmFD59idiw\r\nA5wz7NFxLgcFP86J5LA5ajTGTqXraWWG0lwbPuW8QnU3mo81B8WgUcdR+R7e\r\n5/fNquodHV2SyO+ouNo2moEhwCNJ/eE3qe45hjG20I6MF5NkyWvhvVaKTp9A\r\nrRPCWML8CyKaY40JcBWMhBLMnp4PvNGtQL9OBy16sWCMPZDo2rHZHqKkiDxs\r\nRTDkcFwzeqzxJG3thDGM0ZsLDc5Rr/EK0LWl9kWAfglTR1TLed9moonBby5A\r\nrbkl3GsYCJxbaFp0k4F+m1YyaSDK38fM7bmTwgyiSayKXgiLFpnKNEOB7nN3\r\ndyrmyX1eFtEfpGZI151FmqaJAdGAOt/MkglEprMWHh3LIdiU1zVGKIP+wXuH\r\nhF5YhU1WmkLmJC/1r/KVMjx8jrtn71dzOhM=\r\n=YJmO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"393ca5b165fc46e23afd90a898256a0cc3e97731","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202241710959_1652782222197_0.3960374706459737","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/color-mode","version":"2.0.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d7531b6cd9d162effaf1bd4a027259f822ddb271","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.1.tgz","fileCount":17,"integrity":"sha512-V3TIhMB6nQqVjWn1Ej2wR7GFjHiq0s0l7YTbK27970GIqUJrL7It0hhUQw674+BOoWRbspOfksJe44UE3VLynw==","signatures":[{"sig":"MEYCIQCyO8ylxpL9mxwdJ6RldodRdaYq2VBGov6eTaWCsPBLcgIhANRnSaRTHdoVdOfnZZFRztZIPrVwgEYwiUWJYfZS3eTl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig8yfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWAQ//UoK8AbXo4mv5HEF3EyJV9xVbsU4gaonjo0dNjTT7cSML93v1\r\nIuEVPS81iakWOqsF0lTu3Mca0ng1KXEe6NKN+w8Jnejd7lhrBdy0AxhkdCe0\r\nu7mvEIRRZdJop7XhLGLBy/smXKmOx4OpY5SzUe0po/juEznA+P/yXzEwxsM5\r\nriffS0IJuPmH+hNZwth8UVo0/WvJ1OCf4O69LC9dnTGC4jzr4Ns5ic84afsx\r\nsqqo43snRztyJPKrjOh7ZQGQudej/fCbam56MyIi7rnj3Tx0wWnFNFKvQDsI\r\nqJEPe0zwqbOJbXlVBLuLpE+PNwfeidDqAcbYwcxLHYM0z2AooLTwz/D65nGl\r\nCwM216BJh3yjIXm+dFu1jBmWBlWVKX3fGa1/jxjNE9wljTmLLtadx2lCuGK8\r\nmdbihZ/5Q8JXzENejhxJ3RH1uK5KMwOumLuQKatJDn2dkAe2mb0KiCLTJLZv\r\n27vlfLPvuU4XmKRmNyYS7WCnSssL2w0sj3PcjC1AahNwYRmuJ9QuXYiQ+u5P\r\noaOZlTgypnZUj+aI/KU8ltt9PVGSCVMeV18RY+xS2gSustfdpQM7O25wNKhl\r\nQwgSzxuHa1uzORzrhVR25O8nxyYSFzWMJdkPfNRmM7mfM/bcTOnOOHClVvaV\r\nh/kjbSYPsRULzZMxftaRq6XJo8DhEhTVzBM=\r\n=f1NZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"4e0c1943d407368234c304538ae57d47fbc15721","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.1_1652804767380_0.7666529716529862","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202241716586","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2a2de5b59b028335ab8f0685517d1c5e94d42326","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202241716586.tgz","fileCount":17,"integrity":"sha512-7eXRndgBmMpA/v5937QQqKZZuWP9baUImd1Yg6miLXgLvpSXlk0+dgGc2nH3h/3jyvTanpu8A6ui4Q+WLvJrMQ==","signatures":[{"sig":"MEYCIQD5azU6Ycf0ZFGXhdRmOQbDLoKD9MpygwMfXjcwrHAU0gIhAMoTFB9YpMd5Ri5/WzIYMzA+dGdeRENxVwOVTud9m6Vq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47236,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+Yg/9FTvk8lv8aCG0LU/Fkb4fT/7XvnMARgkjAPbm8rl5Fz8ipC1V\r\nHMTq5zEYM9Q32uskHDu1js1XkhnI6o3q00gcRU7w3hAjOYfQH8xLhGC8SuRe\r\n8Mi8Yd/XPQ2xVQO07Hi3ViLyMPjm9aEyLdSQ0jHsq+BPTpDQYoCy2e5c8Jv7\r\nRJJgUivnj+4qq89augvQReS1/LLON1P1d4SBxGdyc87TsI7C/DYHtkvynNZd\r\n1gIGOcqKII8YSai+PVrx69TtwvJgF4K9qSsHet3SspyquF6Sp198vO9tjX6r\r\n0P6yTPv9o0WuOsvYNSyZpBoW2ppekn1XSZmBFbcxK7tPX0ECIAminhNfcvHi\r\nVIBWuJ3MIxnPcxo5zCUYgQVvxLr7BQ0bbr/WYWjskRtqnrwGFu/Xfh8sRsb5\r\nYMGxfWYMIakiUjfKWjgWwtxUZAr5T5SmayZxE/mdwDxmXUE7gPYQk+WzmcOr\r\nNMU6Hxss+f8vQoLT1I7QIvRu+XqCmPSyhcdNBgipr1RvbrS0Z8XObygVRhLV\r\nE/Ar8P98rAbREhd5QGE4WR0JojvHRDTh5gBQW6kJZwKZJ7ZsaQu1htk2UThs\r\nsas3DjKtWNi8U+Kw7kXdIW4xpUsJRJmjrC0wWiFxqrCTsjawjvJBGvffno4L\r\nznY6ELh1VLboMADXWnZ9GEY8/kbZxiVFjyM=\r\n=zism\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"a9727167c9529f5512717ccf162fdeefe37c5d8f","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202241716586_1652806708076_0.45392924386865285","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/color-mode","version":"2.0.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"19d5659620e098b231da3971facefb3335d20d46","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.2.tgz","fileCount":17,"integrity":"sha512-iXRDYORuyiXFEpTVw5Gr6jV6sG9Ly91NrDru1Ub/EP0GGGeFDXWljbQ+XQA8TnOXlPwPq+nEb8lprETHS2NVpw==","signatures":[{"sig":"MEYCIQC6tfLJALjWNhTZPBqzZt5K9W9d0MGRjfdFxFNiInKiQAIhAP0gkdzzv11vmjqz2ZkvKMN9ARFtx/1P1yZN57WeKNSq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9fgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxAQ//UP5YKBRhM0jCRhkton4xGNNSj2cEPt7agu8PrIGrwnQZS2QW\r\n+SxybTlURnX4ZMK5QfKk8lxKs6NYwg9G7OFr9NJsR5bQEWwBD7BulFJb0ufs\r\nRXXDp7VvqGrcdxxMmBN9BM1NBdFcsevXF5kFzJ8+/vCiPxInDcM06xR3kSGW\r\nPCqLYFRtsGnowaQpRbkCOhNzdyvYUFQuqTvHewPAeAzU9mzIDMWjfU/rMU6b\r\nYQx3E0XGlyin2B71CbyJYMTQygNBILdgR6CiSFFuIekh8yfM2osDz6MVsqLN\r\nAF6n0U1btVVasXnCKRsvKwBHq9smpYSY/T5PBW8CKB5P8wID/CDWFCDeU9/n\r\nwlOx9PBCxMTAHCzYKUe2xWmTBvqlQ8D46WRmk3vgg4WIC0pTmUIK9lwjlXYZ\r\nu3bNlw6xUARr6j4ZpNMUVB+Pl+/pxFbYGeihQ0ISNsG/VKsEha64LJXLM0u2\r\nwx2LTFeoWecMKtIZHhE7DPWQigIkM7MxVOR0Ryb5Jz7IABP1QA5XGGXgZolK\r\nAauBsAepT6lfr0dv08/wEGsAdWffMu3t7GxB9ikqqvjN4ncJGALXtYjY0Ovs\r\nslb0OxoI9M9Wuo+WpEqx8XNKkeHtNhGsZcO/gvyzRvMF1sAlMFcbdNXwuq6O\r\nQ1KDHOGr03e/g9ru/vspOEcu9zFvZtG26vw=\r\n=S+LR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"516d036d48453810b75fc338619b5831d5fed861","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.2_1652807648616_0.015131484996459887","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022423121532","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"341ca9b4522ea81eeaeda28bfb91124d11f18f1a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022423121532.tgz","fileCount":17,"integrity":"sha512-4BZY3onW/B3/g1zL+51Sd0Skde8hpFUUuEut//+pw0VEK/QYlT2tK8Klxb3JwJUsE45uyZ3ZVtUzTcs8Kk0ogA==","signatures":[{"sig":"MEQCIEPohlHikf3P7uleAxkosM8bKTlN4fRqgXqHL/KfqztoAiBMERtRyIpE0lYh9gSk+6AOBJi9OS48AGDlCWU5I3yRHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqG4BAAncB69ckgEtEi/EFByutj2QkMibGwlXIm29iXqkTvBovWz4g5\r\nV757ON9FwzWY7JUKNuxGYwpAcibB/qT60Nf266AalLjQ5hrz0ZoQOsDh9itA\r\nKO/f+C2mEQHEIGlCqVg73dZwqZwOGiKN9QXnTtdf6MMaCFTXFkdrxjW7b9t9\r\nRoeHGd9i8VADWczduUySZjtS4u8oABDFfUXDIdstid1KymfEdBlOv8aXsQce\r\nmwjfaQ8oKlkr7W3fCcxW9lmqRDnxoOTeoi1iw3bwJEl+5obqs1duKO9fzn2b\r\nLqiFO3HPMUlgBI9ayuEI6iqPMPWDrbZmLnQsSgkeu3glRPEdrNroGnD6nIAT\r\nJGVcZTnpwd9SLV1MFC5+Lz2lhB3o1o0YxKOE7j+ISR42iYNon0XVM7+zaoBJ\r\njiggdBI1qmoM6fgmO93bv83NENjLRKUvHJYW3TuptTS/o5M2c8Dqos4pnsgj\r\nh9QjAltNF5EjaNAQ9FSnyseiweJu7BglskKv4JEMPDdfdTDq/6DEbiDmICfX\r\nujpVcVanaWSvmn5EMzZHHDKzS8mZEpDWx81yxiIRuQ+PGNX5nylyEO2EFBh2\r\n4+qClaeBt2KjNxcQkuvtqbCMsGsL12M+gCwGXuFk0OucemwmhZIVxfRuJGBV\r\n17A2Ckx1yNvrb7abet9uUQI9sNFwhiWNfKs=\r\n=oUo3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"35b4565b04f75dc5d3874846b65260be849d08ae","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121532","@chakra-ui/utils":"0.0.0-dev-2022423121532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022423121532_1653308163466_0.31657413154729475","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022423121615","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"af06687f53a61db7e3c6fa566bc8de63d4334b2c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022423121615.tgz","fileCount":17,"integrity":"sha512-SVXewoP4AeED9BdOUg5x7+A/cQZUz9rsP1QakXWhzEMqbyxCWrQS9P9UAJd5/RuvRatcVqyjGwGXXrTy5CeNKQ==","signatures":[{"sig":"MEQCIGp+QUjjpIVIMS5gNs8WJsf5pMxjmQiOSb3RaO7y5ji0AiAl9vkkWRh/2C74s/ZYUfKvT6yaVZ6waPGwvcnKP7jmHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3suACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNtg//eVRpcGttoSaKZAXPVQiLmWciHSlOVje7h21BTGHrxRgoVFh9\r\nr7s5FCdMB/erp2N4y33jokuMDPc1UeaaToKAec6iRLa1tjPx0HPZu53tfuvZ\r\nWE3Qw4OZLLGXUgIJ8BOEFUSErFN/Uu3SwzCoSGQh3BdkOFVYP5oEsWCHrxeM\r\nKNN2D2J72Yep22+/bZPsfuJXTMkTdUurkPiSFgkvkyEAb7iqUTfyZqOD4gTX\r\n3tjpPaEs+qZmADdYJa4ajw5wbGTW9lotNDQgNbprxCZSAKGMO1+3riatHum5\r\nWSfuoBy3wM0xkAmnveXY+ymm5CS7LpY5Dm0lg7EjKJUsha8AXwZfO2Hh9wp3\r\nh60bMd+tXI5THvqzFWCaBecZjADpnH4IUIY4txrnCmjVIl5gjMwHXgURd90k\r\n6uZchp1hpxm75nBWG0I66RFjFWZRyrOJ7K26i/GU+c5kO/Z78ZA6pn4+nE4i\r\n1+KUVwfH7P8bm1Iv/NJ+iAxS8sdodUWvnnoZWwtfdAfpun3vGO8TXpYQnjrd\r\nCEeI/LJO4qpM0pFCG+W3SS3Q30rUVLR/7a+B+SLArEcrLsTb7PrVw05VgCsY\r\n17nNb6H04cs+bWYpobCu8XeblTafjbynbc14DCmnJ+35KtlFDuJEue0o6ezW\r\ntm8/M8Ic1TywnW4n4zfxvJxIu9zmauWKQQM=\r\n=e4hD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"38452854419b6a8f651d073c02c89fd9e4520158","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121615","@chakra-ui/utils":"0.0.0-dev-2022423121615"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022423121615_1653308206122_0.5272667337208632","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20224248246","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7f3e94e1f11307f95cd3cd178c0b5dd5b96bc41b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20224248246.tgz","fileCount":17,"integrity":"sha512-IVaVrCW5PyQ2rZ502BAdAN67YSfsBtGhQYJQI2N0AE5Smu3QgCbZofu+fhbczm4HAPz3pl58ggDy0yA7z7Y0qw==","signatures":[{"sig":"MEQCIEA9wdnZaNL6S09OvfFXLdkm4EYrdVjsC8h+zEbfMl4iAiBKWEKtrWWj2yJcwQ/LDnGfnDvejn3ZWIJi1EDUOt6b7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLSQ/9Gwz6hHP7iH1BHjMCebFJ/L/40CyDXpj9ZW6cnHYus1fX1er3\r\nn5vLZgI7mvWQLg6TpyAB6qtwdap94h48Jhl8rs+QyhDnis5+hL/wVmtstMUC\r\nic1YqluwMDwyKMW0amhpsLdgqJndraG3HRsKEUGRBArSYtK0TQAgko3tVVE6\r\nc5vyes0mx2QtOw0V4haj/uCMY6rkckn5Nv154y1kGxP7HuQQlJr1sI3EuSp+\r\ndBD/oW3fEumzemBL15+xGZ8hpPsKqskAMIS1ipdklrlERlXbwHlnyqdSIZ5b\r\nz7dyy7fiGNqJ9zPs3n+QrET6/ahzyHBkClMxBHIdmCXFrAiJLifmL0ybVlp/\r\n5DxdYtT6rUJi6rA7Wk1gHlib/rmyhIZNuTqLEKNgQj+7qOGXaoRDnuIob9SL\r\nvpn/qq+OKRIOPthl5Nf5rQvHUiFQGIwLo4ZsmGYOmrOFMb3U2eI2jE/16jwD\r\nkdZU0Tx3CizyQPMIwOkgMrRFedpYLRvH7RanvHyzD4qvzDg4u7EcDGAHcvoJ\r\nNWuWB+Tyit1RSrOey31yRxkNVc7poRJGog4+Y17UxpdLyhFVFMjCQ4Gg42hL\r\n9B6z1HGzE71p8Gp5Xn8x26+utesu9lGFjaDTfgpX2ejK15de1v04QC65kmax\r\nEkxfQEdBAj54olxxSfgCkq+UbRcJW19GUpM=\r\n=rUZF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"6f1921d44b496e518b2691cbd62cc45a6135d1f6","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248246","@chakra-ui/utils":"0.0.0-dev-20224248246"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20224248246_1653379395781_0.9298459716441956","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20224248516","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2d6ee55f51b6f71ff828e8e5ff19881caf351370","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20224248516.tgz","fileCount":17,"integrity":"sha512-3hS9Jlg31lF+djm7dUyxv4VH8EzIz+A5aZdwsCP3ZsyQxm5qvdvOwrhCy/GOd/sj8FxV4i1PUk6uPn0poA5tIw==","signatures":[{"sig":"MEUCICjQ4M/WdW9McO6fQC6Dz08g/MSY8DZyNPYF1BO6pQEFAiEA7FDIMhDTNP2VYUcuD/BlDajxDQdjBAdJepl1GDmSqCg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMrQ//Tjd4B97fMiDl+TzPLCQGi+C6HGZVO8fK+a/M82cbG7HsPoe0\r\n5JlWIv9QES+/5evAuvUfG09ItBZVn7a7t73jYwt2Tg9vr51pFxMGPnv1cOjP\r\nxqh1C+WJDijXLvzvVJuUDzTwkUXG4habyHeWp4hLhqr9Opp0/KQDQHpUuLIe\r\n3ElmfJ0vzO6iT34VJalBZ/DmAHsS7gEmZsHQqDN4qWvu0YrBlDOb5r070XhP\r\nBmj9by3pYu66fU0kcZtO2aazaFeA3VaeJr/XXbH9JswpRmOKvO/vKDqL3FBs\r\nNw+9bU4IVqD2i0v3nutl4W3ZvC4BTMJgyBiRsMeyjEfV0utC3YfjJkXAOAxY\r\n34TEIHzGf3dBhpX/OqpoVj9rANab0zh+pi0cUcDiqx0b8Xn1rgD7a6ld3jeX\r\nCK6/MiE7ySS2BSqDd5qlMdOxW/IehxMHFg2OVlhL75VG7Ys77iYL4PuNqstq\r\ntYNJbwsu2hwJuDjlg8GmdVDUtYSB9p7M5hPFPyhmLaDa4Fs940lZXhuaKPl1\r\ny79hcIb3Y8Bwm7ETbeJTkrKF8ZSwO6jbxkQ1W2yqZFsoyoqaV0/c4czlEhuZ\r\njyszmOwnxkSZgtuMCGBdlUWEheJOYe/GctSNSEP8pUNDT9LeEZ7lYSIq5Nod\r\n694dsWURcWvMoyauvdO+A28xqtwfDvlpJrc=\r\n=/2ho\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"f5839d1015edc4f3525bc74ab2cf5d9044139fde","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248516","@chakra-ui/utils":"0.0.0-dev-20224248516"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20224248516_1653379545329_0.5707445170160081","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202242481651","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c3d5aab909b596f5ad02dd777ca643824b561804","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202242481651.tgz","fileCount":17,"integrity":"sha512-E0WGjquFnehwD9DjNCMBKm7i3BHMvTOzRBUPBq4EHS4jQ0U/XOtp0flB7BWD0K6TJiDxnpw1K2/AYfitU1scKQ==","signatures":[{"sig":"MEUCIQC7A1AVUSRLapAJSHz+EODVNzmnpcVR5U9oqUuGEaI2DQIgQtzT4P6LTwRq2cYM/ERPSruOsQVMeUFw3krnuX5nJ+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJSSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzkQ/9HiBq5gesQ4ckAHdNabFj7rYQZZLZKY3GF4VPo8EQ1BmTprNK\r\nMsu965ZK1y+1xmBTOCXsxxXM66+laQMPDO7tvyvEpSxJHIGnYRjy8GYwdPyi\r\nGtECI0YTNer9r/m6ylW/nyvL5ErQWuv9XfLCMGcanUYmF+QoQph1feG/nCJE\r\nkNwsCIuPytm97c37+rJp3B/sj/Ry/bCp6wr4y0U3p+SJ8GNe6ieYl7SUNSB0\r\nURCgLZVkEquULXlu7yHwW9+ktKlOacwANCE/OOVAA0eNLLUVEtEEk7dtLJUb\r\n1fr7rRJ46jICm3T2N06KXDWNPY9btyvH74cSp+yEiU6omP7mwV1JPVlPZ6zr\r\n0fFqcRDIN+JcCng7Mm8qL37CoglaMsLDyuiBF1F4D9HggMb7RBLbHdwWPo0y\r\nSEs8PSxqoj/hSqNTO7D012HWqk/EbkLK4ryfgrgZdk0PnNyMBCLWEz1XBTb+\r\naMhBS7uG9Xe1NB2DZAQSmkb8Xe4KLzwFlMDH8GE7f0n6c3o5buExn0nZHjmW\r\nBFohamZpixmQhFuN7jm8zO0owZPnY0kB9c4h0m5ZGas3eBkqEa7aNNbgJyjt\r\n9Cq1opr1HyGUuYupghzC6HtECtmfo5lSCLi/Oh3Nedudpy1N5PXdkmS/qu2U\r\nXq15jzIzeTxIxSLmVCJHqseQBcx8rtMwPyQ=\r\n=1MCe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"e8cce77b27714277db576b45d03d2570d590ab8e","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202242481651","@chakra-ui/utils":"0.0.0-dev-202242481651"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202242481651_1653380242638_0.11829591935252903","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/color-mode","version":"2.0.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b1a029fe09e3d713b20cd09218839666a5a459bc","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.3.tgz","fileCount":17,"integrity":"sha512-nIULe9IgmznDKr/9QrqZ0sSYt6vMSRAcpmYpU5QRuyIncIXLdCYpfyo8zxEIOf8yXgxRuaRYdSl9QJh4NLI8yQ==","signatures":[{"sig":"MEUCIQCtn2l64KqwpcptwL1h4+efYzNw5X4u+6o5kmpvWdpX8QIgdyBGx2LSxS9OvtwuMPj99k6hijn7kNUy7gsS7EKdIUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBtA//Rn8M5MRznnZ7nC5PQk5mbYxJjESb6uS3UY1kc2IfLP3zGZk0\r\nBNUTV51OdJjDsFFyYQ1/DIB2A0gjny8cI3hj1h9K8mH8Nz6DB5n8g7WXa9Gj\r\nUWa4L9u9ttgNru7dTA0ZGlESt140VJd/Ez2uq5qlo616ZdI1crgj634NIJ4Z\r\nV4oYDDXpmQwDe2K0Du47HZ5jPzk52YqP0eoDwmlnnfBHtKnZQOtGjborsOtc\r\nLNGWYkHj87X6azW77xyOJMY/7pqWNfr4cBe4bvYN1gpdLwCnY6sZy+Bkm+uG\r\noovzHVMjD8AFyoQb2W0mB1WhVOTvJTn/vrYiOCctsn6XYvRo7nM6dbNW8617\r\npqIEGOR1zmqwpxGt0Omse3noDEkda0myWUBXpbUGGpjdL0H9EDnj8gg+DYxg\r\nB7KRn3Rxfk0iwdoP9WzYW5XIo24BwBMyNRcf7htcsML3/5jKlTpqrTzk5MfJ\r\n/f7nm+rcGl7blOxRHGWLzJ9H/B0xkxWHUQw7dRTcjLk6Jequ1+A2O0q/LeJ9\r\nrhDs8Sa8XQ69UNmjdkLvuryAvploGS56SdnmFKagXRZ5r9+icyvEA9LR2Hzc\r\njKlusHZ0IMrUP7qBmkqZyjGo92YBnpGYBqOEA/Pd7xzfEs9x8nzJpp6eRWQh\r\nrOjBzhR4bm20UEARGYI9BAwfanj3HDxpeU0=\r\n=coxG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"6375f5227d4482ad6d23852454a3792ba1cfc262","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.3_1653395289442_0.5157562974503016","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202256192154","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"fed4be162e1e4bc5267ed26096e544611d0baa5e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202256192154.tgz","fileCount":17,"integrity":"sha512-z4o4tvkttmLjBXkv0gZ8Ta/W1GGfQcrTMawjGoHHzUQbAxplDAdarCzeIeYMs982jMH1gnPsrhqG71CUwNVxZg==","signatures":[{"sig":"MEYCIQCvr+WvIvgT/rj+AKgwDs0+ISEZMLAMA0BVV6i+FaG0FwIhAN2KmngS6Vf6gvfhBWsogyrCLIYoEPYUj8ZnWR4RXvk0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlPzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGRw//aYXOl1BKPUhhC3GGQ2kaEDaFx7Auw/EYU3SqD0s3SoaNdV/f\r\nKtyYPReU7d1zo9mt4uRNPYV3uZBroBHtyY+DRR190LUgDiThqPhi1k5rRQhn\r\nIIk08vH4Kn3TqFGYuvOhlQSGdcsk4cVKopfutR8f5yCbze1W7HED0krSetaN\r\nebWCgTeZRdHO6tQaZqWrkMytvpai+7V3J+Ogr3FV60LLAu3xa5FyzW9ftC80\r\nWjdLZ/rMEgXytyrrAx2ONVZwnjMd6VCHu050Ulz2i97MCVFTB6rMIVJnlBGP\r\nDxjRfzdORCtj7lw2lCPnhbM+A6CrXoT7NIasawSfslAPfLBAUPCweUcdO88v\r\nNl665OMbP1SN4g+HaQaOyGInLAhQ/gu06nki0U8m780FWZZUIrmBoDAKnBJE\r\nfCy6x0anXsaKe+zDpDthvqOZ39kOVzhXeLIvNll+WKDLSobXW3n9MOCucAOg\r\nDb9hNmB9mN40uTdeB7/Y9pFTXOYbyYrH7pnCT8LCvtENFG0f8Sg7CeAGO2MT\r\nrJ3TwDAhs8/HxmLH6n1nClsKMxsLOEr5o/nKUloRX/03Cr1fYZ6Vwi5BeoqU\r\n9tibMvmJjLAmsGn1SRTgwrD1rXjy/qqp1aLITN9E0dV/aAcw0O2NuFbruwP9\r\nYYSX9TVeRuIOJ44yxW5H/LZYckUXd+oaVPM=\r\n=ZKfr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"06f29f8cdbb10ff1da523e0d0e958b9990d041e1","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202256192154","@chakra-ui/utils":"0.0.0-dev-202256192154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202256192154_1654543346978_0.8670716452884131","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/color-mode","version":"2.0.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"143c1c0baa5f8b21a491776fc58107675075c5f8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.0.4.tgz","fileCount":17,"integrity":"sha512-DIR6CSPlkmi92LDR3IhjIediLk7GFWttlTUvJQP06ZUvN+iCpd5TjgchxOYzqlP4T9W0L62eZXsluOxmRF/JSQ==","signatures":[{"sig":"MEUCIQCUBEXR7GiLsGnwfWld46Pn82GAqZG68ESLmClMzkHABwIgCXJPZg50bu3vvhCyu5oJK8LDSnaqjQBT2KZwfBOVnb4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmZ5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqaeg//ZmJaDEIt221XsCmwRxCTsjh63onaAwg0h5S/XJri00r/zSVV\r\nLaDzeVnO1McWvcbVAsFtnX0Luf2HgxgIqbVqhwsCPmrzRdbuVLcCXXlGO2yV\r\nz6vChC4VMBJox4ai7TT1BMwu2edhQYGuV30PNWvlBHPwQluQpWfv4hbK+E83\r\nlRWFtaqPk23h8javFIwdvt3MkfcdR47jxFQsxq2hq3087LWRvvO0VaeYE3ph\r\ny9xesJApPkr6vCPj6rA90c2mwQouOXVlJR4jxjvo4xzIjEpDA9+n01sHSTrV\r\n+TEige6JRPLMUL+jGzeQS/qgQclEXZs08NXLSMuL8qqjH0q/bWUTnggHokcO\r\nRUVkba7rPpGU2Zn00z13/aAFpxLikQPrLFLfte9NFrmFNhvZh4IMj5xP6LKP\r\n4iDwmra5HK6ILEbt96Q2nmt7VOirglhRBiBnUZUXBr5uN2Egk3ibYaUV59PN\r\n5FaDGHOaxtpKv0dSDnO/Iw14a2dPLu2iTLnf8dDDknXIrx0HFXNFtDej77ow\r\nQ9Y3EL5O5EhfJDVydDfldOS6q2p6/KTKqms1aH3ZfNEBt7BJn4UGE12Pt2vt\r\nKvgatOFrx+NthAHdEWFL+yGJKdfexaw5L58TsOtKUqsfxlUv/BngpUnpKe8m\r\nvQS7Mlq7oixLtMM5uiYd3pD2xYwgn4hG6mw=\r\n=+zxB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"28e10e36d773f609246df375dc6279385d07e0ff","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.0.4_1654548089573_0.9626460868544344","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022587541","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"cb8c3522de44e60f075e175cea77d111bcad0226","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022587541.tgz","fileCount":17,"integrity":"sha512-eKuZqykxS5As0Gg7at0NIzREK9dPQdphVyXH8LO2zUGp8eH80zunJ9w/TtBsq11g4Sz6n8r6SUzQzAW8577nNQ==","signatures":[{"sig":"MEYCIQCaO7wzumYnFlrn02XflzDXHReaWPEqnEQ4Nfz7HKxBLAIhAM8LfN7An6w/qRRJ5XWeweeXmKc4a29MyXj8vU+i9Osq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEpgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3JA//dpeveTbaybQGOZZjnJSsUtsGXAP1Q7V23VCEW5jNq/dj1S0V\r\ne4ZdyE+Hq+RKfiaASOeUq5OhewkWqc2s96R3CiTHmCRbvUtVP6LsBNxet4tM\r\noRjBzTNos7vOQPb41wQffnGxyLpRi/PA4i+/Ntl+OhAHNUO1JuWFNMZzINNf\r\narEoRCPSCeGFaHxpgfC5uupcFTaAga0tio8WbS3Vp3NIPUWL0DVKfAkud5Z3\r\nde6t93jsrRtJb0PQA3idKyMXdiS1JCOtOo28YkfVjGGwA7zmLIsDB+XeXffV\r\n0UzGLSON363WldciGawHM5GYU/n19K6BI8CGPiCOCb+ahaZtuRDiphzcwG3F\r\nIbV0HrDOv+Xve/PTU+rpEuhHaJV+Lsjsr88QuKCPRW2HjfuLiGd+omaxzk0k\r\n2NJZ9QcAEmuy8IuEoOOe0/Sl8i7Rpsdkvn3l8oh5a9b0bH0+9IFjT4wXD+Ia\r\nI8y3s7PdITn/nnL1aDA1wRfVbaqOn7FtATqkENDF+jvB+ujQJmp+7WzxFrDT\r\nEs9z0IuUtDB3YOA2xG7kdOdT4ec4a8lwTDB0A84WSiu495qObrHl/2SCH3NJ\r\nbCNSnuOZ0YJj91VLg4KvlMlhYcOy1kxlYXfP6x8GqDJj9edQWKz6P88JP+wQ\r\ni0oUidH5F4myxovbq77Lj3YHthM/xYMdU+Y=\r\n=2WGp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"ac1f37c9daf3f099147fedf1fd75345979032c26","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.5.5","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022587541_1654671968282_0.653283497612005","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022511155212","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2154621d63c7d3bd1b308261283bbf0cbe00aa05","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022511155212.tgz","fileCount":17,"integrity":"sha512-Y0Ya0GSBmKBR5DKg+PnjemJzAKRHZ4SXsXaDeDDO++iDsr2nizgpFpkQqsMMuI0POSFCUhFt/frVOS5uPIy+XA==","signatures":[{"sig":"MEUCIHZV0jpkFCGnthhbgrRij7oRRutyPyfqpQ4y3tHd7dCAAiEAwBHtLGiEpj02J6/L5vy4M9ZjuNwy1k+i9RhimsPTebo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpafw/9HwzWVJ3icQJFWYke/6DIVe3KLfr6/ppJMMT8Np4j0vGLZu+k\r\nBXxvE5wrYp0ffLV9ZekjwDa4VXnfJ1iL1885M6k5lo6wxD7ADeX8HmOkOnww\r\nsUQZfaS4ZEtnZ7X2FMoa0WG32aSX+lLeoqCkNr3WiRnrCGu7EQWZvFpzsqLa\r\n9se+d/ETtk/iE+vkmzGD/XWRpdVZqyzbQZK9o2vHJwxLfQYA5yKNl3AZOCHy\r\nOmhHifJ/JrTaTZMlOQWY1ItkqeiZerOFOC+VqcNg0Qg1fiZ8chXjueruu9B/\r\nBaM8sPe2Lqhjb/WtcMnzJ5rmhA97niEoS24WpBvVCNH2U+6Ko2mNNqsAMQH9\r\nkB1Q1y+yRlRGqnku3X8o1Nx9odu7HhNvwBOQuj2niqjhwrgyoaSF3LU9/uRw\r\nIHQDMinLlbfaFhNqfCm3foIsNGMzMdHKO9JDbRzdJ1EAaHO1KVbCOtN3YVrB\r\nEuRsbdJRq9OwDh8PXf3vvVr0alVg2opPzYoRquwLpqBS4Z6x0FXVGL8UDdky\r\nL+Fm5XK4R5+oHonpLJvAUdJivROMm8Qtn+jHVKuuVzi76bCp3tQr5SGk40id\r\nFTKAuOdVtFWLBCvArlYeyyV4p5nWwihHa2JdsPRnZ0eSdBtc+p2XMc9MWieA\r\neqN/VSBq5QbVCclDuYTEZnee2VoSjxbp5zo=\r\n=exKz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"911e13823b03fabd673d7bfc4270ef845d3d496d","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022511155212_1654962760646_0.2416715896153958","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022511155356","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"26677df8a7717a6d3fc26f9de0966222b7c9dd00","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022511155356.tgz","fileCount":17,"integrity":"sha512-Z4IjGzlu0+F5UNdmxpfh2hLcAVt0S02+k6abG+nLupI+Bd793kKNStDdy+wmeKtU1u8d8AaJAgZysX+dermz+A==","signatures":[{"sig":"MEQCIGPekXCR3M5ay6+QCIVaQuCzwO09wWoGn/ZTj5m1AasUAiBQmGksPBnFmscNwDJLcZCClIY22Mjjoomx5FoO2AVsTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLqxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCcw/+PqpKRQzdXwDwWknwMrxynK8Q74m00i8KNY206lBlzXXyRqy2\r\no/E8hGsR/Q41TD89MLtGj/5sDTG7WD8g/sZvNdZpcHiwzw7qYz0em5acGerA\r\n4gHb9+1hdc3ZDxWE58ldjcuw0gW7srUDHzls2aqaOG+Pvz9jNzg4W/4IX7vm\r\n4TuTT9gaQcnDFUNSQCgjeN/oT7aFGNKRlngOq4hDEW1i3wyDw+zfwqOEM5KO\r\nuXrlLXUxp6XnVTuvYVvwjZp+zvV5YQu8H2tLkS4v2uTLWBDBBEigLJQ1sK8N\r\nqrvu00H6SeYnBvd3VrsPHaxf57QHNfYj+E7nG2c0L+FQkU2ji2yZ7hKcjJmw\r\nEXHO8MMxvqme6qyNYEtV7F+h0Yc0LP2wdletaGGnz1r2lrw2fMZbP8Ejk/oo\r\nKPJA+qoUSn+Wb6bWbGQo+D0YYInesx15p4fPLhMT2rQcTDImCdmrKHDO3akQ\r\n8tmxLk1CeIer2aXMD2nwaJsOnUHvc6vSPsWFhbU21DE+eP2FC9UQRjabh8Uk\r\nDcsf6kImwwjlMEOq0pxaQLyIMOHEIuU60WFPzA9lyCtTNK8kAqxcWTwDqRRs\r\nwXL+8oVtZvSzvOyzWpBResdh9pLFcCh+yI0cSl2ucmvKl54N7cQ1ED2aGydb\r\n5Bw3ZHWfUm1KzBMsBt/OFP2qX5F/G2hlVx0=\r\n=YDW+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"7f11b0cd2299ec57b98399fc61314202919adbce","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022511155356_1654962865048_0.6696017776153087","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022511155428","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"47e30a4864af3a142e624b09efc1183463e19e56","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022511155428.tgz","fileCount":17,"integrity":"sha512-otV79EGUCJlcL6xrWWdgsz6UN9PMftsMecIzIYH3Z77HtGlaZUPfSCzSzldgD2lcBEUta02J3+ZOHIhB7ZWpUA==","signatures":[{"sig":"MEUCIBE7CWgujJ44a/F3LgamKcGfVursRu2V7bQPDYdBvHZsAiEA335nTK/ItY7i2TYlYueb9FfjKa0Tp39S5i25ujQpDco=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLrVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpT0w/9GYsNSZeTYgUswNhqNCEH9750CMwHZN8jiBx0eO/OExICFWqz\r\nAByHin/9Ysl6EBFpJIfkF+vuXIDeGmhlHdRY752lQ62M9GLORw+OjD+ri02e\r\n6c4EDy4DsuK6NXRQ7+HgiLLXF5r78x6qFC7XlQEIRAwrtt7vrZuFu17TG4oH\r\n7CRXerUTn07SPelDz0NlxG9nhUMNCZKJN8Soc2ggV+8sZrKV/oSgadOrz39Y\r\n93ySsRhun83HDLu+FzkKEkU4G2rwUMqB2vfHScvcowGmD+B56ycV13Wd3iSs\r\nsVMiyvHMlpci02r3WGASx8c4OBR3b3QjK9lQi/IZpFX2NOTVNOn4sYoEXYOX\r\nXRGrXXAoSSjsW9FUbOnrOillHfp+ScuTyhZGIOmFhE62HhARYFHRxFuGpPi7\r\nAqU4R3tjVWzv4AoDuXc9YkXf+0jMRDHkTrLvZ0J+348xsT+ldLZgVPa/1xZ4\r\nYJOG85DyLgOEvbsphADKtAPp7oAwlumLj8umWHRl1c9TuJBUwK+sNcHtBzgK\r\ncsBqhF8MFnyqnLXM1kVjwbQoFTV6Gk5govNNmGXAlRvSWYX588bmA5bf4i0x\r\n3NQA25UHBdvchfVQvV6aPwtSZBS93rJYZoqFfmZWzhNBvSbvGbDMbpQ30BcZ\r\nOBlgWpYs9Hn097qM4/AYTWAfIiYhwfKdUL0=\r\n=fqCM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"7fc054eecf48cefe788fdb31a343b1e281649197","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022511155428_1654962901087_0.3196235680450712","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022513181240","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e0c6fe40b9b78f0d72b7dbd99b34f598fde50fb8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022513181240.tgz","fileCount":17,"integrity":"sha512-OgET1qRk2WqobTqAI8bjR/lknibJ9AEuZPCbTE6pu9B1PVPaW4RUZ9wNEZE9hHo5FZekc6uMCFGV2DKvONnuww==","signatures":[{"sig":"MEYCIQCiT4B9VWy/manhrVnR8l56nsnhBwNNHCRDkOb1bbZL/wIhAPKH32OjokAoXQ3QdWGV3mPGImbci8iXUqu0Gx+nUgFb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip34xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDhxAAlomEwZxstTlVC+qAt1AuQ9jUHq7bOVYWmmXlyV2GlqR+AqGm\r\nkxpQSHh8wJz7oOGUqL6vRl4ZpMJQ3GQeDRSj9vU0ccvQ2lNU8zjljGlZGwb5\r\nIJ8D1bC9bOZ9Qj3rETEIlyQPwuOpszp15JQehemVnHSX24W8wgg2r6So5HFx\r\nl2ipZDCCaL5hBw5rIOD9kWZUrUf4sfKdPSaYvlud5iJFMgH4rkwIqMrMe95J\r\nQbhG57I+gE6GmnO8RB+/HUMJldT7wSD8U5Cd3LEA9N9BgktrT9juanyZGkG3\r\nTUABgGGtlpCK+ql+HVTWQF/tdmLozYLZ9Bb7XjshePtcAzoAeOpBByurgICu\r\nZdMvxiFH5TpWFncuWlRrFIGbRmXDu/8masvKwYqhTMUfRBRM+7r0KzmciBnw\r\nmLPQZxrfUsANcdksjXORJsgj5wKVBgcUjGF5I9PbiwdCbreoqVo4nkqJvM68\r\ne8OK/UQ6fh4CefAM2LERL9Xit5AJhAIyrAfnowBIEndKPfT0dBttu/LtVkCq\r\ni/eyEsZS9th9O29oJMSuD5qpX6jtvNXr8V9fo67wIxC25kgBNuEMEUntkVne\r\nXyHOaxHG7bIoMjvtHsTvLwJ1eC2oTPyJGLeQTRHRmDAfCWb+gOF9CgKKprQV\r\npVMjGFY6CL5+jYYKZmCV2PzyYAiV+DLLZ+g=\r\n=8+85\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"31d24f6b0953fd4eb9c90a80e3e78227624b4d40","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022513181240_1655143985163_0.08625136185615823","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022515163532","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"79cf2598fd6ab6015f447e17f1d2845a7130e4e8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022515163532.tgz","fileCount":17,"integrity":"sha512-SNAkrcsGF1A8KMrYk+ouTksklnMrbuSRuiqowQRpXFTQr28Ek/gllEdvWLvC7g9IIm8awPaGxrk89lxkmemVSg==","signatures":[{"sig":"MEUCIDzUMJShbkFRj//+9nZR6k3EkI+bnKIlL6O9VYbZkiuHAiEA0J+yS9tNj3Gtx/iI4JZpCYzQfOPr7fY0r7OkUQ5eoRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgpuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6xA/+McLH5kcD23OyxCAu2BsjtTRMbyBU9VBLkn5AJdLgKzLsAlaW\r\nx/WRx03B5pOmisNkqOk5bbvaG3E0GofdjsI9CCK/lbePMUtSjs5MmzjCG/RQ\r\nzHmiCqNBi06lECKrO/bCuQvoUjtCvM8smqB1KgwqP2m4tT/6tm72RXh3vsLy\r\nKaYZq5nrH6ajda2QpRgW+dUx9rMxZXZhTkddb0eA8cssaKPOsdgOtWFeYjy1\r\nYfAYkzXgrfuZANWK193uK4p6hvhKQbnyNmZsaPBTxexaBgLAi/gV/ycozffc\r\nHjq/b+3LtxNJadzoQjYAGZwQzmpFDA+jEU1i0Lhzm8wYR5ery3nSYT3v4aq5\r\nVqMPz1kAvQ0mVE4c9B8spm+N2hxgQcjA8VFilhimmat4EW2rHSPqy+ieChRe\r\ndda3oDFtUT3Cnl3XVJ89FbiSYP0mCuSRkXuVnrglaRLDg5KFoIx2NnVfiZWY\r\n5H9hdIEneTTFMxUM/gyPRhNq7zi+GfHILaMENi7MTB4soWZzk2nGbUxcEfLU\r\nwrygBoPxQKKwuHKxxsWwdLcBpwbFSEMuwvqrAnfpZf07E1EnF+I5cVRIjN+R\r\nkeCvcEX5XCpfD9QoZgIyx4aarbD+7ZvHL8/mzLCad0mmr1oNKxbj6a0MWGZP\r\nRFssg7GzQpqPK8j+vUSHj082izf9pZD67xY=\r\n=C55J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"f3c0040dc87a741a46d5ad76e4484fa72221c914","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022515163532_1655310957897_0.8449078334530258","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022516122241","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4a4300eea90ea463e6c624b00c9fcf64c8f746ca","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022516122241.tgz","fileCount":17,"integrity":"sha512-b+jJ05WN4DAmpKJG5hrYx2fng3tcaI6DGwbc4RNGngLt53UdbtKi9el/plqYgJoa8KaSHdrx55VQcGkR8GGlpQ==","signatures":[{"sig":"MEQCIA/RUfKKYW65NERtUMj1qXGV8evk70zJJcViBhINegRpAiAQSQJpKvWyOIe96x7aVGxSpFSYVxd3fcNHl6vS9aqm4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyCuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcvRAAlZoRFn5XmfpDvIDesOVKb5EMTmIkuj9VAaKpIKOFpUSMiWKj\r\nGb6F9rBl+xAAti1dNnsEV12/+yWoQ9c0GLBj/K/m1v+qOTG+yZxxXywtUbwd\r\nWuu0pjhrj3cA7k6dvx1YXpX11z+Y8bxzqvE1crzmfxIaw5SMHsdtS8HsnKZm\r\nfUimy7e8JSVYS+H75+zniQyW5/DbRtmfBio3EJfiXBL6kdPIdIwwT2unMNah\r\n3TL3NPKYKxrB0DKCnK6e+u9Q8rTgq+SzkHLqHPS69myMjEshfywFUzjWF5zx\r\nhlh2D4zTnN4ER5k1BuXVxjdJE+EBPzX0SZZaRu09OFQFHvyHQ5f9yfIH+kw5\r\nc6cAmg7eUCb7Ybp74e/zMYm5cp/RlWbqJtMdAtaSVK/fb2d+JCBEpIYqDG3D\r\nLUzuf4f6fQSUfrrniedUER2ojrf2aZARdoxy8i2wmAECMpA+RvaF434XYncl\r\nAtWaKl3SdaNz1YKVCTuJzD/xp9+4ao/5/k2n6xYsnQPk0nHXoaTvGmfkQY3a\r\nEtHCys+Y162pqctOqDUbuBsrBrWtdiL+s/9mpXBQ10jG9NkaByhJ5z2Iw5X0\r\nSzvKwpJQ+6xY0CgakCWx63dRwzAol8KIGtAHJIrpOvktTFcQ5pZkp1gRT+RM\r\nmxeAtburZqqxDhy9LwwiQ4NXPIL1d/2GYCI=\r\n=2rB1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"69353f68131cb17f069a17135e8b3ef8888d5f3f","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022516122241_1655382189837_0.6458751781521688","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022516151633","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3d30857f8551e7367b8bfb4d8449ac248f96b894","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022516151633.tgz","fileCount":17,"integrity":"sha512-W8LCikyy/V5O/ZTHALgJF0axCnhCSslRdtFCPso1/027CMkXJoo/LQ3U+C+LXaRbsGFRln7doEDuMWkf0Nuoxg==","signatures":[{"sig":"MEUCIG9KWsNVY5cqY+fT6tq9B21JNndObaAlsBGzYoSujPfDAiEA5lGL7FzzvzQ7IBLvSNoxZdivw7gzFiou+Y/QOC6aZz4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0lqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGug/9FKIORNtMjwRqkRpY7fE6Zkh+OtriVW2V90ptLKEmC5BH6hHi\r\nE1hmsVeu2GazvpNbAMjZRTXaSVgKp4UxOX3fTjGVb4HhYTnFMvEBE5EgKxvf\r\nFhACLuGiJRlKoY5/wamwkpY10gZickB9m8/cVdyXu9pVU3TzW3fKR2pT1URj\r\nYALViczmnq6ixMpo/VOLy73qLQdtdKmOXo8WI9Czy3eERL/ucAv+PkMQ9jvd\r\nisK5mmwnQKyASn18v+PxE0Jvmzr8GILulE9xH1ZH/aVq7O3UoU9PSpDnU/z5\r\nYUk2d+DlC3se4h7lGNgr5PDfZvjdoitqqqKKwqV+yE466LJEAXCZAlb08xAp\r\nscWgdCPw6LwQ+lgNEeKOY6Sq7LHx4Ahf0pt0icxYznX+v0isLTRbAJ/ec9k+\r\nUuSMTTGo6Ta+KMd7b9BOwP/veoNjw5odlsYPg5nxKOoGp8Anv1/FXFs10wmO\r\njJslfLPmHBu2pqfvT+IQTdwGS0dmklX3bfOisX/8z6FYJGJaYo9j3MfRl9WX\r\nRLDVrJwGNd0F0tzhJa4ekgPVGT2bgvHA3gdb1tn8hoC8SeVvds8U8xV7mb0G\r\necwuUtMalqB/rxDK1TLsO5zbl+QRoReYeDe63IB0QHxTuSheI3igT1hIuVGL\r\niAbRi0LWe/UOorxK4FF6DqZtRZdxM7AHp2k=\r\n=hCjO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"b4ea78f453a06eda2019410e925e527176e0815c","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022516151633_1655392618558_0.38874261872043525","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202251616831","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e9f4c3b57cd2a198a6beb5146544b3c687b938b9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202251616831.tgz","fileCount":17,"integrity":"sha512-FpXJ/OGw3M0dgZiy+KpGHY+EynBC350+aEG6U1w7uSRd4uS/LY+aYNp4P/cy/iwUhY0v874979z2fN3neaNSZQ==","signatures":[{"sig":"MEQCIFMQXB9/TeFd6d/BQoVzEh9vtl82OsdjS5dXOOUnEAsuAiAwCbuaLv/je+R6D4gIJcL7n5Ge4wd9HyKmF9Q6kljaTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgiA/9HwGlk20fZhliG9HW+kP3g33HeCfd37Kr4qPFa5CzWT+mPcbh\r\n4TG4IrUeNPA5STituyOZwP3goL3ivnxQbNQoudxx2ow62DMT3VPQzRwS8NFc\r\nmkixXuPv+YBuPcmP9KYMqEz5/75yKGQQ/ubVT+3e7oojW4nJwzKzS4PRQzsx\r\nMQvAmq8mg3cGv65YHtmthjGBCoAvWRyMlCI7lBdc+/iUmbSJ8U/e+dqM909y\r\ncSR6xIQjmPiwsQ0QBdfDt+pgMzyb6Td1nOkO0Dht+nRMqPQaOF9LQOPYY6y3\r\niC9yuERm9zbm9ZjgYmnfCxpz5JWvzkfaUbJ8Z5c3dXgHbpEmx4jm2v9ihy1E\r\n1mEIEgTRzZ2inlwEE49Li68ov+hqPZ0kScc6NdNO7AA5YkZvs427ke6Jkojr\r\nTBd6A49Fj4DtQiMLwxC7+nfdTea0RqLOPuKgF0JB7gcn+pRafqfW2DIvyXh/\r\neXlQxSrbAR+PG82E1vsFUJ0Z/m51U7wb4sIZneoRsxoNV04wmUx13O/wSZ38\r\nxmVa32nB1tWyqXBAaXz/7X7M5U9VT7YVm+sDLRd1o2NnXEsZ4ztfvb7kjVwU\r\nmFaEXNvOeqVjoQ8ndDlRzW2zG/GwsJg3Y1RDvTOqplLCXExbA9XzPiciTzNU\r\nBPzHMw6jdL9JbdrCXDt6iDVhuaKjZEvabJ8=\r\n=D2wQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"aac6c98321e6487894b45cb459e67e5e02499224","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202251616831_1655395742553_0.8334923967400336","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022518113258","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bf45954f20ec2a3f4d3d1408525183856495d904","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022518113258.tgz","fileCount":17,"integrity":"sha512-BN7QNf7stvt7WKka9XCrtiZGuLqX268Ds+KbkAt5Fh6Dx4lCoQojWbcpAB93mckK7Nm4WVOkvs8Jzy55tPeLgA==","signatures":[{"sig":"MEQCIAj6nwJ375jR/CLE6BQVOUSbAjyYhFd/1tnJDsEAaRFUAiBIgrZ2SpPMxMBYbGZgaaoENxNjUwrKj1wy6Cd3ee8dWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeCQ//bkSKAfpO/Bft4DENBP2dV+x4pSuFr4LJiiuYkNCoV9/5ANos\r\ny4YmXtZmeispZOZ8TSIG2ZWd36dFshovQnYiV8adtFpdxJkjap4cRYWXtNHs\r\nl7ipZFRg+W+gwmiLtJJ3cMweyRum/wDX+Am6C5Aqq2tjsMsOkpsxqNRWNcPW\r\nqWJ5vaxYKq3zPfadQS5SZ8CToIyEqSi+1+b4Ta/x/5fQpZLDl6ifJ+GzrWO5\r\na+DRXZH2HOOM2077P7h/lyg5rs44UvVJ1hMlDCXpssYsKwuqUEdacXqTZf2U\r\n4TJetP+CMdlb5P43LQVcce0UTKAiLz4BP6w6lmZFXNOrJc582Aih+LcJGaKE\r\ni1SiOviZLWXJHivn6IJ9W2hBa+RskGWTRo0ngD6Ge3pBe5jdWM3aliiYAXh1\r\n+ke1Q4knhCaUHioCk5T8mVCVW/IeP4YSmI3oQexLyDTKM7RYVL8XZ8Bt/NDw\r\ny0kRjuHFrrFo+f5eeOs9fNfyq789mxZobRYxEo7LfYPAKNLFK5Zopq2wThL4\r\n92oyOngo/4efTk8ZK/BqaEEh1iC6jD/Hj1M1Ctq08FzSTwPiqWMjR9iQhNNO\r\nnnDuKlm6Q9Jbfx0JVTBK5k9hEfk5Bz2vxXJd1RNywWR6tE6+PZg6kWstbdtx\r\nAATNi/8bMNo2YbkkeU8fOATHXgZOpORwuOA=\r\n=+lMY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"6ecf45646d1558a52b9ed5ecb45e96feed8f09f8","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022518113258_1655552006992_0.34479784391685153","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022520143145","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"85f2d4f08dafe817be1715e08db376f21869c9bc","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022520143145.tgz","fileCount":17,"integrity":"sha512-BSQpdQSNvSjwmI7JlFm4YZG5dpwMDW68JBAVyPeL/dR7UO3wxjJGZGTOITksVusupiKhl59aFAH9LzlxItzH1g==","signatures":[{"sig":"MEYCIQDA6DhPgdBgQe2EUNEpl1zOYt7tHGf+fLTI4JuxLiRWKAIhAIcxWbbicrICzfZFBuHTwiq2REpvCs+8zDBj0pecMeJE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisITqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFUA/+NFFhKIHIrFmfg0uetZAZ4tyICmocY/YH26WmV+sUZWVHPH+t\r\nBQeCfOuA3WzpDBm7h1lF/2KIYWdUvszm2IxCvz9FnI8GgaHj/fASMC/NWSrj\r\nbtijV8t7wYuRi9xUMtAl1INg/vlQj6Ajduc0fug3pEcXPW6t855WH77CGfMy\r\ny0NFxOFbmWxV4GCJ7e0PayECYzBVmMmMqwMvZ4/MaVx7NMuCnIUHHu3mlXph\r\nYtca7+xgFlx5/e0bnd1Jk7j03ndEArkih4ROwpQQzinnDcA/JKwfpHRE+f3Z\r\nswuFTRZ3WPeOs3P+aEsVZLIZ9y2xqQTdDgl1pR7tD+MK6Er/k3WkOXUe75XW\r\nFjtT8afAMckZ321vWTJc/UXAuBilqZdCNrHvdwVoyjKg7g8z2XWZEvVYMyn2\r\nENo5DMSMHbnz+EgNyRc9cq/0Kbz1A975aMpjulhBUgjUiqy+dbLiNZsrwtRB\r\nixQN/HsaI6gD/+34CvPpxa+ATEj/Z/hiD1r232vQTkvPCygb+oe7vFjRIh4o\r\nxBhqIrTXf/4IROY9wuLgyhQtnP2y7gAJ8gCrJMlaiseKtiQ8rQmEFPq88GgY\r\n5CO0vd7wrdz1PD94mLNItytfs4QGuTaK6DErZGnFpT0bKljxaOsmOb/4nL0R\r\nKg6a6N/4izOh3NtPPX/kbSVxKAOiV7rVXzs=\r\n=VCF1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"20f19b09cd30236b5067d6efc19c13340938dfc7","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022520143145_1655735529986_0.5168129120198346","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022520163758","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"5364508ae4ba83c44f9e3765dda50b3fe0950266","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022520163758.tgz","fileCount":17,"integrity":"sha512-mjHVpOs1ySp62S8rKqPrmg1R3nxJz3aAhoSj4tSmaoS9Jy0I8oZ5ybmINmlllQPajttOVe1z4N6RPycZhOvx0w==","signatures":[{"sig":"MEYCIQDxKAf+tP5KjiahnYSBzi0ZpJlx+4NfTlYSHwx+c0cVigIhAMGrD+D/22m5XO0blWJyZaY4pKNzNEIkaZWAEiihYtzp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOrA//cl7X5VEutGTTqVdGTjNJRBECTAaMeGdSaWEfOXcc9Bh1+GFc\r\nZjWcvtpZVjY7MeSSFDA+eMZNWPZVWty4As3DeVpLrFKyVUo/0zbJdyyiz6Jh\r\nct3iqV4ZCAUypTvHg+01LrrHkw68i9jYmeazJiHVQmr59+R6UAHmMSEInc4q\r\nAqHU/soFt9Xp7iCfJh/f6+rf2U51oMZ3vK0UV+3GK5Qyp0lIzSBPUUKRa5m4\r\nZKpdR8ihZNaDwhsmflURB0xfxhFzjZuzmvU4PDu3Gc1PqnhX4PGZNANtneeE\r\n2b2UkbNPReFulQ7dNC9bKdYitQK9HWz/EcIrIPM7OuMinWHKB65RJfGtWJ9l\r\njRSOEHIvhs1j4FNvheh79qYFKiJzCLbIu2nUB7A7sdp99WUSNZ+Fla23QgzV\r\nYzlzwZHcj25uKI1YZgAmytOLwthK42pF3E4ThrrtEGD8MbgcCCt3dhl676QD\r\n0H+QmtdW692/nHPVtpAM6rA/yztz7ylfN7tMiW1BYHWDdSNrnLE+1fQxHGRB\r\nLfk9HE59V3bpbn4pgrN5Dlq7O7/msvnTF0rSDYmVTgevYm5R/rV0OJMhcBco\r\ndZS7b5GnKxA1fPs+F+81s5785x0GS889Sa+fX0iVZWWPGz2pa7EMvCdmnWX9\r\nWjiekEbotYHn93heMt4gEZ0sMr939KzeHBg=\r\n=02i+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"cd25161aec422ecdaa157c25102c4f0cf6c15db4","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022520163758_1655743112500_0.5880957113233658","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022520164715","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a61e7014b52f5b626e1317a8ec034245f9870158","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022520164715.tgz","fileCount":17,"integrity":"sha512-fFGyAUGwNneC/lzSVzQ6TEHPIADAW9EXfq6rXodLIHCdJeBDr2kWJkBX/mR9jabkxmthQvHovD8TxFq72sr+Dg==","signatures":[{"sig":"MEUCIQCrP7gzzXVGA9yUcuZJOhSfYG7tXKCIRqN2QavjEoh5twIgKkovfcdnvILsc/5WtH9YVI6xxXVwUSSeFd31ltqrvPg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKSuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5MQ/5AX+9bMutgypM3ihlG1EC1KaHP8NoHS5bKlWlDprPGBatS5b6\r\nBboa9qBmeyijsmdqoPwLUkMq/rRCnGrcZ9PbLsKbvZJYvNTajyoWUA1DE0JO\r\ntOQ3cvNvsmyF4cjRbylcSlE21Yx7IgeUXBzTP0kO8GpgymgwQ+BNsS+JDIog\r\nYYBYbdTW5HxzBWEtmY1ozUnsUTibJoJdFfQnDl78vMGH8nPr4HmLI3btKTjX\r\nOHBQUiLcFlvgad53FWDdI/9cW7d5Xu98igt1uqn1JjtXKCs7BKTbmty9Nh60\r\nf2r/uDluQRd1XzEP4WMlC+ekJyyAEfgesnEjDutvXA8AMuZvfdRuwZl4HPl4\r\nqD3h25C4WJWFmFm6BTnMQUffG8uTaZiFdfBpJVQx5QiRXjk9WM8v8KuZgj5X\r\nlLzdYIuyKMji4HjIGtEL2NK0zw1+ecdmwAUXQK+xSE5v3eqFHaNmBp17pV+7\r\n77orMj4uZssUI3eYjFRwrIZ09o90ImITYM1CY092k6Iy342RaiMNlUa2TVnF\r\nxxvD9jrheHVBCCe00Yok5OAXXqtMSfXw4nsz95wX2R+J1sDfqC034mVH2s2M\r\nSp2GKa2oBgKAZT0vb6hhCOALOvUCTchD2N4xd5tujsjbDck0G30cfl3SOI4p\r\njbwJKQLNkdb3cbyNwLFSpjDBQ95iov9JaBM=\r\n=ALOD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"b958893bd458ee7ffbaf725a4185636f48b19590","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022520164715_1655743662354_0.8672524495966092","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022520164752","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"da1da322c8c7ca42ebe12448e09c09d7bb2b05e4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022520164752.tgz","fileCount":17,"integrity":"sha512-HDG+GE7yJy9VowU9nHAaJG4yCXoO+6YwlsFrJciiAx2UAMYHdj0sJVcIfjEoJtmwHmyCg0lMbfbYSo5FP3SCrw==","signatures":[{"sig":"MEUCIAVPeEpOAG/+7a/ssaIeQXHNC5xFFwBIBR/x3J1XTSDfAiEA6iafFfGAb1hWKtVeOnueMbOUqu/8LBnmrMsE9V3l0h0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIxg//cfJnq8KYTwoetfRSrRrV4oqP9loaKpcb85Dp8jXcPp2iEeZL\r\n1m2o19khuOMchK5S9GCM1HQb3emPKzGeV5q40S682hQNRwfor/1x8Zak8Scv\r\n1y0auDroVJm6AGyWFqxTVRjmSqR3cZG/zBwBKSE42Qkr/NhQfFAGk8eNMI+4\r\nsgG65/gvXvPM4Dh4rXj00sQqjF1Wt57NKj8GMiEniz6cnXPoD0UeUz7AT2xX\r\nlcXUoL5qLPbTBgZuci5XcKEIGZ7uB5H0NHsSi4aclgdoulmcFQz5pF9/ABNK\r\nUXNgLKc96oqpAKpHBfionhNSHcklM/7hoLRx2aENMNqqg7wGEKTrKxfNefAJ\r\nZBa53vaDkxd+a6UaP02/igaTtb/r1fBlDwLRrOhgV8t8SeMdVauHMNDgAmcB\r\nbmrfeF4RwnlRK2TLO2SQdbZwQjTb37FErZ7ZgFzfg1VG8Vcjy6CF3uBkdtsW\r\nsSmRXNBv3oVBuemGIvi2kQfvdN51BOwb+1cGpd6COp51Qoj5m2Nf6qui8Co4\r\nD/RxT41l3wxm3m/w6hczzoYYbogX4uOp/2wEjZbrpMlUo3N4L8dyfuAWUNyF\r\no1NfHBTGsjjNZp9iBro0O2jSLEjI61/zMKwEJuHZUEohftcxdpVRlXvCkmVb\r\nGPNgzX6xL+nqYpx8LQebDgDlWsTzPFoes3E=\r\n=e9vg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"3a9cb998b509535923e2673a2f402900151d2a6d","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022520164752_1655743702704_0.12168995706673735","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/color-mode","version":"2.1.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a8596c27be070c6cc331cfb6b7125017e4c4e96c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.0.tgz","fileCount":17,"integrity":"sha512-STSAtGbbZ+G70CV46yD8G+EDert30AxJWN8soUXEV6RMtoYIweb5xtyhhBbdY6K6NyI1XrCdqaiJOMgBFKetZQ==","signatures":[{"sig":"MEYCIQDCiHm6qrZzNq5eOnTEE9Kuot57DQsuF/1rT+4UoOZB/gIhAMc1N+IzccguvQJ3fAZumTLIurd8woqiA4+QcelcSuGt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisXesACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFXQ/+MuhcXLOH57xSpIJ8FCphwqApx+3tMQHSJ2cLj+8fS1xtVH3g\r\nwf7SwJE5cA5XaII3vDzOIFJt8VFGP0eto3ocxaYn9fGu2u8/wZm7ezgNgMdF\r\n+AsFvmlNJqUIY733xfQRM5TV2t4tKTysr+uHctF5/wTCljw9Rw2oZfSaxcpo\r\nrlLdpOzA1HyPnPqHa3IvoeMId0ufwmbNE6M1Gc9aiuzxPhFXWJqP2WguYRyj\r\nEMF0+lYTVpOBQt6x0iVwj/RB5RfLRcpU0ih2aEkSAMnO9qib7WuxttvDVwV5\r\nV2siMqFcyXOhx8efE8JIvCgm5+rSOqj6WQ6G6UE2yXNU5nku6rsrf8UkgAd4\r\nDaFX3b2xA2NZrCzEBlXGpISD4zDeLwXmvCq7U9t4cBtUbGBjLxkvW2nHe7uI\r\nPR7VDJYWGoXL54juH53IlZyy3eBRzzGEjL4SSucFeyCYOaEXV9bBAg1h2yol\r\ngEQ6SNc/AE46PQI4XeSbrOXS8G/l387ubPWDzYLkomh0hIl45ZtOCuFS0/Yp\r\nlW2RgIlsZHxjO4uWh5YmuQDh6jWw2peqQVsqYa+fby1qnxyGXa0QJ73ldtox\r\nWKRvuDzQ5ddPx6aAJD2HXqNau9hEAGnFG7X4SAWve4KWwOIDLQ0T2WJ6e5uh\r\nsrDp7ZEFdqmCH8eEEHcNLkfSRyAtM9EVeIY=\r\n=O1nE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"df381bf96076d99e875f548352476114776fbbc5","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.0_1655797676059_0.16978803817774146","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202264144818","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6faab38564dc146abf2751a0f57ef2e34c28ea19","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202264144818.tgz","fileCount":17,"integrity":"sha512-NbVxkdyCUHlv2J/qrLMIlA8MjOrmZTxb6YQmTW9eASYrOqXxcmD1V/RNEKkULcgh/bKBS3UFSb8XDJJH0suTRA==","signatures":[{"sig":"MEUCIQCNSmKR+24bP42VL5179Tn4zL0EHFxcKyIef0Hnwu9lDgIgPFSDRAihOVtCD3NrHvfUvTAcGaigEu+yLTD4O96e/u4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47770,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+Cg//fK7yAnu9rasphtqXQiY819xM6AmARuT8In8C13Dz+Q7OMYQ2\r\nJDrNTqOI2siMPUp/ZsSG3HoVfjjjpB6+yLhhWi7F9eZ5X6EfZ0l1oOKeOzBk\r\n/y+YKshoPPQI3J5vAtOoiZ5wKtleFUaTYmsiUMzjx6gtUKh6pxH9s2Ifxiq9\r\nxBoNBpuwp+0JylMMsjt4J/5Gh7Wqu5hnW0OgiqHF4cAucMciZS8DRj/PdaBZ\r\ns7/u6zCDPmazLU5x3dhwrjw5ZanxwEcEJv8/akJELyXk5tO5PMo57fWwjN9c\r\nnI2znK1aEFWtYY+ZgiW4aM79B33gP+ksHXlXGTqOQM1SAhjPeW6SGvKdAiQr\r\ni35JXpUkMVYddFQVZA4cJaLvHh1wLsNXUzroP5Vq6PLUhUvwy1bESqPPdrSD\r\n86L22hpIttmeE+wov9u7rIqMTwXAcaROUklZqCHpQs2laFGMC9EPF/gfv52r\r\nxpe1kF3szBWWjQ5m8gfHJ0wqA1JCmARTwkB5c+AYHDnE/PULO7xR/Us/31la\r\n2/KFpFb6FCv0OxHiQJeQW/ABteIXTb6esc9mc9g28etESbluJ8/vCYIB9gDr\r\nZqrcQYd8cErMMDZw1JsqxER894skrMxiPBbO/0FdDohg9FeNNLGFpf6HoT9u\r\nFYPOVGnK5jkGryDwPcziSruDTumgJPc2RBc=\r\n=/QE8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"1a20374c681d03d60f7f90961946e9e2dd29c4f0","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202264144818","@chakra-ui/utils":"0.0.0-dev-202264144818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202264144818_1656946141455_0.13755414282409073","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022659325","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3091d4a23c98bede33c74805b4270753e9d79564","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022659325.tgz","fileCount":17,"integrity":"sha512-6WyJSHSWWe33GJuUV146F8UZTkKMqFfC/yJWvjvDVNH+5asE7nO7sWrULUfZ3OFgqVmkTUJZFq1TjtGx3Nr1HA==","signatures":[{"sig":"MEUCIHsVBuxyPvjPELCP6ehI3/q8HcvH8P8+lm5ghYSXmirdAiEA/uv+fDHhKd5JBJgBkCCO4fEtEHo/6c1QNnjRuKY/XDM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/55ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqclw/8CPELFysNf0QvtGt/dKdPcA73Ld4CvWZrNgJkviy6KLMr3qgg\r\nv3vB3iCpxs3a1pPnXAMm4i4/kBTfD2eKZcvWvJOnjSHeTFzzh0U+32OD9L/M\r\nNnyEKEOwIvCf2jYwG06tB0dkSeSPU/SoQ79LZTG8yNUEO40Sot5wmHm9nyp4\r\nTgqh7JXUGhYrBYGzY8TC9c2TAhFwhrEK6APeF+KZ7NYHnhFIk+kPZINwSfFz\r\nAiOyVeAcf/7UPlPgzw/oHpmWTPQUH08iebmtRrm4bZPiC03g5PRn8U3zpqqF\r\nKf17916cT6rOtOd6WePYL1OfalBygRLCjaWVOJci/XqwkLFFLv90tYVKYqdx\r\nYzDXNYCJeWExzq3VrPKvwEhzo5LGe3ZufM3eDVW7ROIUNdp+8AvkPyV7F7DO\r\nHa4pa6ftIy176AGZiNz9+ZfAYu3VcXvoMe+wCgVnRk0NZAVN/+TjbrMTkRft\r\nfSJFs450n27FgksyA8Y3+skQPdCbBOQ8XYiXQfdTtyZNICEsHMwbHWL1iZUa\r\na/GIgLAU6QRgYKYvZGEcsgIqedbQTw8uFFGttJREFSFPgySnPICjLhbdW6aI\r\n9tbvQk3DkklFIyVpzBehs/abtmxubzaiXgKXgdvWUo99bD+CBdsUEc1zNhdN\r\nTKW2S9mXNUu3ac5Gsz6tb2BLCPa+5ub9/B4=\r\n=U8JO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"daf80e3bce5e2431078206cd5edc3e967d4ada90","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659325","@chakra-ui/utils":"0.0.0-dev-2022659325"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022659325_1657011833715_0.6693096070879747","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022659431","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ed74543aa011d13c645949a69e996cef77521b7f","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022659431.tgz","fileCount":17,"integrity":"sha512-Be/LSiEWNisN6oy+yRsdqf0VKiPnTcJkM2eBte7dgUcM8NmArhvS07r2H22UJE6nGIcdPNcAukWtVDpwNkZvjA==","signatures":[{"sig":"MEQCIGyS8ksa5AZBbI1kWuIEVhzYDaqPCemeEmncfZM8wzY5AiAELlNbvU3XkN80sg+wv2GqEWpJ355LqwXwpdRBxr0ELw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/67ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5Mg//a5Pwu9AtyLk8LglAzob78V8aby0zwsBCR6+1g6pBmxtRZicd\r\nsq1FuB/Q1qMhNdHPD056AO370K4izpkzSFjOEZp6vFCLRkOB6wl6z+WySiXO\r\nhzzWyQi5is+ss1ar/TUp5ATOAALdRDRjJXTK4hJvoPdt+Nk/qTKCOQw9k6Qf\r\nUZEmvXiMJA4JLxD47dNMU8JHSU3tloQgfL7foM3ar3+pcYmA54gmSxLKgXv6\r\nDMFVbChNaPH6BZKtbcP+pBkTY8I+yZ08lac8EgpfTsHhp9OW+qmOnhtfc1yT\r\nRFf1S0gOI3Wa5eJajVnnaLddjFsGiSRGjEQ6KkbqpWBKYU1u3V+jAsMocS6l\r\nBHSaWV6qCOA43oDl+Hz8itt4JIDoq3zABMYR3/C8xdt3BiOeIi3HbHNhP6aS\r\nmtlZNFFzSa2j2NycwsMBTcLOM2ILQvgoDTk+r1gBlTS/cz7qhKRhL70txoAm\r\nL7A7o5dnE3NZGpxf8u6Iucpl0oAN9YiSipxE2Ta/oNkAy00iYAv+mMVv7TNz\r\ndkcoqv1QDN1z5ZPR/nGVOd5YpaNYPKacfZbkCw86B4cDs4qxkbyuijhs4Wyg\r\nKoP8yCdQv2PCOYtuq/K8JDly6bP3xPw9zQfGc6MHQJmlACQcci2ewbSDAVWb\r\nHSmB/S9syWYqFJB441T6/DoXRogdiELMCic=\r\n=V9v0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"95c1c98a65355f568f713bd78659dadfaab6c850","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659431","@chakra-ui/utils":"0.0.0-dev-2022659431"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022659431_1657011899758_0.9486383770969129","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022669710","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3ea282e6eaef001e89ad3f07aab847aba72ca387","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022669710.tgz","fileCount":17,"integrity":"sha512-1/1dVdHUcr6E7j/EZdjarzhgLy6rE0eq7IOKbJrT6XwJ3pxO761D1CrrvZGnTXqjTJEZXuNcuBLY1iA4DT6oWg==","signatures":[{"sig":"MEQCIGtAbmBebgr+5WYeXzrguOZZEzWTe0Mv45bjs9qoVWh6AiBg71h1/2VWz1hM5LUKIfUdd2enN/zLXWG1Bq8e2VC1sw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsJhAAiWAQEhmbMzBZcCeNxjWfZkQxomt6+Kttvo+V+WEoko8SS5HG\r\nm3Nn8iGO9vlrqkI/0CsYAAncyUIKXEtU7LicsEzBwCpCRjP1C9M5RLxGdk6o\r\nUoof1PGOCwDCnpIQQHOnTYHXl0sx1Qnfzl+6Jmt9CrpgVBGjSK0L9vdC2spX\r\nowpyIs3luO/p03Rs92je37Rq5XpfCLD/UajUmr4UCaqXcNmKmRpXObmfPU8k\r\neqj7wzy+dS4qo0TWAet8ZZCwNQDNZu4M2cQpREJGkHKSeEV0NpBB+9mEmLW4\r\n32sP5nJSbslVauZNLFN51WZuanU0Lm0PydaRjdBxunPxEhKmnCcp36gBuYU3\r\nssjSNkh8i7KLAdu5Fywo0XXXOC+tKqWIAqHXCpBkswrxL0mLG4n3gkr3OMFD\r\n8mgcfb5laqZdhLQzi7oct+50f+S7jyDrIB+XsFW8JV9enUOzuUIZjcKPeKmY\r\n0wHXVb87DPF4jDhTtjDZKsKMjDPr/Y6Wn1g1taimMssM2WaGNnqg7VJ3/jzz\r\nnM83EBmod/eDyCZSx2Ng44lcV/jx4pNHrqj9IPIROJGKOYClPnJPDNMJMq4j\r\n38Fayc1aF0LqYzt1MugUUE8Waneez8IAvjzehvr3zDUgDrmrOGIGCcCLucgt\r\neqzTSUi7QWGSbXjUNeO0QAVtO/NKcMbASO4=\r\n=108T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"e2940ab6151d213732abb924cd7ac5201208dcb4","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022669710","@chakra-ui/utils":"0.0.0-dev-2022669710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022669710_1657098461215_0.4558616616543083","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202268163535","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"696e107f85df31f7c540045961c9319964d62725","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202268163535.tgz","fileCount":17,"integrity":"sha512-PC0mc1VuxjkbcoFwggU46DpxwT8h7wkQm6vQF0acbGCS87v9lfE8Hw+ihWUTPfsRuDO5vssETJA2/Isc6aux+g==","signatures":[{"sig":"MEYCIQCK09yZVa78QDAnrzQUfUZXvkLjm8/nvH/g143/46Z/vAIhAMhAxKfi994jTDiV/7Uq6+w0ckbGy4q7+PON6Q+j3s+7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyFz9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnvBAAluqFHYD4thUzi4uyYyrq6DqNEMsvo49qnp87p68CyGefZdAP\r\nL8cgdER5UeLKZ0B5L4BSdeSutbcjqFMOIX2fjsxK7tIF8ZoR9Qa8Upen1zZo\r\neS2NjydEbAQukdI0oUIYq31F27rSWyYu2PQaVoxAHFx90bTGKD07bl6dcFA7\r\nkRqD4so+YjWd6m2WaqHJhG1wsKqyR5k0ri/Sqn2w21ld1Im6jjnNEFfZF4Sf\r\n37V0oepRxoQFPObnOaDPHpjaW7/gTzISC85ehiqphMEWOAuT3wO9FDJqAt/t\r\nBhp9X2K4VWaZC9fCdlm47e7bUEnFe7njVfCbdaB01Bnc7V3WpKtJBwy0OVdr\r\n55tr+2+HwKuhk5ckFfqzdGwV/LtdTRdPsp/pnnl9q+6hLnde8GITNhOk4EJC\r\nQOm4VB1/02foxInLPD1QWFSxMJyqSmviO4zLY7L+zZhWx2RHK6kOeSEq7k8Q\r\nBj/eTfJcpn2O1TZbxulgS/P8iu6FRBbounoRrsd83WC+1HtpXDB7v0U1VIbu\r\nRGGaKmYIuGB8K223PcWwuCPd4gjbLbpsFy+VfiElxvV5Hv2Kjp3ar1j651FQ\r\nO6azynjZsVavKW+I2WVl3OHrb/KnjrMVVEJewXrhuHt/q98K54tqY/JD9OwX\r\n6AMt+Ulphw+MkZarshzEYP7gB1+BccQje2M=\r\n=m6Md\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"a08770bf04414afdcc5e2c7e8b088c75f5dd949f","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268163535","@chakra-ui/utils":"0.0.0-dev-202268163535"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202268163535_1657298173454_0.25037178076817135","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202268165050","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c8298a4db8b5dc3431fdb911e82f677a73d174b7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202268165050.tgz","fileCount":17,"integrity":"sha512-JdY4fydwkDTwSJLRyM5ybNiHmeKE5/ptX6iYiVsIsN/sj5SRmIiQQrCpmXGKvEpbvwEHlSEG5SAgZVn/sgmkhQ==","signatures":[{"sig":"MEUCIFQUWYxL08ozwDRbYGECiZDWytwnYS9dJdWZbR5hcQ0tAiEAkNGZFaHRda8JgraR6xM29m+8ygZrCHqviDnqV6UI6Uw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6vBAAksLPOYCp2iBUsdg0ZGRSLCDnbB0RMUqWj/TvfpnPF/9/6LQg\r\nlEGLZt5YFWRJaNPLCd7Xe7TpWRgFj5T+3dy3OpmBNYd2L1DXJAnTda6kQ9VH\r\nGAsecTprkEpaj4v1a+cybmg1AlrMrr0eW26ByRfN24F7WwQXaVHyqmVVmnZw\r\nav2QwUG3hrQ86XHGz6Emz3Nae0X1ddtFw86iSaHeoW9nple8QSjcfWoMFgDb\r\n0Wg9gCTilLpqdL+hPWmqCcwdRKDK4+m3G+0BzYmgIbm98CvyavupmyEH4egd\r\ndbhCwUDvjMBqaAYcyEN0u1WP72Jnqv2hs2jofX3mKbcgGnKGweIs/gshoIY3\r\nl7MlQ1N2xzuc94Fw9MFL1h8TL8OGtNHXMrSg8lmJNOV1FLaXX6WGEm+2X72s\r\nqPtZTtXTvZ/ua0x2RS44Fc8oVwlMIx+MkEnXtVsR15yKDzI4MkjNyGbKkJiy\r\nImmCWon94TzzWYo0Y6Lh9cGJktsTIKBbzWdhkTFm3WkWAc18YAndM0HcapoO\r\nK4mmrNepyQxhiJlsOUKInYclr6J5R13EbJMWCijnslLH1UzhSp/vDcWQ+Bjy\r\n7EqYfQvb8zM64qOgDnmiTauikieZqZI/y/Z4MYE6tmtMpYXiJfZPz2u+m6sO\r\n9MGrb9AmfItmZa/7Srqc9Ux/LGvIl6B2lrk=\r\n=VK8E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"8bfeefbb562fc5ada4757309db6b951c421342ad","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268165050","@chakra-ui/utils":"0.0.0-dev-202268165050"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202268165050_1657299078971_0.9032220416682242","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022610103716","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e7919e46f60e02231a895725300e333568e65356","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022610103716.tgz","fileCount":17,"integrity":"sha512-YyAuVRnCBUCA2zdd2XgM6U8SnvdasyoCbo/Tl4Cv+t1/sxKeMtuDuQzFx45u0m1OJVKjSlkeWKAWi8PF0kwrNQ==","signatures":[{"sig":"MEUCIHhjWXUeQfU6N+5ZiYGPTzzPaJBJEt9XSC3F9y+QZuYMAiEAuapD9kpNPWCrzGiq0A1NY6I/ibUuvMP4MhBPOVKqxZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqv7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoL0Q//XBVxyeKX1ZwytsScOlGNwni9gv5B2uIJtQAF9YcpDPigz0/Q\r\nHtZ7Bqp3FPvbC6Fr0g32Tt6+aHmkLe9lBZg7HJWUrsYth89P7G15vwrcLw8s\r\nWM8sFAlFj0eBOhL+KibBG0pXPUNlaWcgtPcEtN5w7NbwMxm+uY1FH9brY5Tc\r\nz2M/wGilltTcIgoQba17SmwlsvcNhIS74G6/iKjo3yGTA8jKlwQM8umC5EPC\r\nYYPXpFKeVuo6c/MCkiBVbTOtMFx7l7Eb8r7xB/lp0gWBdPwxezhischChtRP\r\nKq3rWD//4tKU3ptNfBs9YTUHaA0rJsiSR4fQOdIMINIXDRDdTuFbmcupIPDo\r\nvrjLN6ctJ9ASvHdKbTXSRsiqvdbu5O3RcAnqHC+8+4VfkCK88MBRrxqBmyf5\r\nf4911luUSPWzMCL0MEWN+tdGPy2nVCgdi5INRuPB8uryUy3khaqKrP9l4NHf\r\n28WD6JQE2/pCvXFk9IySIFC945NrBW9zBRxop4otMJSmoYcbHISL9y3EdoFO\r\nM+iYR2l30iwAsIodEJ94fIVZcyvB3mMDqGPu2yNin8jtOCyYfiodSId/l6ee\r\nnpel4ATQFvzmAqosUVLCmMXNFw9Xo2la7P6Luwj03olyFgPRA/UnHUM5k+JN\r\ndbj1vOjzfQsHoXDETiITKxJpkj7vf9u3utM=\r\n=g8Kv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"385ae812e7a8004403e2c7cf7d7471f782f3e667","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103716","@chakra-ui/utils":"0.0.0-dev-2022610103716"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022610103716_1657449466871_0.8209004790118666","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022610103924","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c602d5cfab1486319edce1786ca8b37e308ef230","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022610103924.tgz","fileCount":17,"integrity":"sha512-9WXDG5ihqIKIAtPFqCR4cP5IMvIaD/HT041Ep71+8GcVSaRCNo+JLi7KZLC/hilUY9ZBosl7ROIGmNvHCBXYVg==","signatures":[{"sig":"MEYCIQDMmaKYNTiFwcIGUz+kRuyFYHPPMlFO3V/KxWRJI3F+QgIhAOaNHCYFKShCSYVFS/TuFCNAaoXasSng4IfMMAjMynY7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqx8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8AA//TKvJb6EWLJ0Wf8jWgM6G8g7qTgUlDjsk6H31wdt9RopE882g\r\nsyQ/xmtC4YSUCO886LObs0sPxtJZrl22e0cVUIjtVCVWpy9GnCqUQV6gJGXX\r\nz/yK7q9zZfMLH0ovX1S50lc1g6HZpl5dE3CfpFI0ZE4RitnW1WU++rOWHDKt\r\nL9klxZiHa25fXg0462SwUvVuZugNqNzU7S/W7ihZEX5fnc0zEEWi45Y1Q6W9\r\nw3UmXLepMaIXtB3BX+bdxGFQPqy8bHHDM4ufeRU923PjVgv8ozlmk/Oqdg6h\r\na+vW8dPED4/Eh3RhbPZJtz4u5WPb44RW5Hpm+Ts1R7Z6HeqnPImGpDy0wpzF\r\n3BMjBzl6W5HxQe/tiIv6plCrhPnxemXwk+rfRZUfwhytFt3G85dun+Wrq7K6\r\nDPRxn0mRYxhIix0hX7I+MM+L1W4f1Q65zGQHbs6nkR84NodhEPRu9GHqR/8B\r\nc4EWm4tipL24hOziQ3aGJ81r+9a85wBxu+hOup1r+B872zdnLbto6egxOIs2\r\nw7M8shoYw3IMjNeWunqfWyMQmdUmw1g5QRi1VMyWbEf3jwgLVzzz+Sptl/zp\r\ne5yTYu9dlQIxhovfL8bpmutC3oWtjEfXmC0bMhSR4u0a0UzAA+ct2pTGWBCW\r\nAHTYj4kpBH4/OgZ9PaKL+8B+RhawxgHJQ2s=\r\n=fvGI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"fa2c993f8383663056cdd4139d5dd3894900fa7d","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103924","@chakra-ui/utils":"0.0.0-dev-2022610103924"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022610103924_1657449596657_0.8222060932884114","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@chakra-ui/color-mode","version":"2.1.1","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"30b6acbbe63df9f2d2a01d38ea23ebeaeb1aa000","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.1.tgz","fileCount":17,"integrity":"sha512-TO5qwtOZjvqWcZY8/L1wfGJbK5MXPuXQ2rBsfVna4iEFYCzkRhYBDv9KI04tP6blE4NGEYzcrTGbgLzmc5bP0Q==","signatures":[{"sig":"MEUCIHS3RSQOPDCLWi+BvAp7g62io3tgD3sNiVApJG8ThHK8AiEA8uEpJayDBRA1VxCwmnNdBThrmBU6/Xs3eYtaVxbKGhQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLTg/+LQe+3jB7HLbH9uz9OKa7TrhXE+8lTBCCHrXaDvAGrkvU7zYI\r\nflcvOyrBTpk2PE5dTC4E0Y3i/sQoyQHDTlH9iQ7VC21HLBO+zO5mh6ljFsdv\r\ni/AXjUrvXyJSUuWTOqTvb0Q0KvAI2qk52a7R/apMtkdJLVbH3iREMoRaff3y\r\niclutkxICtt0yYrX7wnkbP6r7HYPY9hRsE4GQ4jLl9ROwUBdweEYsxyWliZl\r\nOHxRv418BqZoN1RQfqyPvLEKdFXCPGQuqDfXvGzoROChO9p0FTOpcNCBKsjw\r\ntypHXysUMYNs4OcVJsTsmtjdQO+8QMsFY4K3j5sZhnRyUyxQkvK4Wxya450p\r\nSVc4bTpvDcftIDbEJwROoWDFJo8sXw09Psn4xgEr4MG0LfgZgAy8OnS38cRM\r\nW+Otqm+dAtv7wsnhYmZXyJuljVJhkAAyDQK5fb0kCuuJfui1uv68Te3pVUfJ\r\ntprQQ/5WYPW9G2HLzyU0psxR2o1wpfxt8ejI6MxfKO5GhrvL2jr1Zu/hlSsb\r\nPlHFJ708XIV5dILFHiGOCFnbYvfwSTXSRvE8zVhRHXSdVm0ezgHXbFrHAj9P\r\nPTnNMMh9iNFD49dn8CpFfAigdgqUhducO/lncxnxxDQcNLBSzR9ACg8q8Zpo\r\nwRfAtj5IUnyYX48ACN9WPrTEDcW2jmQ8Yww=\r\n=RxxQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"c80c487a43a449059c4c345cfbd2dabd31890c61","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.3","@chakra-ui/utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.1_1657450628332_0.06061365523170825","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-2022612222012","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b0c8953869457d2f7ab101e077e2514bc4e4456d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-2022612222012.tgz","fileCount":17,"integrity":"sha512-BdOk2/LYhwwEtFRLXblSDbz6MdIUaRnI7YL+DApQFwVrCE3u2IigYEiPkzV9i9PzXxWGFPdlbHet+kZyh5j20w==","signatures":[{"sig":"MEUCIQC0NiDIZNgoe8trdB0hH8DlVyNYaKXGUAUw3QE19vSKBAIgZk0FpxMjyJvO1DgAt6Pq9dJ+Ig+/VHPY4vS8R7X0kKo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfO/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmplmw//RjK9OT4FNW02a2Iivz0DXo//A2Cd/Bsz+D/wMaWkC2f9QjbV\r\njybhF2i0gINsoT4v84ewadNpsbMgRPz6kvKVQ0PQ9hhz6zw43P4fujUtVIpO\r\nk+wRjvBSqltb9SDr/wCw2oRG4PxmC7Rz/WiyukwKYMvkJOkyDxYQhm5f0FVY\r\nLGHtVP+ouvY0Yo2u7fSjWI40eKViqntxCqCHoS9So+L3sUMpY7U6E6sf+dHX\r\nlbZlCCNy6u/78yq2S3uUKZR1E80+t92VY2LVmNJwz0cy0amwqxyQ4oPnF0ZK\r\np+VwL3Gyshap3m7VEwK/z4QfhVR1kz5/D74e66dLIFEZvmLJ9Drlc7XQeLp7\r\nUwv6nf5PIIufYC3+XW2YXvBvLXng990Q68E8vNtCBNj2fKKuT6IuUg0OT3Be\r\nU++rTzKPS3tqrI5VSZB97JB42RblYW2K/unzyoYV3TGZyuKakk/Zsv0sZ/1c\r\nt9/4kGNenRNf2tY7Xr1PaGmRncCzmxti04Ho8rt2lqWQW87nqfzZm3BF/ODl\r\nmXrjDupZSSgNMfJ8XhGhT35iT1NLHhAV2P8x0gus6l0w/x/GTivQ/dRVURq1\r\nBd5Di4FLjH/iqNxuZqHNgqmWTLui0ddgkdo8paDrR5hywerCFMdPCZqqYJLL\r\nu0kswgpw/apOnFOSYo42DdApZxNcDLN3uKw=\r\n=i6wP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"46b495455fc416b166db18f5098ede7752b2e3ba","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022612222012","@chakra-ui/utils":"0.0.0-dev-2022612222012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-2022612222012_1657664446859_0.9191186859437188","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202261316456","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"61425d4370bcf857f0b56425a57668b7d20f83c9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202261316456.tgz","fileCount":17,"integrity":"sha512-OYTQiwMNmrIUTI7pfBOD5+rd7FiaP9SkWdMnArkV1RVwZzMkIuupiqh0BRycq+8HOKaDu4ZK/Z6DRE8tcwtjyg==","signatures":[{"sig":"MEYCIQCe8+MgLAx6NWpv8KDpafdKYe0Lk+AgSTNKreHx1Hn2mgIhAIJxGXa1vERnJV1byxRv6sIFrSmt+xoSa78IEQxQX1qU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvavACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCcw//b9Ns+TH9YXz4dMa+/JhPNu+oFXZ0yrTBs2uBvxbOf4bbG2Fz\r\nqIAhCP7U+3ZxTgG3IN05n5RdS8qdWu1UVXyt7kTFmh8pfqGqQqlhoe1UI6gK\r\n8IiLWlYR3qtrkX5SfZWcio2GKtRjkAK8BOIwR5ctcA3xlH2UtydsXmO6nrgw\r\nd4pRvzqQtNP51ghmyFqsHcQhwwD6YEwbplt5E3E7YpIjd77tsPzJ+v+0Spvt\r\nanTwW6DoEXi//cZP83DzSmnrkuNhbWEpSNX7bN7qLtpXwsrp1ch85R9BttJl\r\nusdz2UlY/RZp1hurXJnKxr2V5BKR2+4jMjWK550F6hc8nRJVUF/iFajbRvLH\r\nOPFwdLpsByvkfLBqKPXSWXLTLoiSMkW5JO+hPzYfVdJ7fYFLqeFu4RcvqD4S\r\npjQv4Ab+HRUjjHBm0YT3cF7mVbhZCog0RavH532lkaB6SR3aoBhbWN9uWi7i\r\nrjieieB83J3HuJvkBtarxbM4rdC64GnNWEy1MJG2mL7SHiO3j2Ta1lj2rmvS\r\n5k9fjd1GQBRloF7vjGwTvLdkXj1N2ovMForOOX0X66uDUhgGRZ3VqtddjeWU\r\n13brojPOdcGbJIxT4c67jlqIMmu0irHSPr2jadl88p20pHY1m0mXCvQ+J+qz\r\ni65T8h4FxyQgCoWXgIMk/wlLjYaAt2DYN6Y=\r\n=R/fb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"fb3c09325d7bf58aed13c6d0fb1f72b92ff0ef3a","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261316456","@chakra-ui/utils":"0.0.0-dev-202261316456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202261316456_1657730735738_0.17104389107464257","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-202261317818","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bda6abc76084e6ab2fcbb33a9cc9965904170c7b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-202261317818.tgz","fileCount":17,"integrity":"sha512-cF1JIRgnm3O83ny+FXxBPMfDc2zKAW2jQQRUeskuyhlNNmFiNeYT+E4f6kTdflIkdAmEf2tF9sZANZfBwO0K0w==","signatures":[{"sig":"MEYCIQDpVqWp9i5rElmHmVDp591JkkDx5qWatVdnlhMBvDmmFwIhAOoetxDqIyxylFlpw+mPSz2G4Oyl0D1jwRurmqLosE6n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Yg//TVGc64f1a3LBMbSFyGZkMzXTbnCNaJHDoDNGPrIOdSiYeOsz\r\nhKmBOrd4ktPtKjHox8kwW9UUYzoJDN3bx+/Z+9khw/6cSeMV1XwYfpSm9oU8\r\ntR0GsPEo5oI1CrpsoQUhFzjMTZ8eeTxNtpMu1zmcwYdz8+AAz4yLl/i43SbV\r\ni2tqcC4cGIRCJKLXppMGYZg5YM/e9yleWWPxnvQE4ru+9Im5Um+8ZZKNi2GE\r\nYcocX+h/neNB8oizeACQVavoJGgOufAazIGvJdqaXTHUuqFiPhyG/ii8ONRu\r\n6XcJPNQkGzdn7h63jsB9+zpEV7exjnlgkG2H6nx+OM/H8XcLl25kb4DfAkek\r\nyw7kRbhthuEPlhbiQR2PEh7s6ZFBXp/n1gmSY3OhTmC4K0e1+1sIAivXN/i9\r\n1Z7xXNzhwIQU9zjcUZ6vq79ipCxMX/CkCrce5+vo3S8z2Mt2wmqM5faZBxkM\r\n1lfwVNeVhQW2vT9DmxBTo7QN32eBDEUSSeV0bM/3EUQ+ameT14LQswj66klw\r\n5fNxY0Sqf+l+uGKK8MyxN7jPexacZqrXT2p5eeBdfyp4s0z74bgKxLMF1iWR\r\nGsoFeJLi8as30LUXmigNqjAyWL7DTba6fjlwtvmfndSGP2kLxt0LvgRQJiGg\r\nJVdyrchUo97ly5BUFZaHY1jV0lRQAZUdGIM=\r\n=tVpC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","gitHead":"4beff94be65026ddb1d8c06c9e96f9eae195f352","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261317818","@chakra-ui/utils":"0.0.0-dev-202261317818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-202261317818_1657732129574_0.7845048016707483","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@chakra-ui/color-mode","version":"2.1.2","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ff41168d96494186ff09f24e161c8b15ae347fa8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.2.tgz","fileCount":17,"integrity":"sha512-HJv+Jaizsg+uyW9TIjNwvkhUdD6NEBQLabAMOAk03CNtv/k4pTc56yLwn9TCDV06pZsViDpdO+vqgbGAOXiByw==","signatures":[{"sig":"MEUCICdp/qY4mFiWUw/W9Q7enGYYUyzJmKuxspwzb2J4UO3gAiEAwt9z19ANOjMccVhVDcUDRjba1+XHsIzh5xQs5rzG3+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxJyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopnQ/8DVN7qqPwUMY9tZ7sd/un1eVj3ruN9z+SrLMXUS1Yk5WFLbl6\r\n4okj2cF33ZCbQxuooICvE5HYIKRUx4edeV3pLEHMQMcKVEsf/4bIZuDs79yn\r\ntqGgqs/8h0cf8DUyJiWVrxA+lVYbeMWjzD3DqSUCdteEhNdjS7Fz/7+Cjg0d\r\npPvDx/UDU1YvtWmSkVZtw0rSGKHvdhafp0L3hS8G+NIC43CkIi99q4brtlR1\r\n0dlrTYyw+tCDAkOj0RcBWawWWcu6q0YaIakK6xbDSKFC3jiQprGMvrBlai9T\r\nceZs9fMG6q8gYPJM3dJYXWqH2GeUzgLIn7/HOS5CQ8MCZy/9vQpEr0JZXeQs\r\nFE+dIH9BcZCPFnGVw5A321J0O9FWPaJhVPH3vyHpZObFEoXr7E0kuqSgHmMG\r\nyP50j91H8FTtx+fOjlKBCHvvDIwLSw2Ymm6Hza7mD2X7K1PGeGZSHH2aGzWe\r\ngqAyRMvR/jpRkAsD9pKETFg+bv65nOQqrHCZj3zWOsYe3JWyqUBnO11DdwaQ\r\nlaKivKVAuz24G2VSjCzipCs5M0hcgxofVhRnPd4iHJ84J0b9rqKUDXxm1IUb\r\nslzNpnxn2DofzeqE7PvWxF0+7F4MElmIv1one0mjqrzwdZIUGGuZx+67cd6C\r\nYmWSqKxyzLnKrv0CHQ+409YeW1XBzwrJLbE=\r\n=LxR7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-color-mode.cjs.js","types":"dist/chakra-ui-color-mode.cjs.d.ts","module":"dist/chakra-ui-color-mode.esm.js","gitHead":"5e6a402ac446e4ec252c1fded4fafb2a5a8e9970","scripts":{"minify":"yarn ls:minify && yarn cookie:minify","ls:minify":"esbuild script-src/localstorage.js --minify --outfile=script-src/localstorage.min.js","cookie:minify":"esbuild script-src/cookiestorage.js --minify --outfile=script-src/cookiestorage.min.js"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.4","@chakra-ui/utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.2_1657737841877_0.9327821160377039","host":"s3://npm-registry-packages"}},"2.1.3":{"name":"@chakra-ui/color-mode","version":"2.1.3","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"2098c28a3902752b1611439b572b8f3c1cb9e17a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.3.tgz","fileCount":3,"integrity":"sha512-BRITZRgXyB1y1fS8EDv7JsnbhOv0qfDfhDaWweN2nM6y01GDX36TwSrGV3vDWPKzONNWEz9JT+W/ULoUAmtOIA==","signatures":[{"sig":"MEUCIDnkf3HvLFPvutNU4LP0dYdHRk6Q5g1wRJZNbIRJ5h66AiEAkel2RdiPYVGZTL2OP0YqmARUBZMhHjvAlnYHxmosWOU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGKxAAjv3YWNwTdU+cmVn61YvgfzXQ+cGwIOZo2fToZWQKnwwYcgOu\r\nwWgcJ8rpQQCjW/XnxCeKPtw4Ra8RrbCCpmcdBruUCMsOnj4SweFIrCEWKkOh\r\n8lk6bL+Fow1o/n7Jci1DzSLQvkvkAPIhDAYlILjVHH9tqEqYPiZJb2r1NoTQ\r\nZPvwVs7j/zUb3t0yEm9+pOBScNdfCcmjlS6JbNUAEAkPKFgqufL+nB3N0pXz\r\nvHTu3+w7U2dXBPPc0DNbFXf9KdZOLnUJGtNY+gGE+NQrUly2RxA6qhbv8neL\r\nXG6JgjDcI5+qKLTPqquh/E7/+QzdP7atZB/fmfVBOoK+OsRwqREmyy8RqNE0\r\nS8pH+kt4bQWknvxeFNi6zSgNrsG3qf9ZGrRMFIgDowueL7UNmmIldY464967\r\noyYo2YAr9eOPSkR072JR6eFcHx8dGsG7JVFZoy+TKwysFJSpZZhM/3rPbAxe\r\nxS1rTfHHBOLVHEcQsqhPPO2mYFnt9YIDdJwf19oLKkTuqkiD7APsFRdk9uxU\r\nfojI1QS0nSaynoOz9JfDHvGe8ZO8qIcDWp6uCriMR0S+z4CbVTuitotbKb1Z\r\nwGAYJwW1WAVJEQv1QFwu6noaQN8AniadGgNw0U2mI3E1CBDROuOqukL/9OQ5\r\nw0g1dsCo388d9URQLs7YNkq460eSqWbbxF4=\r\n=R+b+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-color-mode-2.1.3.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"tsup src/ --format=esm,cjs --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src/ --format=esm,cjs"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a97e9c4e83234263aa21f8848806724b/chakra-ui-color-mode-2.1.3.tgz","_integrity":"sha512-BRITZRgXyB1y1fS8EDv7JsnbhOv0qfDfhDaWweN2nM6y01GDX36TwSrGV3vDWPKzONNWEz9JT+W/ULoUAmtOIA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.5","@chakra-ui/utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.3_1658725829638_0.09543599750300502","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220804193103","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4b83395f3022f9c5deda7032561130fcea8961a1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-j5iQR7u6Z4vT+ydRLreUV4N7RVg88248BGYbt186gl4Ccm1+Imf9PWUYS1IAWpwWMDtdQXXzeEFcN9Dn8SgD1A==","signatures":[{"sig":"MEUCIDsmxKmbk8dYncZtAxgExC5hJheu93kGzTEEaF3kYN8eAiEAg8E33RR8sBbTGsx9Rf+ys4eHPOrdiMG0e21x289jTDQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B7jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9qw/9HHmILvnJvht7pqgkp1hp3qJT3N+tMS4j33jy+ogN2tLhTjm2\r\nTReqXyI7kuLXcuoVRRSrXgPph5vbcuBDVqvA2BO3prdp6sCnzEGJrkl+xA+7\r\nkS0L08wFR4cGKfMEizgQ6bFRQc2/Hd4VKQ1G2FRPvh2EJvIxU3xQlSzSP2K8\r\nkRFB5BotU2lT67BA4JQtESJUokovLPVmNQEA+rK888Z34MeLcYV9nQYNFFEX\r\nAoPyMuVWKigXyWlhgUxRUYTIgiQ9HnBPHw5l0p1KIbZYM5NhbsphwXo5nt5t\r\ne9u58toLcGEsRkND/DlFwbRtkSAQUnpTNyqahkXboslnEaduU4mrWYrXaDDz\r\noHwqj5jY9ArOwpuljalqOk8KAPwP3y/rC4PzhbW866xvGtPXwhwOCzA0488S\r\n4qKHRFxRa+UgdGvc1O8HqISRfF8sSkPyQ9QI+d9Z2ShSNhewLoYk2cgneOAw\r\ndHhulQl/quPDWA8kGuCkNKEUnWF37WqMq9aYW6NZgWuEKmXInAY6t7rnyPjE\r\n+9x/TYu6nhR5w9U+Mfp3eljn5/unQgVnIRUJEDrB7YzHVgLkbT27gqsBA8sH\r\njMUuYIV1fXCreiindAoGAFDaluCrExRFAASoFsCedsVNusf8kATIZfUaEga3\r\nTgQycir23vfhKDKJ3wszqbxD2bsHq8ww5gg=\r\n=/4mX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/1a9ea825b5dd7d939a6cdd7f306fb3cf/chakra-ui-color-mode-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-j5iQR7u6Z4vT+ydRLreUV4N7RVg88248BGYbt186gl4Ccm1+Imf9PWUYS1IAWpwWMDtdQXXzeEFcN9Dn8SgD1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193103","@chakra-ui/utils":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220804193103_1659641570910_0.9302449655467062","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220804193815","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f08a118ea651a9c3cede1ba7df7d6726034779f4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-2gkIqo+x91pQMXxT1qeitD+AfD55fIPqBZziBRAlhaoDj9NeFpp33AMWlHzytKSryWMu/c6QbxEcDFVPV7ZuhQ==","signatures":[{"sig":"MEUCICV4WnbeH3bd+UQfZgIUNE3TBV+MegPcviESJwlhizAvAiEAhWqMbprkupI0O77uGgPEo97TKettxIRf8Hc5y3/A7vk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKMw/+Lnzb4g2RWOOmTharRZW4aJ0Ypr+kF7CSJLZmaK8xQqPWVEkb\r\nO85PBpAdaWmSXZQ/TPlUGSKo4IX4TVDJVmdsoDTfXWRuFODce6DKIZSv06fZ\r\nk3DpEPnxWcGjq3sVj3LD4dkwfQ4JaIFBPVNVDCQ7RiDF0f0NC2dAv3uWiS2Z\r\nmzfE5KcU9y1BynKu3wVqfIXkCPUzsP+6A7NnW3/5kZ3sQf1TXW/3Zmt5H34o\r\nVRNlHbkjN6QNBQvEJC2WSJ81RgcTEWyFbakaH/qs8IZrOdGoKz3Qd4EC7xz6\r\n0raSFUC0HJ7gVcu8gma3gny0XybKh+n4Wm/h9sc0Kh6k/tBGSvL0i3WahYlN\r\nRhEhTPMBdBoj7BHdZRy19+ASQBxzWChLHibfqb8DLSRzbhpWjP6tN6J7v7Kr\r\n3+Xu453Oye9rXAXwyHSlc+hXEa96b9Io53CAVyUnGiU7QyfPjzVAoZ0BiT8a\r\nYrD/eyc2WcRyFti2N991TEBkGG1MgH7mIvP/UeJQ5aY5+J7pYMjINfCOmHBk\r\nikLv6ATsNxXo3eZXzR5wtATouL/Df/0MYDrblWGeaA1AAV9DQOsrWKMSA9PP\r\n9NPdtOnlw01NddZPRV0JuAK6LhoGdLTiAI2QJhNMBnYzVdIN7A1DHUuhPuhX\r\neNcsVyeaQLsdPVjGTaaU9NFMACnzBZVJPxk=\r\n=6ogn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/90d1eeca8c82a560d5c2e9d83c13f997/chakra-ui-color-mode-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-2gkIqo+x91pQMXxT1qeitD+AfD55fIPqBZziBRAlhaoDj9NeFpp33AMWlHzytKSryWMu/c6QbxEcDFVPV7ZuhQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193815","@chakra-ui/utils":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220804193815_1659641932235_0.5494441930358094","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220804194739","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"cd54247999ae4ed1fec322082049cad8bdc389c5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-LNCiRFsIXn6uVxSWxQ5FS0LSd4rJ067LvegEebJSX9Ba+Mv4+htm2HGAcGQ4lPbTvfTWZZ2ntREtfq8p3ngE+g==","signatures":[{"sig":"MEQCIDpiL4Ggt2ao5s+i5efyGLaMg2HpzkEquem2d78X4urzAiALv1/5GgADd7hrkcTTMZp8WSIFz43WghMhpE7sEczpAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CKWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpoXw//WdgIy1dwXIxuLFfW7gMXMnTAqk1KlNwx/QdyfNJcnK2DG+TA\r\n0PzNNp/2UwJTssblYjljDLA/vp5grNTEgaiVWyd21Y8xMi9BlYNWl99PjMcK\r\nFviQSetBUQ8Lbxb/ppGMiI7Bnzf5F8hpUcTr4QNREP2pl+vXXUNzuDfezB5i\r\nBwNOLJpBoKBDggWxwyDUj4LtVLROzEmjcX4yttiqSwkbUmcQaSuQqhRId/HB\r\na4ZrG808n7GlHXBf30v0N78U22Lf3NjSjoaK+qPVx7u4QOYm4XOJup/mcnZy\r\ndrX01dLigmfB0QdCmKyVdnJ9kTVwun0B3eqnP0zxUQL2n6JyurobhHR7q9+Y\r\n/nMTjSGwt6bj7jl4PGYS0tDs55TaFAUn5AVxJpZANjr0WT959VAmadupY0Eo\r\n74mqNNEA18MZb5wd239otOiDTXguVSiB0uOpkWnmDS7bKRJ9mEeW5f1HwTx6\r\nwKLTEzTX4I0JeUreiA5B05nYvhWmO3mMmYnmjnGueX6nQgmElQuqTW36WlPx\r\nixoxrZyoPq20gbP2TCxiITeTB2ImgzEaMDurEyTgpU6R1WrdsxHu/LLmEgxG\r\niJfSfpMI3rAMrJ35R/3x+jhusBqVTQ/Peu3rCLffZLfMrpx2pKrNVQL6IDXP\r\nVpcRK+hbw3aqyRBn4BKXCBZUA2o+d5sTiPA=\r\n=eOkz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/f6940696705770e5c12660837a506be3/chakra-ui-color-mode-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-LNCiRFsIXn6uVxSWxQ5FS0LSd4rJ067LvegEebJSX9Ba+Mv4+htm2HGAcGQ4lPbTvfTWZZ2ntREtfq8p3ngE+g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804194739","@chakra-ui/utils":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220804194739_1659642517991_0.7333389214977128","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220804200605","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ad42824a99d72eb7e2e030746d8aaa9516b5f1b2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-7dJ1nizUHQt/KgYU0NdVJOaQEq78WfPmahslMgeiLae6ql+Eex1nxkwiyr9yvrHybGXsHylQjoWJ5DPDk/X0dw==","signatures":[{"sig":"MEYCIQCVVu/VPe8zddD88Ve9IwhuY8PbNJZD7csqv0n0A4a9XwIhAJltGoqYS23fijmYXCvOKzFK9rAqUnRknr8r4Ah1hz8S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CbhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcJw//SZDyoTMlMVLv+T8Umc1NhGQrhCT7pXGNebZvFgnW3giw3+GY\r\nPj3VmpeQfwC4PGUo99co1lJxXmW38kL2L4d9M/WfhEounr7xk2sj9CUXI+dT\r\n/nbiXGWx8SY3NOMenCDNwcDq14UssjzaMcgyk44El9kOA8KLomCEEC9BPx37\r\nnoAyM23CfV3HqWd0wu+0WxbaIav3yePqJ+hSgPH+SgaLTar8TBCfYpm9ERwU\r\nh72LGXN33u+IsHV+K6dBVlb8kN7wbd+4s1zEWcDVsIQOpsm4AME4ee7DwTfJ\r\n9hHSLs7NEfuv5m+h5qu/jatWA5rBTGSLlIUIkG1CsvK4X9tn9o5C93tA+h2J\r\nqn3hDxpn5VSHT402mnN6AI6qZm0l/0USX/JWb7BYQGrprVGTS22l/toMiLZd\r\n3GPbWnhTfjGeLFr3A8pAtOP322QVwbPBV72xvahWPOQOV6e3rhZV4Nlk2tmD\r\nK9Axxq1g97UbmSmohPP+aHjBQkLhoeKVCTqM01/p3aET/qDbHAUPcOAXMIVJ\r\nUsworhyNPkjH+CwBDo+Pfvfot3BHoc1yPuIJ/f/989whtM3YiZUvD9B268PI\r\neQM7n3BYiclg43lp+RGkNBSFmP6K+G8DWnXMtmla6mWsb8WMkOcd+MKfDYPg\r\ntLYUMOO8Sfkg42220wUBWg4GQIpzwmRDHfw=\r\n=S3bA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/152ab0f51364772a4a7f4eb9fec9738f/chakra-ui-color-mode-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-7dJ1nizUHQt/KgYU0NdVJOaQEq78WfPmahslMgeiLae6ql+Eex1nxkwiyr9yvrHybGXsHylQjoWJ5DPDk/X0dw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804200605","@chakra-ui/utils":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220804200605_1659643617682_0.4685641438469914","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220805062318","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8a89b465b2cdea056d9055f7f18281049e404962","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-Dn6S8EHbT80cDpn1BQs5nXjJrMyYWgB6T2canenC4+N4M0rwhJibWRStJ+Zg9A8H1fjuuPKiuQexw6oshgb8sQ==","signatures":[{"sig":"MEUCIQDHBWSB+BNE+88KboXMR8EXkxRGiI9en+jbIfMN5ZFL2wIgEGY8tLqQqEHtX3kbz6uAsl25JwTMbsfzdYQRJR+QGeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LeOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAKhAAhAoo+ov5yqryg3vTWxKVqFiI/VK+D3dzZZXDTSA7Z6gwLdtD\r\nLuUF3vUXGghjgUoPH8T3WyYtHQZeijpc2s+24Z7Lx+UnqWuEbr/tKtvgplzW\r\nG/FP9BzPz1ewHznpBEJkIdvZGu5bC4ijHFFKgo+lYP58PNFJLuADflkyDk2v\r\nwHNrhcTWYynsyBdA7ITKxTLamyqyvBbgGXneGdmWk1/rpcf5EpPW17MvHKI0\r\nGDz1iPMC1O3RnvfWTG+ZsMt0rRVN8ZacRRuk6kcSkEZAzxFqwIqxWFjWQryI\r\nDhZJPTITZDC1HUknVY+J/x+TYfBYEraR0ZhX1cT09l2etAQKLBhDWbB5Za5o\r\nUf6QmyR6P8aHEaWDc4xYjKFM4fHYD91UpfyDehm0N4hXUpaSA16X4OytDHY9\r\n4UcQ468qkYoIsus65QeLxZz207Pg1GtEE1TSSnOtiZ1Mge21K7GkkbnjfiSI\r\nRbqkSzCfJTT0KKGAO50uPOh8SU8lqIJbzvSR9JX4ApyEIZSp29CJ85G6Cd2m\r\nWpfmbmDtM2fFwTCDji/0zAkI4D0ovSfBiYIlcbhFLCfwz/F+j+IkmwDFYfKv\r\nanLzQ2PTqqfXeI5jBQlTYCLv6vLeRL1p4+jqIn7dW+1OcNAKzfx8J63suns8\r\njTCVdAl4AlE6TtBFPOMOLlmdUKtxqZ+lFIA=\r\n=qo2f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/8cbd8f78f3819e9c1d3ced6a76d7756a/chakra-ui-color-mode-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-Dn6S8EHbT80cDpn1BQs5nXjJrMyYWgB6T2canenC4+N4M0rwhJibWRStJ+Zg9A8H1fjuuPKiuQexw6oshgb8sQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220805062318","@chakra-ui/utils":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220805062318_1659680654437_0.3753442339833608","host":"s3://npm-registry-packages"}},"2.1.4":{"name":"@chakra-ui/color-mode","version":"2.1.4","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e62d7563497d9bf2dc12f5e3378d5b5d9158647b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.4.tgz","fileCount":6,"integrity":"sha512-AoWZgKO1MSw9lb5+lURdaqi/NwaCNo50lOo1neCOVqxln8ntZzJHL4dHfYYlj6nIR6246LkRppkMeeceEg/W+A==","signatures":[{"sig":"MEQCIFkGsyKzYETTS/cqlhHXuJRtFSgDThPFXBkFJeOk7ILcAiAaSqzZ6w4/JWCYa4ABPnasG92kCwvmLX0wR4OzZuPUIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28385,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTjA//W9p6A/BMDpN1/nXP2kascRDcPfVQrZpDWYIcN8dGLulmTCi4\r\nZCNtNUXXyunwbMP2jkxKAE49s0kDBR6V+cCJxQXlqfsMhBtJJjnjuWkX/Mfn\r\ne3ZUSGEInNBQp95wAMqnc9fzPT1oNobWrdsPsPg9evvDlMrRlP94ScMFv4Z7\r\nxsfDsWxBNOxy7H7CnLQxIUOgXI8pLijW95soxnVw2kemv9g0HRZP388fzBUK\r\nc3VySj80fxFAIIojnJt6/qRpHNEEAcoKHWUDL7RJE+EX+gB9iAJpih5m/sgh\r\n4YZxeTT8zMpRO2ssSX+dTiyFbEMtk0Vmwjr8htjjSGbinvoigl5WZ44C7CAJ\r\nc1l0v4/pxXf3jz7Rzpybs5hqmsZ4/i806lzzGeFszz5kaZkcO2KzY5UpuWmy\r\n0PR0xMslWW9IjUIsCk2gpCPANFEkyZp0ksDl+Gg12gsG4qzxXHjsuydMGHAK\r\nB4WGus8zS1nAWjsKrhALv9RsMUB+gfYnx0NuBcbS0UWarStslWvolqmDbo3D\r\nUdYY0kAR+Ib2heOMZRlPpz3bKI+cMl/VwSPN7Gj53mrX/XH2ou/bsNrT9kZ0\r\ndkHuoC0ml98hCivBlFCf5sLEjmoZ3hOSFVsB4h4oJ4lDtA2LLGE04zRKUr1O\r\nCJS8HGbUAPiEB7Q50P6QaMsJLnknSnDKUro=\r\n=lTUO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.4.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/6e784a0b76c635a62a8572a582196bae/chakra-ui-color-mode-2.1.4.tgz","_integrity":"sha512-AoWZgKO1MSw9lb5+lURdaqi/NwaCNo50lOo1neCOVqxln8ntZzJHL4dHfYYlj6nIR6246LkRppkMeeceEg/W+A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.4_1659694379259_0.9320656625360719","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220808075419":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220808075419","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220808075419","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fd5a2a1a6f520077a6fd470fc1d2f44fba25a69a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220808075419.tgz","fileCount":3,"integrity":"sha512-dl2zWJXrWLXpqHWdTGQxsQgHuJ/jnb0NqQmzho7gaTVAfHB8VG8Z6x+wEzc9hW1COYOGC2woxRXfHeuG6xCmwg==","signatures":[{"sig":"MEYCIQCGSWeeEz23VJBKWBb9z6mNB5qOYOBI0oJFx428IaHPLAIhALnMVzaIyTnrQBNCNRbnY//4jukA5xueVp5tHNh4Apx0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8MFRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFpRAAnzBnI29DkXL7t/iMbNJVGqtTTVynjbX3n2KfSTFfs/6f4Fyn\r\nK/FfPR1Eq0x9KBAmZhZYMrezdHSqRxFE9swxoLPC8BQntTGt8BCca+yO3uJI\r\n8E5k5kM1upHXrArxuy6pi01ARMyer+QsmO0NKwa44U1kW49yfq+4tuTn5NR7\r\nGsyaGOHLBcZKnt5fqr7XLYIKUQ5+0KWtlwgXwO2rycFbJ6c9hCt5vDe/wLEQ\r\nS0LHlKtjITnazi9PWW3HRt4BE7CKPHspL5ZWVUak7uWnldMZN60CnQ0JLlQm\r\nlYYXCLQFQ+pjM0IrfkQqs2V/okA7KsZ7XIKOUpNV+GcUt4wc8GvQd2vftMkH\r\ngWVwvhbaVcbOcjYuDp6FNS9uiL+2pbLWVnYfpC8c/rQOlaCjfKsCY5xLfr5G\r\nE381kEZe9+bw8/coWz0hmxUP/+wVVYfiMf5l0QuY77FtxW8TjlSwyW3fz68N\r\nhZuXf/qCFS256B7g5EkMx1P7rphfExniknSmn37SACjMHqb4+HKdnV1qGW5U\r\nIcPWVcZ4iE9jdCx82oVcn+coUySpRwXlXip4KV3pOfUEuHVbK59RQ22MFXCw\r\n7ayvken9F8h6TwiSyfh0uQtnQNwzU22C8HeY0zG4II4VHqWE5C6/iJdKgw7/\r\n23I+EVbcd/4f+Mk9OwCGUSHP+aFNHbbVpKo=\r\n=rTeJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220808075419.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c18f737dbe185729dd0a7d20a951df25/chakra-ui-color-mode-0.0.0-dev-20220808075419.tgz","_integrity":"sha512-dl2zWJXrWLXpqHWdTGQxsQgHuJ/jnb0NqQmzho7gaTVAfHB8VG8Z6x+wEzc9hW1COYOGC2woxRXfHeuG6xCmwg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220808075419_1659945297111_0.026893213830964546","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220808090501":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220808090501","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220808090501","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f1e21d978654262bfa254b1fdc52300d550521fe","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220808090501.tgz","fileCount":3,"integrity":"sha512-aBvCCdkXe8jL4ZZgkCrgoruQANkWtZxGuYe4V0kfyhAoYfdxwrfbObnqxiuQ4AmMLJxFXQhusLmAEMU5NupH3w==","signatures":[{"sig":"MEUCIQDTyKvj27o3dAIUT1FVh7HvZLkzR6Vv/UTmqedcHIDuyAIgMLIi3BqAcMFbzLh5uSXs6isQScu/+luoGRC5s93s8Lw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8NHbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRkA//avLJxl9s1wWpF3c/YilhUFg7KbepJctqYh+yqtoMd1IvCKQO\r\na0oNoEWyGj7gVxOOp3f7AsiGWjD3QkilgV3VULb2dWLB2BB5FfAW/eBGQOic\r\nO0k0IHsn5P3K54Dc4x9ylJSFxVuv1H5dJS1qi9myxmz5ha8+hd6eL35bKcqq\r\n5QdACSzx2BmFfPWJdp7nX/KJo2kVq9FM5+TtH8egibZM8/njSD4vbgVV43fs\r\nyNNKg5ci+Qwx3WaXINxVt5vSn1M+mRO7QfwIkw9ytQANmrFJPaNDc5nr2cAV\r\nGHWTKnx/yURF50EKT6Cjpi4MpSRdSTmGFrLZOxywDqVU6s9lly+s4IpEq4DA\r\nBM1Qu1W5wUOFtTgx+wE3GWX14fzlmGGb6OLajdJjbtI1kLfpWaL0WsepgI3V\r\nsgOYbnKwqwSuGTUswl8OVdeyREDgNeG+A5v+t6X+cA9tnn7NIRaUVfnT3qJg\r\njYn4g7HZWxVeP0Is3/uutnD6nO8gPXz0cSlvRBySCjiUKaOuZXQnMTVUnpc4\r\nsb/cKRtIhD4URxGrKXC/6ibH9sgixlhl2a2uP6DMrBaWDRiVrEKhIZcC8Hx+\r\nx4kywt32SMI1wTSQQ9y+wnOOY4zgLRvfjILJsQYDFGXc+GucMRdq8VW7VxSb\r\nGcJt6sqjge+dabfRrsSgujbqSPjVQR3z/LI=\r\n=Ti2O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220808090501.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/4e7345ed1fb0d3b3efb64308e51388a4/chakra-ui-color-mode-0.0.0-dev-20220808090501.tgz","_integrity":"sha512-aBvCCdkXe8jL4ZZgkCrgoruQANkWtZxGuYe4V0kfyhAoYfdxwrfbObnqxiuQ4AmMLJxFXQhusLmAEMU5NupH3w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220808090501_1659949531728_0.6714754830353675","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810053106":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220810053106","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220810053106","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1ae99b4df55ccc6e7a7b10453fb393a455282276","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220810053106.tgz","fileCount":3,"integrity":"sha512-F/zpgLSxMam+KT0Gf82YL1+EO2yNX5DXhtvh9Kx2gByH8E+5lspWDhzcpAIOe/jsbVa9iXmPpCrZu9xvbAXLOg==","signatures":[{"sig":"MEUCIQDzkGF3veM4xPl4PtOxgk/0AhUvt9w/xWI6HILvhTDN8QIgQ9c+xDSHIedr2IqRjsqsjuYqBlnPpy7HsAAh99AxYkE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi80K3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgFg//dRfiOn3zfxsVXRJiGw1DPFX5tMxaAp/S816twU9UcHSK2MHV\r\nblRcpr9nF+gG4ghxh2HjHOfAWeysYcqEZYSndai/opvD/DIsH6H7Cd9japtx\r\nSQ19r606AAzavdW2iWPXqCnl8o4IFQ0moA1p2Ti3iEPD9sFRPBOqhjJ3nCkM\r\nHrbpaIEKEn/Z8uDWDdPl7c92SowMqFWkjLkrDkTgG/HkWToXCd0rFcCLAhdL\r\nXvxRud7SyUyhNwD40bHRULHmx2T6+ALeVHJb+pSCdT/9fBYX/hiWewh6xipp\r\nYPivUGyquJIdCoqEcNU81WXrNBZWqAm3fVmTrpZOTWepbEf3YVSuqGrXZH4j\r\nkOhwdNvewxoTuc47yXIPfvx2Ct8oic0SbZuekxdBXIsay9yC0sR0BnkjoOVH\r\nZZJsJjEDkQrSC0v+WVO+wG8ltADcbAbloVeVTNruzuIxdFuhOP0xGKAFvwcm\r\nVhAwSaEzyB8XwbkBFig8Nk31RGI5CiUODgh3Ze5HnBIogQt34xqEHpbPLLVV\r\nTnGNm/a6oq35aIoPVZ1dqWSMWee4wAEiY4VMeWrwLScyWgHGWpWsXXWm0Vol\r\np9GNC+g+lUwC1ZpLEHkgexv0ck0xgPvT1fa0vq0nRua/1pifYOMmW07g6lDd\r\n7x1gni74swz3HFWB7129iHVAnLdOaGxQ8Og=\r\n=dKxT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220810053106.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/cbf6f70546c0f444dc135bbc7ff58048/chakra-ui-color-mode-0.0.0-dev-20220810053106.tgz","_integrity":"sha512-F/zpgLSxMam+KT0Gf82YL1+EO2yNX5DXhtvh9Kx2gByH8E+5lspWDhzcpAIOe/jsbVa9iXmPpCrZu9xvbAXLOg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220810053106_1660109495428_0.42653599699783884","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220810112922","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"db2754b8115d409d89da75d61031362432b537d9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-bPRP2mF4Z9JwNWHPmrcI2nSTfsDbEdCcl9xHsyk71FWC2L+tu3q98g4YOMqdh9YqYNJczCFbf4vlvKntNjeyGA==","signatures":[{"sig":"MEQCIFxxICvw5mdSjjmmRdRsrkIGDGGciHQzrQSp8hkk56vzAiAQ3kJB2IDvkvCisnRgBmxUaKckDqAncn+e7Gt4KD/WjQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85azACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZeQ/8DpLKdttWBCiI/rUiLxarDLRJ/cyqt+ooujwzkc33bILECGDM\r\n7/PA0K/UqzaEj6+1Mn/uPjdvG2SOhRjeFXoIJVpWYrB/+Ym4aLv78lYu+bAv\r\nox8kfJIKBq8jjoXlb60boiFbVrtZJ/KEuRfGJ/LtW7z+Pr8/vOfSkI3lL59z\r\nH4+Ne71D+rtGw/s0kjxJu4YhT7njVM2Q/2rAjgI8RxsXkRQEaHyBLHnY7kud\r\n3ylEnYDcLQvzLnIu/4AJUPBuXzRmoB0FTYNpvj4x4o0KyGniv3+yTZr8ZQoI\r\nCVr3550FYDJrveNhj75xnyzCa9ESXdM1+BIXnQgsCLzPDZ46EllevGAGyJ7Z\r\nlE1WRKxf7YxIwY23c+HikIZzWOVmHe6S+fS3JuRhzNzTvzzETVsksnXADlXP\r\nuSmnCsaDtW0qiQ/N8nqlApX9tsf4CXplmowJQlHmNSm5RYq//eyP7d6OTrml\r\nyrFAkE6wixDgX/kLBFoieXdmASs4uwbdf4a5oaYx/2hPd2wWYlL8ScBpwFyb\r\nW7LULacGNhQsR2xXU+lmAULbVbVC91Ka5rF/k95LhnyRgUoI5VdYsFDNVb9g\r\nxmvCR6BkgarIl4bstIYYx+QqsJvkRB3SgK1CgoRCzYWly9K835kSy5od692E\r\n0+o+/KH9IAElLszoe7toTsxyvuY1m2cb17A=\r\n=Jrrl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/358e19265d302e5517989ba1fc90f583/chakra-ui-color-mode-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-bPRP2mF4Z9JwNWHPmrcI2nSTfsDbEdCcl9xHsyk71FWC2L+tu3q98g4YOMqdh9YqYNJczCFbf4vlvKntNjeyGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220810112922_1660130994937_0.16319465789651755","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220810121727","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1cd9eab080b02333fd686a519589cd52252bce20","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-6szivvsjuq+NNVai9YN80jyTxH1bvmuk9Sa9jGSeTmyaQh9eZFOhRsW8ZYXt8+wIIJQyr3XZXJZVIrgt4iZ4tQ==","signatures":[{"sig":"MEUCIEppl/9zPFagl3zkBG6RnJCplQQw56pwvpCRIqBJLgiyAiEAygf0KyehWcVciQLbrmX6mvVPD7IFpf8ZMoq+/Jnw6N0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86H+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGZw/5AURspZEVqTJ7uouOAWmNTOK5RSccVBb3+kdF4HdBFsDv2/6F\r\n4aDqCCz7lq6ij29YzVr/2juvM0Ldk3shh4H8NC7GHh167s/JcTvB3Jq3y+5b\r\nKkfVnwMAmNdVTxRYwFirG/hMuk0YausKkcBZkpHH5WM40VaIsCD7kTXEUDC3\r\n4w5TY4exuPlNLXyT1v2lzTvptr/7wQaGQqnrv34xdORnJUBy6U81g+xH/jlZ\r\n2H4Sw14b2cEu/yooWK0oOiL6c1h8LCuwnpVAezo6Vbkr4sJyczbMmmf88X2l\r\nqNsT288m2082DxtMpRAMxGr/3Io/0oxO01z/27zuT/4IAVZZdvO3Bj6EEzcM\r\nqulK5W8XU4LN6fFi5txneQNq203EPki2uSRcMC3tczFTmoRiMWvl3Ouli9PO\r\nmE3vUNw0wRcr4dWR6YxvIQErqryhGXPewD7LBQgYiaIFlWK0ce+YN8+f219u\r\nhUoHNvqwIDufSuNjxsuwG1RyondgsfB/9SorLIWXaNaB8VasNtsNT1UupEVk\r\nNuUHscbngcPgJCbZTQUGTTtV7VxiwmVpnB51RLzNnNgjTr41iSzX3KoLnC7t\r\n7TdScJtCZC5TwE/behEMG5rwbrtfylVXiRbHUmV8WLT3X9dOfHsQJGWSMJPF\r\nFBsX5pYljD7WhrWH2PGA3p7NeGfQ49oTF6c=\r\n=t2X4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/1889045c96fda1af1bf5edc220bd496c/chakra-ui-color-mode-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-6szivvsjuq+NNVai9YN80jyTxH1bvmuk9Sa9jGSeTmyaQh9eZFOhRsW8ZYXt8+wIIJQyr3XZXJZVIrgt4iZ4tQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220810121727_1660133886633_0.8629289338390218","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220810122556","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3147bf41c820d2c879037ac35b58e1400b9f2f41","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-RsptXc7sLJmljYrFVUJz/fP5f7uLAqICkH7RaRyIYzy4mLJDJd5aJ0XkIZjYPKKE9vEDrkA+zZw/uUnP1k5vnw==","signatures":[{"sig":"MEYCIQD+69OPWlI+GOoK17VpWpxWm5GDfO2sfXcMrPCVOVvaEAIhAKzZEKzda4N9fFp7TDTsZ9TwygOTdVSToh2LprYL4sfq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86P3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrprw//R3N1uYkky18jU6C8ptlLG8sKAt2lW70FTuCd7ZnpYfJ8C8sQ\r\nGLAWPlFE8+14cwSgjUdt4liUFsuuYIEGQEAPLfyNEH8VeY/QCrCxzCwuYdQX\r\nqFASzWPkGXOYg5M7ybq2Vsy6ullwtu94YUCAoOscdUXnkZcGzJ+8khQxp9s8\r\nkcQhmW0HJsoivtCm/rv1yIpu5+3sM1rHYDtpPZNYT52FwpzpBOAPFP8bas4B\r\ntRTv1a8XO46h0NfPfwFMb7cKeG3Uir/H0VYfFYKe9pxodGCUvSyXaUwCVI8I\r\nQ/7I5CjRWglk0/TrnxMtxWe6/qpOjAZK64rvjkg1+4cw+MjfOKdRIdjebKsm\r\ngj5EPL7WuVtAW5JRJU/T8ZlI2DsBft/k/jx2gHydY7Dr1e0frn4RSqYlXkXX\r\nMnaDHchOKJGK+hCStzjVHu/7XqWcskZB4bMIkBZtjQoIIN1vqzQkBkJNtOzu\r\n1YZrNuTUNcERS0HTde0ks1eGvgapbfUR9mVBeDR664jBSUFXXxOTZ3gkAjRc\r\nfi/W8WX8Pa7Hqgm/3KJ2YbW6bXVstFObbmAEsj76NlOOO3iHWUQ3ixxh4DVJ\r\nPWSx9ullHN3lL1oakisuy29J8dgI4pe0BG3EF+ghimbp6uhmv6FWZWD12O2L\r\nxKg5MpQWNWRNtb9f2XeCaadBddKinznoW7o=\r\n=UCtP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/d14d7ff041883e0c0d0ea092d0ed1f40/chakra-ui-color-mode-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-RsptXc7sLJmljYrFVUJz/fP5f7uLAqICkH7RaRyIYzy4mLJDJd5aJ0XkIZjYPKKE9vEDrkA+zZw/uUnP1k5vnw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220810122556_1660134391385_0.6376243751756263","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220810124358","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"eccabac4b68bbebcd8b53c3d10a7b87dc14e7047","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-7RvRfTCez0fK/ecl3gwXO3XN+228kJNjNEwFLIdh0yGJ9TC8TluzPoxOxdkOH5l/QX9tud5fhPDQxzRkS3OXUQ==","signatures":[{"sig":"MEUCICAiOMEx+6/73BpYai5NqOl8OfeVuFZb0npYba0E3MAAAiEAzp7h5pJMCPxDYdYaqanLMzB855FfePSctjpHx6t5Ebk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86g5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVYQ/+MFIjVn3fjGc/fTmAJuqrGpSGuHW4niKRhqlw4hqTLxy5qURq\r\nCwEWM+TwsFUTUY2Mjyy4kuJlf7Mj8/kyfwvpOVwvL54KjjwP039V3xEZsdMX\r\nSZQw/gIxlQj727hpsz4SSpUDRBJZ4upE6EVgASXbVd9SyOKX2v3aMW0ztjRP\r\nsKVtXerFZrXwo0iCokd9MqT3CAM1PRzFn21KIXu+1UjmpLDY+gO8EVWJP5qa\r\nkODlvfQ7ilAUDO2LbAE5etUKd/9smuyDG7M2kEQoZPULqMQkii+nbi6SsFS0\r\nje47pNPvVMaPxjZW9TyT9eSrjvdnt+T4XB49SoOAA/C3ffEaaxCoMigyTD3Q\r\nWm4wLoG8it/32u87tXEbqxNixfeOzxSyuLH1owg/7qiuD1n7C0E9nTTnGpfT\r\nmBUVbPPiFmm8dytCHMvYGhqZJxawcAaQdWV8GG+Dl2KcS+j4c/5I6asvH7Iv\r\nBN0rgUshocfcntSVdWx29PRvjDTFUd0edUS6jmBcsNx2pzwmNGnm+sINsf6r\r\nCpKlnL2wyD1DMTRP2XkCHxFkzpPB1rRdZ7PWQVFWXEDrmeWmb3jvnY1ieLb1\r\nOkEQzwXMo/kHDXZXpHzgmwCxYiajO8nw5zngJ6hpVK7NJCFHoRutSQ/3SEUW\r\naZyleXLIOZ+0cDlVV55D5RTwvNw/vHJUvcM=\r\n=vHmI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3435ec3afab81fba5eafaa1758c19259/chakra-ui-color-mode-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-7RvRfTCez0fK/ecl3gwXO3XN+228kJNjNEwFLIdh0yGJ9TC8TluzPoxOxdkOH5l/QX9tud5fhPDQxzRkS3OXUQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220810124358_1660135481007_0.4077418143614615","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220810132240","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d98908a10a73dd93d6fa80beca28fc5809293f18","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-0yHCLoID86XpUtfDJaQKm07ZQybRVL9hn5KR7VWEReATagpKwchP64/WF0bVGLMkvvTOPXADCiZS+iqoSp+QSA==","signatures":[{"sig":"MEQCIGaROPXlQjQrc20w89bCTUbtPQ7ilkufBR1xjGV3InZBAiAXbx9LR7pn+/FGPq1mfTbzMOBtbmyZT+KuvRq+OAsKhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp/w//ZYYTkcDrkOJskrADvZHcNmmqOG9IBdXZbGjIzg5njVNfDD/8\r\nTR0FthHiwGdgIAcE16iYdv/JFQeETGzIFK87L89fE+db5lBllvK3sBbjzppj\r\n2YwoqH32ijyNJPvZYfFrXhhhgDwuH8t7uW3NJlUSPMAAAal6SzKteyokaskS\r\nJbDqQCm89I9FzjFM8p/SA1LLJioNNGLlapD7odljW7guHaaQpTIsRm8G2H6j\r\nuMPYIkktqFqyU+SjGXAgFEFl/fDvshmMXc8eFN7nz7amcyQbn+V1Xz325jGj\r\nbuB3Lhck19tsmccl+tLfjzqw4UNWjq6RCQ5NMXEblRmEK44XtDtgmWshfOba\r\nXd0xsj5HrX2zSfA+U2kGy2VARpbAUdI+qkjB1agiQtm7aAkTe+RyDvZumkWE\r\n/1eqQ5NreP68dDP8aDu6Ic7os2BuWsz+XHLbPV3TvtXsrp46OXuwb2qMTrTi\r\nVncLe/SHXzPyR/WwL0OxZCbCYfZLh7QwmZFvcgrQPECevV12LwIjwxjj/YAK\r\nTetVSlPhlQwZNLzKHxg/A21g+XrzmKqBL4WQTMegnB83J473tmXqfNd7mOuZ\r\nMrNY+8qV8EPXktbwPwpiIjKXqzZFpB4WQHy0wFgv9R5q+Xkst9yHonN/DmKN\r\nHLrcjXt+bzw3burZwbE69+p4D4FwtnSSY40=\r\n=s8bE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/a62d7d6755f5cceb5cc4afe6cad4b833/chakra-ui-color-mode-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-0yHCLoID86XpUtfDJaQKm07ZQybRVL9hn5KR7VWEReATagpKwchP64/WF0bVGLMkvvTOPXADCiZS+iqoSp+QSA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/utils":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220810132240_1660137801939_0.8207774897827562","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220811084042","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b9c7b677f6c99df1056b75f9b743808ed952bba7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-EWwuaTdvbaNbHTM6Cz2qevbAyZfeXQEWlGzlOOmIhc8rMzKeeSVCfHJ36rM0BtbEgEbvcxjhZZoxM146+MoQ3w==","signatures":[{"sig":"MEUCIQCj4dnySuNhzLEcgz0AFg+9KnOP3x+b69Nl/yvimdHqfwIgQJPQVI7PwIszMXiexaFQN81rIlTAtzcGif0b1TxJQGI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MC4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDUhAAhzdtAb6dmCfgFj6Rxjj8O9vrIZUbFd+V0BD4dQy3ppEZbzo9\r\nCb0PfClZ8lhaGRx5V5IW/hgEck9rrdhmegJwlbDUYn/aviOFQyFL4diw/y3n\r\nmgiizYQqqCOsX7jKPppS/Wq7oVFu1iDJpey+5Y6N9Pu5AGOc2UuKPsSSy6Gt\r\nvGKSEgeo8c5pk/DQ2gLRPpkS6LoyksnzM7Zf7y4PQjTrlY+yQqKJ3p3C9gP+\r\nVqD9I+fgEQhW0NiQWWpOBiyRBORfDkaLbyvBAsTkwKvhK5y8GzhMXixJEjNV\r\nipRs5MngACPiwP6TQDTplB6BWjFB6djxugrByDJoc9ugoM/TFZwilvRImwHY\r\nCwzTzwSG00LNOnxjC9WVgw7dVgxBNja1ZcZzQPqFx9N6/bTu4S0iLNFPFEiw\r\npInoNLMjZWMKPfQhNjJ8XkEPXLezcVo7S1NgH+cGrEHnQlQOgJeGSXwaWPT/\r\nYBww9UGPNTu8Raup3sPU4SzyiNKHT/fS63I87t37Z5IuAQQgo2pkV41Oir65\r\nRk0l+HR+JotW4mJCNUyqrK/MrwdTOPWjPKsp7F6LivthQDzK0RJO+yjyDWyn\r\nGIAHnykZpECvuAuo0JL7FOJXdygsp/mqUv7ZcNpk9Cx8SnNjAJ7+ETo1vMs/\r\nDG8JxzqIg11lZHTOBUuVWVszIBvJxnFNmT4=\r\n=PD+B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/a0bbd395cb50ad8c4297b65fd86e465a/chakra-ui-color-mode-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-EWwuaTdvbaNbHTM6Cz2qevbAyZfeXQEWlGzlOOmIhc8rMzKeeSVCfHJ36rM0BtbEgEbvcxjhZZoxM146+MoQ3w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811084042","@chakra-ui/utils":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220811084042_1660207287804_0.30169870288342593","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220811093515","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0410faf6cde74b2ccb6d57fadbb9c0990bff210c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-htcHPccXTC6FJE0fRTcmGZ2sJ86l427iaf02lvxhum4ZLirB0S14CRO926q/Wt1+0YnAAU2TiiGgjZ41S/BO5Q==","signatures":[{"sig":"MEQCIGBU4PGizL6FPiv9Cy1M2lGNybP7W69bZchi4QTpA+RwAiAiUDI1pI/MeQCBfVlcpb2LNFuR7LuuUvzS3G/+o2p0sA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M1+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoW6g//bdCGVFTjaqkDUNq9E71Lz6TyEucHXoxsn2xEPaW0rEBrKoQd\r\nufrK9qh4R449SVk52SnWpE/Odpw5pSrnzPkn6J3eao3MuCGI4fqSD2otI5bb\r\ndXYJ9MacrHhxV5n3Lt1He8I5qPn7HE+5VNLdwB8yidJcxl2oOhYg1QBWylOV\r\naMlSY0kjhsJvzVdu1OYMBbDCtGHLGFi9fcjQVvdBQycgFk3EQUq9JIW2XzxS\r\nXa9pEzQ4PGCrAclEXG7VmL3U2wyDg/MTIDepk+7kaKqvZ8FsysOzXpCiWmeb\r\nBVFAwjFlOkbcQ2VN2cFU5ZKMAVIUlNMyv/4yCJeY0ysUSawj1a2CRkVZb++J\r\n1XJ9HtIjEP9OxErGfac3H7DYaK4bgKq4zxbnzRVseXVI1zjxEoMl2rmcemPD\r\nTdp7EUOQBc78FL2NIIE/H406ib/5g1ixN9SvuNL30YUbQFnJ0+Zf/t6GBM78\r\nmKUnzZazgws+5r/HbDXa5NgNzR1IOijq22dVRqLFUol62L9z3ijmC6dLnb1J\r\nfXDxs4SaBHHxzn9AFkAqr/kP3OgtPL5UpHkx/bwqtuIzgeO0ght/LkpSmhH0\r\nMItK1H2xYMfDGXfoKkqjIsowYw0qSG+Ax2EDItsGCixsPH+h8lgEOeEXN6ZY\r\nObBN+1SHnLjUFHF1ss61D5P9TtmgWpiBWDk=\r\n=MVbR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/ba90990a1fca066bec96e46d99ca82e1/chakra-ui-color-mode-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-htcHPccXTC6FJE0fRTcmGZ2sJ86l427iaf02lvxhum4ZLirB0S14CRO926q/Wt1+0YnAAU2TiiGgjZ41S/BO5Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811093515","@chakra-ui/utils":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220811093515_1660210558427_0.8448354292936133","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220811160709","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7925e64bd897c70e76f2cdcb61f7dabb4542e8bd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-i7kUfSDrPaZF8rguGzmGuUTafz4yMSgFjwYSEa0cH+dt8lpu9QAExWBggPXItr2R8ELad4oOjo/JNLo2qKKu3Q==","signatures":[{"sig":"MEUCIBMqLwXKtdGsdVn4ig7+fXufam+2Ps/KitqoDH7TXT1nAiEA8RcQL6xpsJ/mzxrwiJqKvBnbcHkPsXbZnNFQDAwhg5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9SljACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlsRAAopUHQ8+FZAusWY5GkDeIhf5Kx87C5fdlhCikjXOIIzZpg14S\r\n1zVqmY2CVnYL3Hfmvoj/TcV10MSpdp4KPHuJNL5gaQ1Ok3Qsqe+L7C01UTnK\r\nv99GTiLmGlcKr4H3zBZAeNtbsa7kU07bt+5ibFEicp+7jNG8Alz0ui3LD5gn\r\n1WRRHu2H3WdpQ56dSxy59pSqlylDPA2xAv72JTbU7a3KgOWgwE4MeqzyKTHs\r\nDntxNon4H4W85Gc67B2zRwCyYYbOrl3j+iRJh2+7LCG76eGaxiUO2JKkiQ0n\r\nc5zgsyW2cbDmtp+mxR+scQy7VeTYyn65oNQPrBtNsb8g4DGBcwwm9CEBg2dz\r\n0GS9Zsn1jl0avqRuCwZ3onoeo7XUM/uQaakSIn7trrsdFOfTRjtcuzzwBPNK\r\n2eDMxlnvHnFtjT0Z5xLAm3LE/KEE9HsjgladBnw+hYK/t/t+3Gx/fXvBIl1F\r\nmCVhcmsluI79eZRLSIar4Sjts4i7SeYlSm6pgrABL3/BgNJ1Cob1WzYUbO8b\r\nxwy8JQiPok72wnsZwx7CoAQUspoWt9cFReFG+LdYtAlcdYVXUQ6Zs/RVe90M\r\n46opiBOGDlH9T/ii1NIttZzVQGGaAn8B0vgRZ/Z8Z8d7z1c2uoklgH/IDDOW\r\ndB8MlDME5NM+XJ+6he5z+vF3mDQUOdUA1rk=\r\n=7NOC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/20861327392f603ce86258a699cc0989/chakra-ui-color-mode-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-i7kUfSDrPaZF8rguGzmGuUTafz4yMSgFjwYSEa0cH+dt8lpu9QAExWBggPXItr2R8ELad4oOjo/JNLo2qKKu3Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811160709","@chakra-ui/utils":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220811160709_1660234083282_0.6556584588825298","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220812060931","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"61658fef59e449fa5f5d4eb73f5510e56f52f828","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-j3mQacnoXLK77QVZ2Y09ZIuHCaC4Drvr5c1Z1q94+IDi8zJid2u/MV9ONceECjzc/yJUbd8ao0iPUf67cYEdzg==","signatures":[{"sig":"MEQCIEOvhA8mr5jzEWqfJauzL8cgidq/OMNVOuMOX539/54/AiAt+Oe5Szhr2YF2ZG9xhvzJ6RmvOlnfSBjwF9CJ1T9GEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr7w/9FJGzaU3wIzoLH5ZLScBHqAMUtJh0FcizwHkvovYw5ftZ0RC3\r\n1ZBSAGQLnZOtpzhr7lTOP7SDOv/4b8aLEJOvbFAKl8MnYnvw5fXYLwx341KV\r\nbiFkUGRKv/APAaG6F0LKUOsxwyJ/mfMLxwPZErMlqa02IQyQLLxczYUSbwK3\r\nOcev4oVZWb4qdgkM5qGX107Ez7cVs6+O7aZQ4ldhWuUtKXLlIscHRnb8J06a\r\nPUeAA86mWQGnw1RYb335tHxeCkub+uv25WgVzokW/TMgtkrEV6wj1NeYzXuF\r\nFUQ8eqCiRxda8ukPTFk/g7ZQp9IP9S2dDKUMTfvn1czz98qYHl9I3hxV3Abh\r\nKm853qjtBKuNJL70AP3AGaEO5bQH96z/YyA/7WLjAGlzp2d4V8y4Cxu8VUOJ\r\nbq1AmmjvKs5SrQbHHchkG/2YD4/4oj5bR2+mAvfR4Mq/VxB26GyS7TWNOMxr\r\n1wMkZBBP78XgSg2LmStACIwIGNS5/QDg2JTjcDjXUuYL7NM2/3GT+xKP9pyH\r\nOxdjFwj08BDaMRaeTY6ywVDfkFCxCEt1bnp3MRrMJ1mdNuWLqCIsOLFOUSrd\r\n4xeQ1Q9NOJiuxBMAAFBXsfTfgwnHe7LDnsXN3LuOnVTMPRB3gz8WsNLCTjT4\r\nIQspbNAlOMK1+FvRd9yrFykGLWYF14I5dto=\r\n=RrN6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/71289f0e6f85e56ef85b78005477fe8a/chakra-ui-color-mode-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-j3mQacnoXLK77QVZ2Y09ZIuHCaC4Drvr5c1Z1q94+IDi8zJid2u/MV9ONceECjzc/yJUbd8ao0iPUf67cYEdzg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220812060931","@chakra-ui/utils":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220812060931_1660284618018_0.8975687500444156","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813051625","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"f3fc1b3a29190df0c072ba59c0be45eab58d24f8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-hWxXDpaG05RHWBs7fr/jalsuf6VmsajoOw+dOr130rmrKE8cFUU7EZxZDvreCg95rrA5D2jtlZ9fbDqRbyKdJA==","signatures":[{"sig":"MEYCIQC1eLNVXRgtm8uV4PafpTPaq6ZtQSjnX9CAMSf6fmMjGQIhAIJ3/nCh8op7Z3Mt8yIRmrYV2e+hGbXerLRA90N5a0g9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5VA/9Eo8r81GXU9/SU03e9gUDOndszfeYenGmNiADB4TOj2Taoy2v\r\nmW4UOtm8yZrvxtDEFyjjEcicFlH2BWd9KWDHi6il7hQf81wtecTOrqr7pQH5\r\nA7f+FJtlnUmI6GosdlhyGKfvzzgTqC+/F35nGLc6UAQfOgAB5+9xRfmFKEOr\r\nqzvGdgpqGoupRhr5nWyYsrMKHUUQmUHQD5NdK+5JBaE7slELb/AVONPmlXI9\r\naE2558BFwCkW3yspBK6hqbsYFEbGSYInRATwcQTHG3rlfP3ucgvfD4hnWvL/\r\nt8Wy2vqzpIb4Hv5YLlrQ61ymDqJo0y8R7NPl1Gkm63LP47bo653csbyjUujT\r\ngjSMnannl86UFOfPkWLtNMt5EklWCRlukqQiWMLJvkc0Zo3f/fmbt9VlQJng\r\n8jfOCEgdjmugiYqzoZArh4cFJMB0vFautyoVfmaePvXmGrW8/Jcf67VGuIZz\r\n+C3flNNZuhMA02VG0azBowD+niiKjjmFB6aSlsb+kxUDr8bZeDm34eZ0nUFr\r\nGTCvkZBHM8hjruQrogrBEh6CI6ADh69PsxbrUFx9HLoycwXFOn8DXF0z31QY\r\nU/UamXGzpursvz3EXyj2wg8yzLB6rchrZFnhc5WpuFAizHPBnu0DbsTsRQf7\r\nvAMUIhBlHr/oiQIKUq7jg1xetIy8Zj3uBIA=\r\n=V8Hb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/5ddcbfa4e1c6841500bf01e23d52d66c/chakra-ui-color-mode-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-hWxXDpaG05RHWBs7fr/jalsuf6VmsajoOw+dOr130rmrKE8cFUU7EZxZDvreCg95rrA5D2jtlZ9fbDqRbyKdJA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813051625","@chakra-ui/utils":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813051625_1660367831118_0.4066101054598703","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813052715","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"60969a8c712fdc6540ef7d7d9ac4cf8588f1d84a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-jPopQDjDdcJzNdWOkHf6mLqVk2qbSxF3yYdgzujxb2QUyiWHPgOIZNLfSiRhn1ewZEACAfrhW596wQezzux2LA==","signatures":[{"sig":"MEQCIGWfdARL2lWcWU5LX7wNpERwipx1iWj0nJZFYpnpN0w8AiAbPii3bnkzTtwffnk64ogInwucn2ZT2PiZ7//2oQ4XuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zZkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpoww/9GkY3QiRA8PvllLMc5Y5bdo2zSbukclKLUO6DHy0dP3mmOM5m\r\nyGhOtKeaQyttCtmurtMtrJgFWvQRzYnAsRLLJPhhDvQRjariOS9KqG+cTsOt\r\nsflwBBkP7PS56HYw5HvTKE4FLmJWK4pccTOJdOeCR6XCBo+l8dm+WL6lmyQV\r\nU+3jQfnW2G0YjDNoRTxVBywD5BF+XUm/l9vL5+ScxaVPrbqKYhZaJcxks7RC\r\nl7hXBHlj9zc7BOvp0AzZyJDGoQMvGEdfV3iYX2yqrQFQcAzFspb+UucXVvXc\r\nsQs4/YaFQFwJEcKIvc7DU+sRoLbUumWwMLhSsyI5Ty975IYbwUDcQu3A7KU2\r\no7fNjLU2q/fC7en/b95np11v+0DaNybAYQP5cOSQZFo7Zh2cAjMobDM4wt0P\r\nahBmVrqFkkRutZhN5TRAiJEXFIXCIPJp4MgbLVMHNgS68mZphMXMIzLLa9gm\r\nH5aVyvDAMa/4op/ZOpbs+fAbVlrKsmMmMFgDvUkWJOsNITKL10BVh71cbX3a\r\nytVbpHpnIGBhrcRDMFdoA34r6PPWnYb8YvR6s5vOk8kXCgBxmHcKyTqjSfLx\r\nkL63qxZxqjVQr/S9yG1kCsRdWacv2p6TBXAtXicOWauaIPqPgl/T8MrouP8x\r\nq1rAkUaiy7Gio9vAOeAaynZnLGnT4aVcHSw=\r\n=Voxt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c9f3f5f70877a7a98c096f433f350293/chakra-ui-color-mode-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-jPopQDjDdcJzNdWOkHf6mLqVk2qbSxF3yYdgzujxb2QUyiWHPgOIZNLfSiRhn1ewZEACAfrhW596wQezzux2LA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813052715","@chakra-ui/utils":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813052715_1660368484086_0.3894610532338043","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813053727","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bfd4d68fe8a917a58f1abb6ff7b6bd1c33f47b88","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-Ud5Rn7caWNfc+2LMTDJ8OyawlUQKlNHmmDBmLIe5vLxwdAEy0tokfKkpvW/8GsUxUtGs7+/twvnKBzRTPoqI/g==","signatures":[{"sig":"MEYCIQCWlfO5eTTHu++pwdmMUUTJji0ZVhbOrGnM8rm2vQtg/wIhAMXAavdXx+tkhmAPBdDCLmvK3zvvTB5zPrwPwEbNO3xD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zjQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHEg//WWK2xOeeQwg58qy8ZF9LwLBwh+vqEcwjcMXpeo7VOY929EHU\r\nn7O/cJNf5+vqjkN3lvlWA8HFgB5x98TuaPcH2wpO5DReqFT4/wvBKhZFb9UW\r\nIS1y2qg2cwN+Otk6lOZGgQBNE6uDnjBOFsRsH6bLm5EoBCc5LKMqIJyoxtwz\r\nBKk5Nh9Ds3ZldYPR0J0HvvT9xBXYhX2Gc40l3at8ZUvfiLIfodgwL4PBlF+d\r\nzznRjdSjN5dF1V+mXhvoniRIfXffifWjId7TPValvxkNY9tQ3cg9sRusULvq\r\n9/4OJAwRLwgdoOhhkWJtM9KhH3o0n/zrLT50CrxmKQ8D6dQREtGDQIqKRDG8\r\n9GiRczSgZapuwX1KSPWH7jV1HKOHKWDw/hVhXGQKZ1EfC764bky4rb62hBKm\r\nN4NqKtyJ2nvSmKzj6Ef+n2uO8ZujK6pvCq0N2/QVUPblBWAVlZAMTw24Frx+\r\nDL1AWgICkoMYuuEQELfVAiDwAoyixXYevqm+h7SWBvpwz9mMnd6MkGJi9PX4\r\nz3pF99+Ez450s6YbXmhbwvy/0wJUmXO13sHUFWlv8K7ho7FfzwWBH2nQ8Cda\r\nXlxQuvVa3hp/A5m/kU0qxwJ/7FU5WROseLT61pomJFpNQgq48MYCdvmUbBeE\r\nX6DpLeQm1ynnfJ7hrM6ncESCkjP9pgpBKHk=\r\n=9Pn8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/526da347d1d91f3737f3af1b324e796c/chakra-ui-color-mode-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-Ud5Rn7caWNfc+2LMTDJ8OyawlUQKlNHmmDBmLIe5vLxwdAEy0tokfKkpvW/8GsUxUtGs7+/twvnKBzRTPoqI/g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813053727","@chakra-ui/utils":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813053727_1660369104270_0.6579981965755559","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813055957","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"03f775474fea1a51497e50ce98c3ae0e54e5df26","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-tO8fdyOdN+IrRzdzGsaIFhzk9311XMIs6enDKqC6TfKtkdaHsuby7b4FKfh8BvoD74vZrkZ35vZ/0Fog0jXjyQ==","signatures":[{"sig":"MEUCICmixBnkfjqT5zuo4hJb8rcrYdqxGIMNS+6ConYHGA/yAiEA2l5hjMWGrsIap4GMikRE0ffKJs+DF1PAhpEjUlTsAqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Qg//cpsttLkgfYAN1cv+9O6kIuB+Psj2upSZ3tIfu0Ih9d6ybh5K\r\n9cN+YnZgeR6DVYYCBF5RTyjofvRkfZ7m7oJukb0dRuEzpEaavq1KtTkPI03u\r\n6ZJ+wSdNHtwer3H/EJRD/6s6q1gffty4+QUB0oBDrJE2Iv+aIoxQxTel7OHa\r\nXtdl5cqAUP/Wv7+FrAo2wUHT30tAgT5LDtd0nyYcAJOgpgWea13xWnztePlJ\r\nrh+XvRF15ewgFsmVCBrit+kih3CTGxJJ80err9fgZ9m9P78d/LUM93NSKhQ4\r\n9uwDWSoHirOvtnNtU+23JJhKsUjYa0ccZbDaZItGLvuSkGgUKYjNimZ9Wokp\r\n3XNhGGxj+PiX4nsTOEorMfE9a1UdySRXl5+9ke4zxcthshQ63e/mr8MK9+YH\r\nRImIETrEpF49v27Xbi7wmpetpZ3BolmpCrXyHt0X0AnEvhARTvex+Pqt0Y4x\r\nfeGISvlkenLgSLRBNahbC3MYgiRaHhV0zS8Ml1veWCTyiIHa9NClsDHVGW9d\r\nPl1FertcrY8rEdZI8eunbpaCfCG4I2rQzUbiZYXD7y78B0F5wIckTiVlw5Wm\r\nXVVrQYzv88ZRiyuy/1Dr2t8gBfEXno5KjZ148F98od2niJRWnUZ2diOpiXSV\r\nvfQ0i35e5pkLFPRnMiU9Hs5nG89VV8RBQ1c=\r\n=cCbH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/33927676cad8a3528cf43fe8f660ed80/chakra-ui-color-mode-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-tO8fdyOdN+IrRzdzGsaIFhzk9311XMIs6enDKqC6TfKtkdaHsuby7b4FKfh8BvoD74vZrkZ35vZ/0Fog0jXjyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813055957","@chakra-ui/utils":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813055957_1660370447736_0.4328231168221852","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813063717","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9a63bef6f5e8d731858b6184ab9de139cb557a66","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-zskt41HusDinFVUncBl2A/V5SVYQFZdLB3IzPb5iG/a56KM5OpS/vRoAqOxxbOectifScv8ZGFWjHHNLoYFMfA==","signatures":[{"sig":"MEUCIQC+cTW/wXYYgo/y9Mg6u/zqGnjoFFTkG0kjIQvBi6yxYwIgPpOBfheAHpo29cYn0D8kaEoVDjkHIJVHkYd2irLILPA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90bKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMvBAAi39DsXaUF7npsenDWXQqFnOMIakUtVhvcTyzkriCcTqJsSYh\r\nYBTW8/lEMkketCqY3xJNAaQrUzR0GgGnz34qKVO8WCb41NypLeqqidxLs1dZ\r\n6+UxNTEaLqBOE9MG7AqFcIhOILXLtIJu3CCE7UgJyYSq0QUGOBoEl5TO6TPY\r\nGEDF0WSMGuhcws68tjXF2h7iEmEHO1qP6/qqgieDazchcqeHwrT2wqsIyPjV\r\n/g4vhk7fURWPFDSLApiszXmyKcShBprz0dt9PUxNk5MzYXWiYfkfWjgeoWK3\r\nLMXItaBpbnnDiY2ewacoodke42CzT7EEB/+90Y3JKk1NSSdh96hBl2HeJSqJ\r\nFidLtQ/M39XypHzCi/umtY627tduaZoQun7EhvJKXtszLtta3Qdq2Axa44yS\r\nU/RU2JTwCyPR5vQ8rD9vSIhhJyb6QFR7x+Rkd5XLi3DXsY+M4undzfoKib2I\r\nvf4QtHmXmSGahxzYBf4q6Lm2UNZqvByEar1XuVyb6np/1H2sS+wiSFItXByV\r\nDkqVvLDBMJwljr/Jdjwkp6P9EHzaaX95OyW42L2k2aUiZAljYqPHLRePRGMd\r\nsGfMQGttydlvXqG/jAMF9ZsMLS2CAePJsueBXtnVZ8FiOhIJWXriU9bx53qM\r\nU41OeygtPc0241R+eioI1FPLF0z/8YOguaY=\r\n=MHXE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/1c2dc515fb8f6035d2829952af8e6c89/chakra-ui-color-mode-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-zskt41HusDinFVUncBl2A/V5SVYQFZdLB3IzPb5iG/a56KM5OpS/vRoAqOxxbOectifScv8ZGFWjHHNLoYFMfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813063717","@chakra-ui/utils":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813063717_1660372682656_0.3988774837826199","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813070741","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7a9975263890735a86a269309379699a527761b3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-H6wEr1KsTvwX1CstrvxO8g1unkVBQb8SLYx97cJLqm+EESoP6egYaRwDUtk7TURFWShHX/u0QBDaRqm970XjRQ==","signatures":[{"sig":"MEUCIHnVsJGJJ1NwFJ4vNBvZNgbhIYAX8Aj32cvUYoed3VjXAiEA7Lf61gCPfBZEYU250uJdDHA4Zwb6QS0/wxbeYOpZz4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi903sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPOA/9EkJWG+DCeXR5igXhV/SR6M9X6PZy6aaUSefynXq9h2lgpfNS\r\nJxudQGMrRvgiGzdDzuj++/iSTl1aivxJv3BDXhZNeHkrw0K7LMZwG4K2ls4Q\r\nCDwvsM9rBXT8iJsl2+2ahgOTfF9SIgho1GKqa49q/mi2H4XgdcPg4nfMj7Kt\r\nS8mZ1/veU0cI5QYkpZi0Wdd33yyBzyXCePwTbe6FTnRAfq5ikFJ0OJf+WQ69\r\nxFKVzmnyM2r3X3aLAxC/RL+Hre4B4g6zmRaaWQtC34csFuiTwUaISacFoWIT\r\nfwGW98IcpiPrevQGjShK+d5pV5hEi/6l2QWOgBwinFK3hPy0nCx0FBjfoMNL\r\nap+8aEnjG4fBXKVsVvVusUP1p+6hDubIIzpZPhvvTmdcMrSaEPQHGcCTSfua\r\n1QUwx3DSpx4Q8IRNu64+cPbIVdLTnjd+7MjbAePBOtggp/4QJvxepJtk+9/4\r\n+vVP/AmJV6EYwbIEZ8TpJUke94a4Unqd32kS37sU85rjX/ENTWuVDy8shRmA\r\nJd7EolsVclIHlnJfWu7IuXGbOL0oIc+GcrFrMXBVhu3gKd8nn1cpO15+/j5x\r\nSFamzBs+adCgFBtn3H+bDAnESFo46Y9sYH6OK2syyW9kc5oiUhIhqpJp3Oiq\r\nlnCvTG3XR2EaAVa7lR9oCN73CiQ9co5FfQQ=\r\n=BSCu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/da0455b96bcf590a16e3152653a6d7c3/chakra-ui-color-mode-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-H6wEr1KsTvwX1CstrvxO8g1unkVBQb8SLYx97cJLqm+EESoP6egYaRwDUtk7TURFWShHX/u0QBDaRqm970XjRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813070741","@chakra-ui/utils":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813070741_1660374508235_0.42013814432361185","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220813083358","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e1ebe19979db36df4671dd5d209eedf693917eb3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-ZXlvze7XJlIlC0Zvw5B9vfj+vbYrP7foKer0Oa3Au5b0yDHc2Mlvg+FDt9iMmJmfANHcJ6G2a50drQodIBWOWA==","signatures":[{"sig":"MEUCIH3U38+5FQSN43wfEy+vaoovvY4z6KIbG6BznRzi1fquAiEAlgm80/5kFAk87xwsWxmBNnqX8h7WI9ZH3cvpGGb6REo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92IlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKbA//ZMlPCUEvAwiDO7Hsg+L3wFuUUHPr0NHwSKBKHBtrpfdcS/oD\r\nOOmlbexxTz8yYA1x+CvXavaxK/YqDoBURVkVgoisjL1XC9TRhOY5V6ijoya0\r\n5AvflOPNxElGaT6+lBYYKdKOFFd7UeX0pdVhK0NrpObkZQxR9FTjT4mNOTNG\r\nLyfl3mFs7ZCmU80iZfDWHELxo4B+CDx0dKu23hNOuBxkhD7M423lGX9x30Sa\r\nKK4QvlCVL8tuQNwOG8PPkPqGESEfhshNVqyx55dYKtWYPmzspKHx6UBkpfGr\r\nNJzoVY2z1iaDZwhJTPFuoSrlJPenB95Quhbg+2okjQZShBjHk31rvVII2nFg\r\nY+gSkYZRSN1B51Njot1eS1wKEBFTAAbi+mD04BRwymoOYsMCawVVyIt0T7HZ\r\nG525yCk2/zCiQ5cmuaSYGPBzZIqdy39IfPwaYl8p2gv1Ey7SdxkdBs+ym/ux\r\njvwe5eBgPzS/zN6B6X7nXmkwdi/nIfJ/d6yHZ5g9RZ7ayqtKld9VO+1gbDqa\r\nrdRK50zIb9tQPXLqXGKNCxbq1FU+SulshSK/a49PuxWRyMLbnZsnVqYXZa7I\r\nl/ZwHkVGMWoaSkRMmF13kFcSvAdXhIQ++Z07z5XyXCwSoBkjv7cOYtRcs3Y2\r\nWCV/UJk/zX5/je+j4zZwd22evffXyzkS2oc=\r\n=jgMP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/7722d4ef13a10a26b344ebce9c7bb568/chakra-ui-color-mode-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-ZXlvze7XJlIlC0Zvw5B9vfj+vbYrP7foKer0Oa3Au5b0yDHc2Mlvg+FDt9iMmJmfANHcJ6G2a50drQodIBWOWA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813083358","@chakra-ui/utils":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220813083358_1660379685682_0.6602875513114859","host":"s3://npm-registry-packages"}},"2.1.5":{"name":"@chakra-ui/color-mode","version":"2.1.5","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"5f71831a7e21084aff623373f1c4bce988d98cdf","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.5.tgz","fileCount":3,"integrity":"sha512-mUyjrIav+gFk05URSH5r2ep6PktWr+rEgeAt69AdeB4jJZXhzKlKh7Rd6d3A6E18hZ+watXCmV9TIPlIM/OdYg==","signatures":[{"sig":"MEYCIQDr8subHXMpavPwvNPjTcCkU3XjrUqEWh47r9riavy6AQIhAKa+hZqnl3UKptyv6Ql6x011WycseWsIDrwbphL2LRro","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94HOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0TQ//d8xg3iHjZy4fhMmtAWIQ3YeYKIEjTOhwJKOdnTU3WgI+duZW\r\nGLg/bYymJWtJA+u8+/IORjljQqb/s5+IVvPtJopmhw3cr+Z8wBm/JgHDIDUe\r\ntLC2RWjgv0DSyrwZwi7sjmgjIZA4j7qi4CMZCx4z91duBcgGuALGCYMsJ/Rf\r\nxW+Vx6k3Tykv72vsaDF8jJ9D0OnMMFPZy2lO0Yt1VVQB9lCoYJ+btCkvsKH8\r\nuAC/RNe/NQWylYPnPksJJrxym9+pZbT2/WgpYZRtvtaVchnstXAQi1FrYpXC\r\nhbDBW+EltTemET9S6xFGhg3ESQXfrK9IRTN6vONdKAd01nLDydQ7ArI9qpSQ\r\nLvMBFi5rXaBeuterH6pRj6ZjlFhgG9HxgcZWiPUdfDN81k5tr5yNCbKxSlf/\r\nvqfrNS8T/f2abIm9W9Al/1/CUXnwlTwIUifnZ6Gd7ydGN+D8o4wdCQPp3R+g\r\nhOCyVTQ08mRa2xh3hRMJvRl0H+SuhV8h/r2S6YFShAc6+kjeEUF9OmwowYpm\r\nJXrZWNe447zXqrKnE/27mqWwO+BseAzZW82TCav8I94/6HwWaBgyDzeZAsTs\r\n+NWPBR7RomRHUqq/MawrQ65j9WFH3tBZo4xD4Y4SflkQ30fTR2cL9c+FrUmk\r\nk/stAvrzReq6sT6S1Yey+XtcP0Ns4d2SwR0=\r\n=wY4l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.5.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/1f5bad50a53182957f2ad3e55074254d/chakra-ui-color-mode-2.1.5.tgz","_integrity":"sha512-mUyjrIav+gFk05URSH5r2ep6PktWr+rEgeAt69AdeB4jJZXhzKlKh7Rd6d3A6E18hZ+watXCmV9TIPlIM/OdYg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.7","@chakra-ui/utils":"2.0.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.5_1660387790070_0.2846867132345725","host":"s3://npm-registry-packages"}},"2.1.6":{"name":"@chakra-ui/color-mode","version":"2.1.6","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9ea02ecbfbcb9f6a1a3d4c657d491f093615b951","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.6.tgz","fileCount":6,"integrity":"sha512-YtVoyYAe6kxoNDwB5Sv03Tz0dCIlo1JM57VfhKZTPxXmp3/FFvFe38+N5piNimuAl/xIDp6doFArnco3Bb7qFw==","signatures":[{"sig":"MEUCIQDgqua1D4WSGj85h2m4z33BJWBIwIscSu83IQVtdDZPFQIgVmNrP7xKjrMChtLEoRjXrJEBTEKv6dxsFXywf170czc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+J/9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpeZRAAlzX/tx2gjVPiypwy0PDP0QPccdqMzrEaD9mmQcUNuySx7mQ9\r\nNpVIlUvLrPe5RiInuya5w+MmP1DDA/C1MP02iHlfqQgnd0edTmsofv8PWHQ3\r\nKzwlKRLRzUULH8Jy6Bzmkxky9iMDGHxnWJUUkKL7zc7HMd1vxbl/X0Ynq7pD\r\nV1Jmqt2a5SlrXuwhmW4nQZS2KU8oC58cXMXa4zSgP7LrY0ZytdPgOb6iqCIY\r\nuy/1wWcNrMqxaamLvwSlP/AH7SI1xdF+aREuASoSgk0EYAPi4fG7x28CjZif\r\nZBm2NaDm9+5Ng7YbU0u5X18/0aEBSc55NPSwujOFnZ25TkaL+a3ioBH5wuqh\r\nb3AO74PzJH5Gs/0dmu9fsd74EiuuZkptOhcoHABJLHodEjSU5JOyPfkGGxUB\r\nXyzoENF34+h2z0bWw9RHhRuz9OiCumysylBSYXb921Z2X8kgV5rdYf239ZA+\r\nYO75FD/pmF7i6FnNPG1NEKKi3EvHFVFI33tX2OqQtIjdPhJrGVu8wy+jb9Ru\r\nWiBnBLS+ywI6vTE2TUnkRwjTHb6b4L9zcIjpPkQDXd9pJ9kyBTw11v74xDdi\r\n5vXqZXTHGHcrqKnL+epnWKdJcs9k/zyhKK1WPOVS7rWFklT5kpV+WOiWIcOc\r\n/KlmsM2RBW6gfje8fVJUfWJC8Dxuz3hZpF8=\r\n=yCRH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.6.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/cfdb2b1c8ac9c7bbf823bdb3fb8d7e69/chakra-ui-color-mode-2.1.6.tgz","_integrity":"sha512-YtVoyYAe6kxoNDwB5Sv03Tz0dCIlo1JM57VfhKZTPxXmp3/FFvFe38+N5piNimuAl/xIDp6doFArnco3Bb7qFw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.6_1660461053378_0.3389756228965113","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220819115812","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1f9797859e9a5876fa1bcfb77a8eb782e15b5f4e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-i2H7vX2oYN32tQ7EFVBZ83KUo26wf4XdV6Wyqow6/idkXKvS37kxGKfCQoWMiuEZ+VEKnNYOQrAbktGMBpT9aw==","signatures":[{"sig":"MEUCIQDt8GyFQ/QXDWy4BjsOaSfkPmVcslf5yv3Ah/EtB+hw2QIgH5p42B4fvzVf/SiI+yBUKDYSKsmPK2UBU8ClhSBPA+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMqg/8C/NsS54cz04Vi+cl7mtTu2gt5QBzQH9SLJ0q10lo9APUkTPF\r\nYqDIghEx+XY6oOEkwfIha+yMg5gd/Ce5h4t2YWEzX1oPublarQOubRKbQ9T0\r\nviqKgWjScT2lpmyXLswHTjCRKQYgdfA7c/FGND6zktoCXMAagS7mfwiJuuUn\r\nSxivaL6ehXJumhQ6GtoOoYxMpwxbSDwrwM9iPpjkPJWj1JB8Us/2s+B/eadB\r\naTNwZoB4UzQYOtM/4KB2krp6SI6tu4jzsyQUTgOkn6O7cChvZA0MdMhnPOx7\r\nILfpbqwGkNxtIuuJL6o4XrgdCxGo7Vc+X4XGqTw8uld05LEbiqen8UFY0i/y\r\nKnK4z0hftigg2motZwxMSK0kgNo5TP1DK2CI1Zo9xki3+uAkI9I9Fh+PqyY5\r\n2ZB1Cg5rRcLCo2Un4T6nPdCRKbJVtYF3cdGMHNsFlkMQxLNRZXsB2Ys2onVK\r\nn0QlIao5sXyd9YWYk2z3DcjnOvqzQ4ETzrMUPA0ynUMum26nQfEAoX6m9Xkh\r\nPsogWoldcHQ2vBpZ0asRs0VudrLXYZiWfZTaRASwkTRCGSbjWDAbQoEo2+f1\r\ncYYBR38b/xnFZggE/fmBlv9BbJByWC0SVIlMCE6vrkoO7NBbkWwLkbJOhNb1\r\n2NpxACQEHBb0l22Se8uHUuDHTWG0+0KAZ9A=\r\n=OiTu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3463b2bd863b9aa81c220340a881aba2/chakra-ui-color-mode-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-i2H7vX2oYN32tQ7EFVBZ83KUo26wf4XdV6Wyqow6/idkXKvS37kxGKfCQoWMiuEZ+VEKnNYOQrAbktGMBpT9aw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220819115812"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220819115812_1660910340318_0.4289020954691507","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220819125800","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9dc8df17199e630733a0d08b9546fff174c241e0","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-Fz1rM4U2Sd6v/o6F+hfgcSQeCD1zN/Y7u/9fekePSLkUhWAPo7hjmpu1X/HE+S0qsimmI720lCj6Ais3pm8Mvw==","signatures":[{"sig":"MEUCIGsgyyW4a5OXbvBMdlysEn+yXDwUYrh+iBbtmB5rUWRpAiEAyB04Tpo1URWyMqgRKsgibmAJzJUVpvJw6EvBuLMaNW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqymQ/8C15LUolz7uzLgKsey0TuV5g4GpLpYO6Fk0Fnp9xSdL0jey2D\r\nGMCGQjSWmMjysKMplQAfrNyxClP7CW2zJnOkMk3lUm9jcePDW0fONx7bI+uy\r\n5sE1wALIDQdlPEUueF12U1g8r1iaQSHMtF62gDOMZaVOnGiaFQbM5I7S6h7E\r\nApOHysUDSi7k9iIwVSbsO1k3abUAKapmq56WFVtoY4StQGByG43UfL2FbJGN\r\ni0/+1KOM6mQ7c5Km2I4+qQZY23Nf58/oqibO2NFNbpPn6taWJghuEgmbSrpe\r\nYgVrsNDdEmRlfVCraDYTLpjpU0CxN64jogQm+4Tu2HNnSXpfvxl28N6MBiL5\r\ndF5i0XLFPNnunZ3+zz9hw8zbE7edlUM/473j/nQvGMZO5bQO1Jcxn4WvOguv\r\nv4jTND9p4O98oQKVdxsi9ZpHBAgPfcs3ekXnV+lqduwRBRUBhNFjqhFXxmYD\r\nfYC74ggRFgAxMQHhhIX6KVHZ//1lntWNTfclgNZZVe1gN7T3REQA3UjkGVbF\r\nvyz7/hRqlHb5rPEi6duDNIvTLcluKiqq8REEN+NjprvlweO8wGGsNO1XP0/5\r\nMbKhZ4kxLf9uYc/Imzh6LyPYz71i2MmaBbKPYJodOVxt9dLi5zKJl2rPGhHh\r\nZJZFS6+DslSi9sRMEuYu8pT6sLlLk835zus=\r\n=OSK/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/38912515a4be092b742a8120212f655a/chakra-ui-color-mode-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-Fz1rM4U2Sd6v/o6F+hfgcSQeCD1zN/Y7u/9fekePSLkUhWAPo7hjmpu1X/HE+S0qsimmI720lCj6Ais3pm8Mvw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220819125800"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220819125800_1660913933493_0.6031077723858045","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220819132034","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1c6fc5b85d5774bc10c8cc912f49c2e1743245b8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-2OiIwbPCa3WlXfed96v3vjbGfA5cshkHJ41/uaPFdrFYosx8nhv52tNBAPCzFh1Jh0sXLo5nWxT6Z7ldNSIlRQ==","signatures":[{"sig":"MEUCIQCVvMDlyolSDzqdk37D9ytXPQdfERF2mUZzjwSGZEk9CAIgLFTXBNnaoXohmV5QhZJVpM3V1VgrRFCIOwNwlTb8ZMY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJfA/8D0fd79KCexX6UOeSWeSqSeNNl8oM2lSvPRXr52e0xQLuFiYP\r\niPj/8suFNZUKRZCzPxWrLkmHaimfd4k8oh2QeeDFuYUfGu6ToDzJ/h9ABPXA\r\nwt6EfXeaSKmq33pPPGTk4DIujkT90Dg/FfeGo/+fMEW6vIXT2hUTP0o8MTai\r\nfQimSipE4zM+aSw+wGKyLJUeAbZc0WWCUSftI2NU7kUK4k5Af0lEJsBg6O4k\r\nKsF+ntm1sPLiG5uHREH+weQtWEKMaiiyQvsUSH8W6ut+reC1UhCXjtBxJMe1\r\numPy4UeLQ27mH/OcIt99kebJrMyX0Bezoxkgn+ZJtHjVuURVCxLU+UZyPeF+\r\n2NkZJOCfTPmjektpvEiznpIu1IWeufBYpOJpJeWCeAAG+B17LMA6bTbohPHI\r\n5/e5rBuYGmcP7RLJNMlJ7IFFasPbENO/An0uf2IW/kaefKcm6yraqfPrVlCI\r\nOCZp3whdFbD6+yXXZANA4KBrlCSPPmhxE+Gb2cWwmVOH538IJrE+38ObzUNi\r\nMVL4bawXkfhbmdiT1ncn9EklmSQPng0TM+JX7wkxzBg17DUTexcAVNEWkvMr\r\nIBXmyV0AWypmUR87X8oQk3dkuODio39HrXxQTay16HSjLH+eT9ZKwz8h3Uvd\r\nlB4KYerq0VTdCkqjX7y+5ER0N5sL4sbXdAo=\r\n=kRe2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/f1197a4e36c148b3253e8ccf6199a11c/chakra-ui-color-mode-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-2OiIwbPCa3WlXfed96v3vjbGfA5cshkHJ41/uaPFdrFYosx8nhv52tNBAPCzFh1Jh0sXLo5nWxT6Z7ldNSIlRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220819132034"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220819132034_1660915274965_0.48003176555528415","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220819142048","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8fbc80dd9b10369388cd885d69cf86d46fa03793","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-w0hTcQe64NFmkLGGAlRcjw54uDzJkRrtjkJVtMA4Sl8ZvxgKmMYbrLt4nXx2GU2ujpVVAr6Wfn2UnwfCMj/JAg==","signatures":[{"sig":"MEUCIQC1ntwSfGn3NocI1F1qsHtNnWehKHnAYtOp7Kp6dQ1UXQIgN4U/qRiizDmN5L2wh3fWQajaZDI/MxTG2nASOkL9CHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5xpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoN+g/7BLX9GZ7UiXZjC8P52P0PFO34Mawr/kS6bJTAMW0ZocRg5e40\r\n5AqoUHNudFLTy8jF35YUtmKWt+7tG53ZBN1Tggznux/zEXP3MBsSGTEqW+zH\r\nO6vnOY6TfA+PHeiCUTIwW5tI1+uH0TSiyXhP0F0hCDAevlyFyaDv322HC3FR\r\n6rwGN6uUGIDZz18tEYdEY+l2eI2OYgR4lNSfTqrO52heBS8mnsIYSp/N4d8q\r\n2K8lfn46jfyP9Azuj3PnotTLU2sQPivDkRA+VrFckg7IAYQtLxN+tRyiTwuU\r\nKgnh4IwPj4RcJtWfwhA/SfVO2VjtZ1kpcE7wqEhJaWCZSXUgkzsUiJ5rRKdA\r\nz6G/c6FIE4O9i6wiCYtA0lLdcHZWuZrcjsf5lsc4aAOPZqcYHJhc1rIBMNvT\r\ndpYjZHo1nSIl9ABCiXPi2ANohDzst4K6tc0sY5NS9mcnoOzlUeRefYpLhYI6\r\nq5GapRmSFbgfBXF7ifz7uqrmpGU/QqK6uzmvZQD9/HVlSaIFmPKL6dVtTlRE\r\n9lWxUmLlHjvOEsTBD5sqYbjlZMPzirjRSpw49Y2rZhaV3K8Qx8lBYya3WF+A\r\n2Eb2cBhsfC2nt0+g2Dxu6271qrJX60Ka2R8KGDrz6fWkSn7MXx/yelSbPdfg\r\n5ujjJ2DEPpOHnmvxtm8bf9JzPSYE1waV1Wg=\r\n=1rbi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/9ab6f25d9f7e88d1bd602650268a78be/chakra-ui-color-mode-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-w0hTcQe64NFmkLGGAlRcjw54uDzJkRrtjkJVtMA4Sl8ZvxgKmMYbrLt4nXx2GU2ujpVVAr6Wfn2UnwfCMj/JAg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220819142048"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220819142048_1660918889629_0.9971005097472634","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220819143632","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"579d7680930be680084ab14b540d369994f9ddcb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-aw5NIjz2xw3FmleqlTTnSWYjuwezZdnuIYc5N7nwrpwqvnsmr9g4AzqeHhV5Y4QVrlXRAbCHD1nOZAu3bt+d9Q==","signatures":[{"sig":"MEUCIBHnXiEGkcRAzdezim+Z960xBzkYguctXV1TgVcy55yfAiEAuphphn6OnHGnCNk3iYGMLb8RvXqPoWYZz1gktIDOSCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6AgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKpA/+O0eswoLxPEdl7h8xg+qFLvgpuNXHwY7Bw8de5pyTdcYd9dNF\r\nguU6dGzDsnocCDOUlCnj9YbSAOj4vyBaL2l6liXuvcwhdVKbTXyd/80NsJTM\r\nHSeUw7C7jmSykbUB/Lf3ibpQRFT6TEHtQuj0lBmFXizqD1GDcMLE6X7R1vJ7\r\nICJefGtJahoXF0vOEva+nbcIdFxo9EM3NEeMOS2t3X4HSgRs+In0hpjxbeR6\r\n21BDE+qZuyCfcRPpssU2fYi1f8ilCy8eRcoDlufE0Rpxsdjw2V6w3gezaiYu\r\n49c9QtSDVDlIMwSE5czhL0JK3k14I+Vg49rzms8Hg9ZOnndGi8/JcS/ZISEP\r\n4jLG/RJ1DYJUZgg/V12PLekm/8yyPPIPtbg0O7N11sB5ozIPYyG0QMxaZa7M\r\nzaJ81Kw5jHsH7920Sghsq0v+PrwpF9n5ef18zzKPIiwtVwdDlUsRYr0GE9E2\r\n2U0B+3v4trbqRHKA1tGOwYjDmFSE1u1FrCt41lCn9LHHD7y63hsgQZBsWrK3\r\nwGWupy5qEtOAbUTPWLATRICRP7MfSZcA8x7iYVzzzjW3Gp0I9j5bClQMSUHy\r\nUmDYxUofWk3jZVsWfnSmAVeNFYG95WQRyah/7le9jXuSta1U7vLj7AWoouqi\r\n2Gl1mUX8ScWO9HIOVanUBp+UNE3aZ0VyTtc=\r\n=yxbJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3f477ff7816477ac3c7306a40ea92b6a/chakra-ui-color-mode-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-aw5NIjz2xw3FmleqlTTnSWYjuwezZdnuIYc5N7nwrpwqvnsmr9g4AzqeHhV5Y4QVrlXRAbCHD1nOZAu3bt+d9Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220819143632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220819143632_1660919840121_0.14397153864711787","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220819191103","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c7a1987cc26b6222f9a35b0e4b137fc842ef12df","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-R5NRAKtvMV+IeHEw9+owPTneGa8ZUYtaX5Cyq/enNwYaE2nOVcmZan+zSjaRZGk1XaaLe837HmB9Z5eQiwn2gg==","signatures":[{"sig":"MEUCIFik9hGvnGeVOjivanqWoNeJZKgSXuOV62k1UQzG5bOAAiEAs8t6jTJ2lvUjCfII/PCNE9jOjpM6vh+D8i1zV8b/Qxs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+B3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcBxAAgx1gy3NQgB42NGgnmJUkEIE/nxr6KdbWFXdLDkc+Fd+idNnY\r\nctQj3nkvYxjOgvly5WIVRYL76QrWUIB50Y4BAlfWyiDOzMkydfZiQdhgKUGC\r\nQ3mtJwpmrr8/Q23eF2qrimfUpvwR6vtsxeQ4Qg+nhdct6567Slcy2qR/k7b1\r\noqR8rGL/t/fyHXYLob2Kfw/qJnBWOJe7oWz4I2wZDcuHAuQvj2t7/ILFxMID\r\nvDQcsmPFJxjKjrAum2ow63FmX8wlOWCbSosITU439RGNRS+wgRwbGrVQeXiB\r\ntkLtBgJdbeyy9FXZYFWdvUtq9ussvJaPjIE1d33yk6/UA320VvgRHzgZcTpz\r\nfVz756uhzVBgxIIsXMG79/7Ku/PQ5aojuNDnfaO9I0j6meaRleSxv00KerUU\r\n9/iAN7CrrVQOD5lNGNlVUT9EGlJXGiCoCwhfw4+3JsLyBeb6nL7y1iXR574S\r\nPbr6Dh667jWRJeey7huvZpr4yHsqtegfeS5A4yCvPbIKa11nTklHnL+2/LkQ\r\nkWQ/PADmguNELkYbfNlOGwBmMQVYzSNfnWY3Va6xDFEBrTZDOXLIvIe4jWfl\r\nJGAPJdspG9wDoPK78oLFgzkYahf3mBd+HB8H3yUgjzU4l0VfQly03SyfMwat\r\nE4Oluq8LWI0cP36hHiuhWnYhj20YzEMd7Y0=\r\n=FkCq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/6bb3cb640fa4c7236504e12ee4d397e1/chakra-ui-color-mode-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-R5NRAKtvMV+IeHEw9+owPTneGa8ZUYtaX5Cyq/enNwYaE2nOVcmZan+zSjaRZGk1XaaLe837HmB9Z5eQiwn2gg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220819191103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220819191103_1660936311241_0.1503960529065531","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820120308","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a2511327632cb98ac02b1edc99e1155146ec8f61","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-y+e3cp5j7PGaRY3d1ijpYN7PRNPv3xTJUMtoTgtnyBWER68YDdzNMrKQI4ZyW9QSVql6V+1LNIZx7io1icJHPA==","signatures":[{"sig":"MEQCIBPOKZpBf4jvm0ll2RxM8vyplvguncYfuaDWTqpowc/XAiAtFV9zYJLdfMYmi9a5GCt4kuv/cqv3qGN1mbpYQ7lg7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM2lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZsBAAh5ZhZipmL4tBb7tSLUJpYdxgN4H/UL/RJWfzrZeZ3dS/FTxQ\r\nzpwvJ852FdiAp77ppP+LD0vBjAzLoknPhlVmqphTuxyKFRJMwjzuO6P8pHZm\r\n+ZP+UDy0qqXI+iZrOXMgGEDScnu1dQ45DnSFMofPR6ACDhS4bST93urG0euN\r\nQq4LVnzUP9zgR1NTQDhB6F2jeQAl49fsEVNr8EI/cYJMfVsbxcvQp8SweLUJ\r\nn7l81iGFP5ZK0n7jLCS9McM4HT8zOvoycuLdAU4kwnaJFaqkt/ykzhk4dJbL\r\nX84knx/yHrjQps90dsIo1Pngj17HH+CizCttxN080ieS8ja0Vs32zVyKm68L\r\ny2zkKKA9O/DbcQAUhsRiw/Bbu+1aLwAL80EcwYP6CQlw43R0/DIK8lxtSy49\r\n+tLaoi9Zis1dyZfl3WTYylpkKeH5/hOYWwjIAXbkRTjoevLHgovHhi2Li4IY\r\nmc7lq7AFSTODPlu3UuU5IHTguJyhnCLRCpSJjQppSjmwMUE9ni4Sd/wXlovv\r\nLN/XmlIbhR/HWm+IXqCGsFM2XDgTWedKW2+KjLOSZfcKzvE4sUKpbK1yp1pX\r\nItHomat6sZkEUpTkNkqNAG107AByV7Jve1wm9pzlgKafOOWTIlZ+n1ytSCVP\r\nOHcy1Xl+RvsOdzDl8+l8uTCkJmZCXRaLOpw=\r\n=+kDx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/013f410334a3ec0981d1cc632ab14f94/chakra-ui-color-mode-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-y+e3cp5j7PGaRY3d1ijpYN7PRNPv3xTJUMtoTgtnyBWER68YDdzNMrKQI4ZyW9QSVql6V+1LNIZx7io1icJHPA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820120308"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.8"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820120308_1660997029254_0.6320372104138927","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820124231","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a284201fdcbcb9184777ac6d20ef22ba39592f45","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-E3ppbgi/7VnNprajnjKEl0hu0+MZO01w9OV+wG/NDavj8LQns3uggvMJSLJHqYZxkZVeMmt6vGNaO8N2NmvX9w==","signatures":[{"sig":"MEUCIAFcTMYf/an3rLjuQvur7uyHS941jtuMG8KnCipKgz7XAiEA9qdByVyho/HctJqzfOspCoB4GKIO+E3jVZ94bCk3FkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANb5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp5A/+OsSQQH7T+oUehwzR2hm3tM+cI7fmOUQfZjk3+oU+z7CNmIE/\r\nsaO9NiS0swmJdROruCVBN+B8n1e7GLZwbEDEG1O+Rmy8t0KrzykaKzxt7iFc\r\nax+zipAoRIUhk1lrAw8jn4NaKTMgAh2QUUiVdgYmmQbd5sI7sMuoUaG9pRWz\r\nb7tHMVDuGpV4DIJJ8PlXvKqwwll5E1Q6uNMAgZ+q0c+wzI6pX1FzoYjoT83K\r\nflnaOHPVFdr9Zzpws1Vw8+mhyZAK+Vpf1CCxi7ptrejfaYRwoGI9h6YJWu/w\r\nY+Ejv+hZe+jp8NJeNb56JAyjY640lNMMR4oKCWT/qSEXYuvn1AHkZSR0Qj0U\r\nXlAKEqAmMQ4cFEadUzW/4VG3GvfefR3yWpOgdDi4GBlEvedeUPoTC8Qly2Mf\r\n2PbwyvE6gDoI0iHykx0GHK1VrVH5OQ7FvbpiBONtV++02rgxhb7m64RJsxnI\r\nIArzxwEZ+VZir+1L4jmugYUdNK2qbEY/zjVAEMXu5/DU1kbCI1gIC5GlP3P7\r\nk4kLc84xsWBf3Fio9sPOpd6Xo1oP4nW6Jt6LjQ9k7efZ3a9QvsjVWX5gDS5O\r\nbJMkfuAORfjzCIsVzNnWaj8iDmR3SCJpVRIDhp3Du4l5nx/9zffBe7jkwEBv\r\ndJq6+FGvy3Gm60McQNNEF+vhjNMlS8c4Y5Y=\r\n=f2hA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/10c933ebd25382658a9b1d32c47d3792/chakra-ui-color-mode-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-E3ppbgi/7VnNprajnjKEl0hu0+MZO01w9OV+wG/NDavj8LQns3uggvMJSLJHqYZxkZVeMmt6vGNaO8N2NmvX9w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820124231"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820124231_1660999416828_0.1585480089485658","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820152257","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a73002ee622842d6696cc4d3c20a07fbbec004e2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-3kI4525LkA/nPl7jsnP8GyN1rj3jT+xp4oJEXDzLLEWQR+EmR0oBOfpQ5ICclghu5Dx1srQm+xVTxfiEekxERQ==","signatures":[{"sig":"MEQCIEnXMXebyW3clqEf1fX6Z53l+yGmnU/1CioXmCrxsFG0AiAorHrFRIfvwbsh/NyJzTF2YT3gQfBQjAbuuCzMxG7ikA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpm3w/+Jucy2jqYnQNgd4JRkgXyfHp0a7UrZvj+XhySrItn5QkhTxsX\r\nD1AADu4ikhJ8cSaETUG5G+YD5TL9S6g4ZTtHbF9RAy/QecMrPN1hPhBh3J0k\r\nGdd6B//xP5SdzYC+FbM3WqVs98USqY6nHiPx2BhQiHNvh9cHCXk/Ztpc/6bh\r\n1U8N2D5HG4ESO+wdbgOZ7fTH70JNN7s59mO1D9EAx7+NCwFw3c/tqTHVv4jf\r\naJzwGI/Nwq5DoTroCcQ5W9TzaPXYprRfMHczi3hjmRfQUAK0Kh9lBIn8rkep\r\n8ZayqFnjY0E205y2bLRxoljG6iVfL98keozfhizPbQAOJ8vQqdXESy+Rb4H5\r\nVuwTpyidE9xvVB4pTCtUTk/Hjdhk/UJNTnH0G6WUO3hMYlfCh2r2Z7ktkUp2\r\nz05no2/tc6dShQHhIRZ7cQ/kqZo75az+cWkTcEtoT8kdBwjwu+u90xqcKPEi\r\no+JEF0Oo5En4/VxRtEewvaQS3H7p4p2HLhBJd8BspxYIZGGwtPHkgEZtOnRL\r\nNYBBCyArJLUujuJhVS+xbgEHEBbliiRUTMEoeuB9A/OViB6c8pryA4ZxMC7/\r\n/LGk7zUOLxcGiSSbZtxYjlQUiAL8AvjTTF5RbiEJRKmx9Hf29GGTLz5nwaEQ\r\nLiqPfX8GikxIuWd71eBfJvucJvisfhVWAXA=\r\n=Civ4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/213f8614ef756c155b87a346ae0482af/chakra-ui-color-mode-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-3kI4525LkA/nPl7jsnP8GyN1rj3jT+xp4oJEXDzLLEWQR+EmR0oBOfpQ5ICclghu5Dx1srQm+xVTxfiEekxERQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820152257"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820152257_1661009031760_0.9327339163027892","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820165925","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"4902c42a279828a23dd9b41dafce27d40b254ec9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-JAt4NYg5Q4dUQE5p3RvsW1mxkmtDFsUkz/maN38dYBRcvSml9dJKY8icAquKMSxVgFUP1DkmEkK8IRgYXlC//A==","signatures":[{"sig":"MEYCIQC1joia6i4+pynUGF2gsD1L0c1XvdrAvlSUfZMeqhrkHgIhAOQY5MSj0obsLdB4OKOsWhte1UnvPPvC+eGFk2nXoGEN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARMgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqhg/9Eu4T+Q9ySIljp+Nr71TSPZAzoQ4FUnJweB5ECKS16dXXcLb7\r\nwtPHUgA9jdYoIkaYTFtBizh4MRVUQyQwG7wJZgP/CpeSWTwwOZqD4ve12WWE\r\nawOUcvi4P4OvOWGaoVd6TnBfpLOQDvmnnSejBYHw5NzgaUdgdxWQpkmZX5rb\r\n8tTJNDwHkMG7a3AAdSc3F00XCfdext2IEUfDxcsD4hzuWWVNF3euzCDHIMPt\r\nCY+cvI2Qgc4FpOT94aS4QhPbl1rzBhSLZyQc0qIZOQKFIcAkaw0JdFyj2yze\r\nILR2aioEWsvYcRSxu0TUvZ/T0mjys/6QsFT2UaOwkO/Twf88Q5xUYnxl4Obd\r\nRgh2ttcuaw3coolpdri8LNUcMGRauIR5MDJeWyjUV71w5MxDKFaWyV1yXciE\r\nr/60j0pi9aIa0VpsEGp+yU9zfIwsCYeIUcc/N68I9rjCs+fV85h03jRHittw\r\nESQztHMF+LAzXw2ApVXk0suALvWPce/Aqq9sQToSRxKBNjt683ctYQHkn7rV\r\n1afe/vlplC/K9GP1Bv/Fzxlcc2P3nIyV3E5LMXdUvB9InEv3zbZX/q/5C23K\r\n/+SxAH0XfhAqDe8wtCiWREtZZiiAfNJxU9sVFDa5kRcXbVEb0p5Wh5eTPI3y\r\nruEiQLE/7hIrAwrge1LEH347UYmtAdoBJZw=\r\n=A05I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c2f6ad96b30b4d8d2885ecb471a4aa62/chakra-ui-color-mode-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-JAt4NYg5Q4dUQE5p3RvsW1mxkmtDFsUkz/maN38dYBRcvSml9dJKY8icAquKMSxVgFUP1DkmEkK8IRgYXlC//A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820165925"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820165925_1661014816732_0.09798076801916222","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820172220","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1339afe8d1e6b5a9e9c2ef5a60072da4add8f2a3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-nyQSvUkyOZBqmk55uIk29uCuyTiG+kKSn0vMNaKE9CTzkqDPzQyVZgOhQKdwGOM0INGd1yIoRq0wtzp8hL69Iw==","signatures":[{"sig":"MEYCIQDvJ9ClrLmjKLseWrlp5W8UJtjql7GdNsOgnbTPLW26HwIhAMwgLLCdiwH2avJEY4vFd3IcU7tJdNK/Dul8w3nMp2GV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARiGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroEhAAiu99Ejo8xN/bd5zdJr+00+XN2yWAXfYeubPHW7UM4aWrY1LZ\r\nuBtJU1Yo8KqGlO6UvIRMlD28MIJQwFg/JPa8SvkNzpPx4+UwTRF9f3kkFdjp\r\nFm4X4rK9TXtsom2R29N/DHZPK8YumjInyErHjH0h2gcnL8kZYMfP9T3FXFai\r\nm0CWesBpbsMkxQ/VqlKGPJQrmQgxbY412LemEUfrqsSqyYAjgX0Fw1MWd4zv\r\n9r2RCZV3KTaxLRXDdS7XQOt842/ZnegBEIaRNfvCGwJPsPs8XP0hXKOuPQfF\r\nHZYzmTN85fCi0CMF8fpNyDW85YWIRDTpvVWWhV9ijKrLLBp6BwLBQr9ZcgnR\r\nJJDkiQE8PaEoCWjppI0UuWqvXHgV3GIpeh0/6MMOVoyfC8y2aaa/vePUtdfd\r\nNP5leFZF2fBjDstWEpaItWHFYtOOioyqhlfygl7PidUMcHC5VWf1o3WfEEPM\r\nwF/Wp7NvNndb7xh9/oiU6gV+Zv5yLkqYE4RGvglL3CU2ATUuepJwGz2/sPuz\r\n5chaZps+Ih08gDkJdKG+1LqHkJz2iA3KSsCwAlnaNP/nM/LgY7pUphdk0HGJ\r\njOAgOZu24/WU6h0X+uhkNA7hROGwWRmWNo+27RTFuZPRrl5hMFNetVH2Aa+t\r\n/1DjMlMu93SX7c3DBC2DFblQRJ7h85PK8J8=\r\n=/5FA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/84b723c820377c3c49fdc8abf14089e9/chakra-ui-color-mode-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-nyQSvUkyOZBqmk55uIk29uCuyTiG+kKSn0vMNaKE9CTzkqDPzQyVZgOhQKdwGOM0INGd1yIoRq0wtzp8hL69Iw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820172220"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820172220_1661016198727_0.4695516578520782","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820173639","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"421c6f42e0e68f3fe3598082fd00d69720085ba9","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-oRCaPosLD3f5o+z/7R81yLQFma1G0tkInx6dQeBGUsBM1tWkFVsBc06WLqjEZHrDhK8hEa9pFaaaugi/4Yhk3g==","signatures":[{"sig":"MEUCIQDIQRLV3QY+w6ydbVpsrKktTAfkFCjF4NCBxfIA7cse1gIgZfMbDDHyNfpn1y43MpXUFfw1+HFCbQv4t3zEFsTrWLM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARvdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbWA//XnhK85TlTU1qlF14YoltSAV7RaVvN5m259Ut78v36YmuMMw7\r\nJ/kE/+iTB7L8N80xeW+GeQLZGpuWkTr1bHVwh7DFCf3kcNHVLrOQH34U8q2u\r\nBDi6dEoryOyNJeR2V4SvlevZPdYg8pITJMHKQhwqYp1QK9iS7lhlNiKkGtAe\r\ntyJdBhQ2TvvaQKGK42TbtSVw7P+Dpg6phGF2xMlGF0F4Shyba8acPWDDIEjZ\r\nH6HQD0ShVbfMOFE6zSciKVp5/X+pzFVEzgepYx7y9zCKRXmEq2QJajDg4uiB\r\nwEOnbT5p643Jhw0+JNuGOx3tzi2rrxLHHf4zHhm2h7w4+wd7bXaVp1ruKIKr\r\nl+z/qeoZSEJsTWF5E6IPVshbbb4n0yXDxbXC+SfEEq1ZmkgaUccNWaV6IWGr\r\njqhQpSwUvEkFC++T2iy9QjEmdthSTB7mRZn63QpTv8105vEAhfo1bCd4p0zf\r\nXIh9pFBScie9rHZ35XnGWduFVk7oj4YP9jn9dRf50DNDmFNklbd/UEvwLdaH\r\nown1XcGbsoWQ4gmTAxyYqhPCwspezHayUFwJVDu0016PHPUBCeyYSuRI9wYU\r\n/NrJc4cGUzJOQt0VJfKnE0B6B1Z8hD5xJir3Ymswr2qOH4ryAdL2KhTsz68v\r\n14OSI37Fv49nDjKAYx9yj3crKQWUuijdleE=\r\n=8ejM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/88d5a36a70518c74b40e55e0e91f0c59/chakra-ui-color-mode-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-oRCaPosLD3f5o+z/7R81yLQFma1G0tkInx6dQeBGUsBM1tWkFVsBc06WLqjEZHrDhK8hEa9pFaaaugi/4Yhk3g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820173639"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820173639_1661017052931_0.820419393262269","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820185458","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c5abf057a93c5eb65dfd06909c4697de364edc56","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-hiJiRIlb9HxkRTnL1a1T2mzEC1STHlXeI6N1MF6StWUUewagfiTH/x7g4Kg3eOVkL1VwdZU3mBqjCnwv7lyC6Q==","signatures":[{"sig":"MEUCIFDeHP7udZnOcjT6OUEuan5h/muBNBJr1QZ03sRgNsJ1AiEA4SCYm3Em8XuFqtOTX+j5iIDnyfT1mM/2CMF2upyNn7c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS47ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvBRAAgfqTRQefy2gjHzMT8bcvjbdVUPd36RWR029sInJoIyGK4kh9\r\nPsp5HdKNqNKpCnpxWO3/0O9KLmxna6e9M0ktl866PF98oCklnitdQ5HKvHnk\r\nLakKbL4/HFEpThyudyKliKrXhZ+7S3QDWGb7hrdjWzuKrGlE1LtuXse/x18I\r\ni8TtGaFbJ6f33Iu1xCbq4+56S7wYGrZclm4qGHPeWpbOziov5Ogg5q04i4CU\r\nGf62xlun7tVvD7XN1GBErQd1OYvZLP1OLktnQfV+Sno0fTyrrpzR0pRjaNCs\r\nutykXHqjOlnhRCZf49an1mV3nfW0oBhhpEDoCFPenVhT+NHsydkPl4u9nWNp\r\ntpu+fSz+W+XxYUusJrSxU44PD5OVFwpXIfj0UB0g8sZ/1hhZ2qg5isli6vPV\r\nFpGNfLStRYeWwDuqgL195t7YcLUocN0o6DmGNYv+26a9O5+2p2T3ybbiuDCJ\r\n7uD+7+rEapSp/WjsIh8LIX59YJUfNk0oq07rFnbjK8nHg9omls8T3Ibg67iq\r\nKa/Xp00r+2mnvlARvxWxtXLwHdvqTLuMqaNl8rvVRju52YI2mzuWhkoYzUfq\r\nngnKf5OO+T+pn5x1myZblVS3plmq8gIBMQ789OHY8d6xoFSTm2KrqVPvrDb4\r\n0gdjDy9mnvIx3usa/O5pWiKNqCrY9PTjmHs=\r\n=RLKW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/e98c5de653d58e1ae14279cfcef851d5/chakra-ui-color-mode-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-hiJiRIlb9HxkRTnL1a1T2mzEC1STHlXeI6N1MF6StWUUewagfiTH/x7g4Kg3eOVkL1VwdZU3mBqjCnwv7lyC6Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820185458"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820185458_1661021755068_0.23848774524605432","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820193723","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"3fea2b1566305969c7409c9841047c779de04bbd","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-nX4mLAVz+ocvEON2WHYR54S2tJLJZwnlrw56GGxUvyYpFsp1qDe0m2zkvbfyzOh/rGwR30W1GvEW3WdsRpDvqA==","signatures":[{"sig":"MEUCIHbuE/Qjd/VQ5uiTpnMNthzj20lB3/RyPu1YHYJJSRxsAiEA1iJi77Wp87eH6DmOYC62zjuqksNf7JnBXjBNwJxiIjY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATgsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogvhAAhemU4fGHd5zxx7Xdc5x7lxwWIeOfWaRPkS+U86MTbjxUT8EM\r\nZChyzQgpTvfyk1K6xfbFEGeLz1uFoT9Xxi/c4jDUw3wW58Ht3EtQxLn5US0u\r\n2qsDRi/t/1SiH2ilQgC6KxV4b5CoGE7ZXKtFWr5kEyasuUqIBjgtqg2vsiRN\r\ntiBhokXVZosejq1Iv6SlzbWre7X0iJaHvnohZ2gDZG3VE+8/0fKaTxFTB+o3\r\nB4FCSlMhU4olIZhpB8J8qzSd0MO4iM3WRNhy8q0oPI8+6HOlYUIzgcRsITYW\r\n2NcCV7JIcpxhYPbzgWebHKpGGCSTrM2D2hq7Uu8LlL+yxKfiQF5T8ZjXZPZU\r\nhDWqwHe6mPzEd62ICGsj269p1eYH6CQusBb6FQ4q9bxXsfyyCwCSGzhPov1R\r\n6we4QJ5yRKB8pQsq9kqHH/Ip7eFRqIRIVPp6ZDmsiK7Qfydgnpu5PaVAlnaJ\r\nBYqrHXcrDvH3HnTIAuvui7xXyOvkTPQSogCiBmTIZ9raLQOM4BIVkECdgA3/\r\ng0CeTsa0qEBGQIp9uW71b2hzAsRm9kJGbuW/Imeusc929/uF4DDzySGVHPEJ\r\nelvmZT7wUX9JJajsZ7mJoBkKlS2/lon1RFLDpunwVFIB3szuTk7MLwuWtCsj\r\nK1k7OAQLhhzmrFAsHVlbfoiNt8kxwEUFQ14=\r\n=SXJR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/bb79055cc9c516041110bc9908f0c061/chakra-ui-color-mode-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-nX4mLAVz+ocvEON2WHYR54S2tJLJZwnlrw56GGxUvyYpFsp1qDe0m2zkvbfyzOh/rGwR30W1GvEW3WdsRpDvqA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820193723"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820193723_1661024299953_0.9026884176815617","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220820195548","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"498a29a218c320ae79f4d37371d51110a33ead93","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-RWfE9R7UGxKJe2xQSLEt7codVFuEJS5WiUrO9M22ATkUeFiLyGxU4dAX6xXz5S91W/uAkmgSL5W4SCAeSVaDXw==","signatures":[{"sig":"MEQCIEHWYOnYDnrIVAoQaOWEPCY4mRGSn1dlA5WY8B/OIgL8AiBW/Ra0njSOufefEGa+wb5+ZxHm899ZCmmWlXNkeUvPjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATx9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUMQ/+M6dLe7DOSNbJ1o1ekuEbKp3J4GgwkM3BZuoxIMsFVO5QSxE9\r\n7N/493kio5mgjMsj1lijLST76szVMOPcDXqAt4KIi0O0Mt83iER9Pgmt97kq\r\noaPKqxdYOMA8vLwj9JUSFysl0vJfimQJ5BAuxUgQ/vi1TWlmDMWOOXozlaAE\r\nceEcADRkxCUvO9F5YpLwDISN/9ywQV6QHXaoMnnQn3fso5hkRk/yUPIIY4rE\r\nr4uObH8E+3NXu0ArO0hahkSPYaaMGaCFI5UWyFAAitd+p6kAWDoKcgwKdYV2\r\nsVJp27hNP/NlCZCwzcL2Mdqb0CHuxIukJlQPb3zmo3xWrt7lS15qSkqRBVYQ\r\n8pXbduCosMD1SxPcurYQt2zitCW3QNoPpakVUuNF+nA0NmBxsnLUGfmTUqoL\r\nxbLiX+tkFLS2tMRwYg+jmg5raMGtEEjC9b0rcIBrt/b7e36+pqpPCdhSNRrN\r\ntWDnCtyrfV6unrPGHxug8uILupmeyfTcyzhxeJ1+yUN96ln3QalUzFtjd/WF\r\nHUGqzQT1adyXYRDQoalO3SD/kaAbauXPhTx7kOBkd3fMn9gTmcGO/tRG2Ucl\r\nadwqNOSzBxmxw0Bpi3AxwcdePTWv8TEcwNSP6CD4Jy0+qErVphynNSXUt80z\r\n7YXRP9wiW+Nj4Iocu5eKhdjbZ3MdKdzHYsU=\r\n=vI/i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/96f03867e200de0f482fd828acd97d57/chakra-ui-color-mode-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-RWfE9R7UGxKJe2xQSLEt7codVFuEJS5WiUrO9M22ATkUeFiLyGxU4dAX6xXz5S91W/uAkmgSL5W4SCAeSVaDXw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220820195548_1661025405709_0.6471055219789035","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220822051456","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7e29f887ac53518f5d859cb0c1e20f752c9f5be7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-6nigkFvDBWb1JDZAvMGuyrRu87ar9bMPiR/F7g8hszOjCXy27/z9Ji5Cs761aIhs7sLAsY3gdUdfu5ietuRx3w==","signatures":[{"sig":"MEUCIAPVbJ8KTBOFAVdrFGrUaB0nr4eE5j+rQgTTzYYgmVYgAiEAp/8fID9Zzu4r0x9j0bOrc7aPf+BwwSe5PJIWF4HASBQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhDg//cNSXzDUUbOhlW8mXFMKfPq43XhZFzsyNFDJUaOmClsOFdjqS\r\npfrgssslNZ/Rt1AeKUDqvfvXuiobgaf3Aot5lQGZLyh8HxEdrvrhH8BnA1Ac\r\nMaXtshFUi8nqeDdd7c+TbdUWLSaqsTXiVS5nUp/dsUVqU0AVpS8i3Y7fXVMc\r\noEeGlET51lj24Q++YgbrFET9AqhQnyBE/KGV6zrzBrmkk/Xl4xdMVARiJz0D\r\nI52FQfFfPVm9Pu6jp6z+b0QXLpuoK+kGUsjO8r3wWpzA605qC5qavu909pt3\r\nc8pK1ExzeGQA0ndy6FaKyMFElX05O2LYqK2pwWhOT7jM55fPQf07OezJzY9e\r\nIoKhYLMKyUpJkWqlfl/r2Lxie0g6OOm4GbOEoUTdPnqqozjiPml4cDTqbwS1\r\n3mMphvp9/7A2bIT+kN5PIFyvgOfgaKvDq0DYICMsabDgQzXrj0LKKDQ8SZtB\r\nWemd4g0kAkaaM+WUpxofjYz8VVXo4SgZNkZ2m1NE4WjmjM84HIiXMPq6wspd\r\nL9UavqLGW736rARR9QR1WQrT64mG78zOrZDj1jYNTJFRc5d9mMMBnilVIVMO\r\n1j8IEo/HQhT2bvnAdxuESa8y/d/lNTeDuBDft0fJb6tWAiTMNdAOs6HTysqg\r\nl4lXh5ydUVE4vuRidyL+8KY0JHUl35QNMnU=\r\n=dBjp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/bf716181b4ad8e098b72efde516086c4/chakra-ui-color-mode-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-6nigkFvDBWb1JDZAvMGuyrRu87ar9bMPiR/F7g8hszOjCXy27/z9Ji5Cs761aIhs7sLAsY3gdUdfu5ietuRx3w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220822051456_1661145356621_0.17394169547610283","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220822054045","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"56ecbfbd58e3d125571b4a36661e807c90dd3843","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-nmj4qWeHQKcSz6W0kQFtNRbcq1ylrqUuwl0V1Q03+H5BadIk8EpED+9yxXHJB5WYivvC8q3q8GsGYge9Hsdg4Q==","signatures":[{"sig":"MEUCIDRRt9NI8UkU9Dllq/umvJB3w4H+Eiq4MTt5nW92sPUFAiEAp+8AEKS9o1ECS7j492WfnNW0SHetiU4aqL3kv3wRFx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3OhAAl6LzAym1G4Q0nbeBXI9r0yzdZHC0fLfmShruBrj28rI48eqX\r\nCO+0e+eUnmilTPN+HKBw8AL9w5pshnujJhUovV4DhThwRZ+GgH5A8WaNPXAk\r\nfuFDCehHZ6SQsMGhEMcHQkba8f0ZR31nw+7VAgIb67dxgF92glNsTN7hRb0l\r\nrDB1UFa8zsqx2xk7ZrwCMY3DgisEcYw6GxTTG5tCWgu/WbRgo75WEhhtRR9B\r\n9ZyWJ98Wg4dCnAMGz1gKW9Tlk/AZjYvotw8cTF+ltiYYZLJH+GL6lTF0atVB\r\nVLlVgczg3V0MCOsF4lpsdkWpACd6cuuR6iOo7KwyuV2SLFImKOEo3HT7pLli\r\nYWh1/D5sCGWPjfovhwrS1tubSOQ1fE0JkEliWmDhMobwVrHnoObO3KZKT6Ti\r\nYrzlpTKBKjP+/dBigyKwOiJbAcX3U3QWuTJGWQ3KyUB48UcoP7QUmq+GqtY4\r\nXeedto5ftbpvGSQjPCPJyhJjyM2ZLE7gLjug6Sf0xhJAnzkBycjl9eacp0KB\r\nY3m+0EeCaD1o9UHeJIHP9Aqf6Gss+keTT657+JIWIo9ijj5FkiR4V0jlFnNr\r\nlXzq0xGBvhrmwoMILd21S6SbtO98C9xUaIDROHtUy9jehnQo93gecWSVDU7c\r\nNcAUUJvfPGTFtYnX2BXdc8LM3zzONQfDJsA=\r\n=XqKv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/2bbf372996844e381d71d43f65520301/chakra-ui-color-mode-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-nmj4qWeHQKcSz6W0kQFtNRbcq1ylrqUuwl0V1Q03+H5BadIk8EpED+9yxXHJB5WYivvC8q3q8GsGYge9Hsdg4Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220822054045_1661146900473_0.40271097322417093","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220822055339","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e7186b05f9c27244a9175463aa5a55debfd28acf","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-sadRJmls8bmGZoGfRj3wTdiLDyg+tSDqB/Ty6RQ9RVXRoSfe5F6UWRE3S7lkm9Fo5THNewKgajt5eGJaShGJCg==","signatures":[{"sig":"MEUCIQChL3oorQqANHeslIrGfb8krpYmEQGVvF6qfIa5eMBoKQIgMd0JxGIqorY4gJq+Q7j5bNYJI++587OyRJlVrZAgrSs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxorACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrE9g//Q33EBmVpvqD3xsT/NgoDHGk+c5AmgtrdkAynBh4ZJRVPa6lM\r\nKYXx62CM3X2qb5TEHeCZgwWBF/nQZojgVd8qarRKVWSBngC9Lu+qAoHXIkVP\r\nReIdHenpgmvSCcyniF/vnixms6nqTGsE54X+iGXIOvoyUMRTlK2Zce/ElKGD\r\n/gn0fklPgEr+mDOtEpT5RD2zXt2beCXtJXwpIP7GRcS9vAZ3bDWcSGqOwBbp\r\n4Fvhl7X72WZjWTpeiMkxJNMZTizqDnUAbo+8w6gzqI+SzdUlmhpkT45SnjxU\r\nph/E6vzWOmXbZjyEQMQbtHh3kI0CTNAdtDeOf1cZcY5f1mheJ3q2XXkRuuEu\r\nBGdS16AqSUeQaPWMRp3R28KsbbQrW86q/MQHsO4asjpQKhLSMiQx0/qZbc6y\r\nHQD2gqSASSq4GOitK4BsQSVaY4BVkxx329UFx9AAcy3MBnTmmw3kPj4mbJDh\r\nPeuIIYEZ4cMDueFvHRW1sWxxYftAFmEft5/gf8G7tC2TAh9O/kKr2yMPC8+l\r\nybzov+E5MhxiOHiPKruCioQv70P42W43FsTUArjTYBRVOMIB2eKBLCH5N6XT\r\nIpdHriJTnyFwogrbIpe3yH5gEYgI164vUHw+3+6zuLg64FbpB1BQef02ktxF\r\nRFEx7l9azpxyuQegXAMZHaYtrkwx6mbQrRo=\r\n=Qg1d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/998bc37a8df928dc415daa035f24e333/chakra-ui-color-mode-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-sadRJmls8bmGZoGfRj3wTdiLDyg+tSDqB/Ty6RQ9RVXRoSfe5F6UWRE3S7lkm9Fo5THNewKgajt5eGJaShGJCg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220822055339_1661147690975_0.5837673792083307","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220822103611","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c4dbde583e10e9ac889c376a25ccc9f7de2e854d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-MWLIqU1BtXso8qSBVLKG91cPbpOqIKDjo5GMTa6nLPmQf3KLKLWEe5x+Y5dQrGkZ+OI3cFK2pSYK/Y2XKEAGNw==","signatures":[{"sig":"MEYCIQCxUd2/wssY72cK5CNVIsSO4uHzqLiJ7Qn15z3Mew3R/gIhAP+g/LWR0Wpv6IGF8Q14NBsweN6MwWwsaNrv+oaHyPPD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1xbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1rw//Q0MWr8uvWOF0OV8uPZMALiF/aJnLPmFnHh/3MjbzUy1kVVAo\r\ndq9s4jGOz0YA9aCOgsw7G+h+iwRKrls5qt2krOeZlYGD/lS7SITkOhwOwRIq\r\nfy2IH/D2UODIKqUV/BG5sfsIggqntOB6FZSsAh+eQzyioXZpLYEGtvcoLxVG\r\nrAAse/4Xss3bMoSnYD6qmPGUN19ZbCuD7ZFOcr0s9yxK+RkCA62ch1+uqM+y\r\nkDdLtdSg0VpKS5WS3P1BkU7u52yYcEcu1RHT02yzZK7NdShOVhy8GCojIbme\r\n7rivm0MqiKMakhbiQKP3yGFK6TNndeRoR2EkWF5CbxPPuUCF2t0HqNj3on7U\r\ndqM0BhX4gtAnyEk1vyX07yEQPTrq1lgbY4PnxkPngA9ZiuzhXSzy1sAxnB4n\r\n+jDTiiq2jojKchP1eoRRpV7mwGPbEis4iQ1KXGsjlz/w4yinWLljYBVT4Wer\r\nqvVYqcwlwoNpXmkXzwN/rG1aYBpcVQUxy28ZcQ/EhWht0SA6JT0g9dHWBtmR\r\nQIKyWiVSjsnZJiWyPixVmg8PwPzdNIOe9EScnHtxidZYn9McKzqgnI4mYyit\r\n9408YoP6oSPUsJtJgwneoxExZMuh8KY6bjjrEWJudorXqhb93Kh/kQcSi4eM\r\nOrXNLmMJJ4c6ZqaKJKIQ/ER/BKgYd+CDoCs=\r\n=Jw0W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/033ae9e4bcee266ed07d679b36100065/chakra-ui-color-mode-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-MWLIqU1BtXso8qSBVLKG91cPbpOqIKDjo5GMTa6nLPmQf3KLKLWEe5x+Y5dQrGkZ+OI3cFK2pSYK/Y2XKEAGNw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220822103611_1661164634863_0.09520018483685333","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220822184448","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0f34182aa07b2d026b9fc82f55fe2045cca455eb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-LIBr2wzXucOvGLzTBBKjA/go6LXpiYybl1WdO6/EQmDe+IQlBny1DMYR9GCEtJMQFJ7FUsDZ3QnbTcwK8gaxMg==","signatures":[{"sig":"MEQCIFAg01t1XI4xNxzY3hrm8r1LikYuI4txzKIvofVpvNZzAiBik82YFS9cWHYwIt2r3vSmAfWV+YxdyyKBD7Rxol/KGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA87lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMMBAAl6wTFjh0g/LvVq/4vWeZdZa50yeBxAjUp3ZacEwYtvtUIc2s\r\nY0JwLboFZ76PkF7dFS65RoVsGkBWTn4DSp9sg1Gcn9ZqW6GQl1CNQ+umsQ9u\r\nKnIzhpfzXCCEBVzG4a49YavbFBGawm6HVGfSKBuUbahePfBiaLWSnvcWsp+r\r\nM0pDw8nX+foS8d0s6dFCx3sgw5tBVUtG4cLAB5vgO+/+liw3J46Ag8+C4NY5\r\ncsdmnCMsyGaieOATW3hoXHE80IKhW/TKdDGMf2bddL9fCChap0tWNhNFdoQy\r\nAmo15fR7CKlcWSnkYj0nNZeq2QlNIRlzY/Qfqmzk28WgkrEb8mvAZ1LabP4h\r\n4MwCFTe3Fv2mjCHBGZk2K4JEFlFgKzpBLhPqEmoukCfEa79DdPkuKTqVrrdj\r\nxfRNTPy8m0vE5P0IgTrTYq3SXYhqWT360J8bAl1neBV9vhEfS62wr23rwe/L\r\nJjP4xv3s59H/+nLG4VcX7tnmnBclyqOeU4kL4L10K2yM99gVV/NfY9BE4tJu\r\nBsktOdkI42apxuQjAelLBaOnCJSFGVV4ouygbuLPkf4Ke8IPLH0x7GIz+6GG\r\n9pHQgYqHkmPTZLHxa76Epmvl9NG8DYMxdq2+zGxy3q1GiUwQsGqnQ3t7TAJp\r\n45ILVcflpBf5iD51E3BqFeVMXWe75zIXBcQ=\r\n=yOCj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c978ca43a7e8b6ea79a97394ac00e564/chakra-ui-color-mode-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-LIBr2wzXucOvGLzTBBKjA/go6LXpiYybl1WdO6/EQmDe+IQlBny1DMYR9GCEtJMQFJ7FUsDZ3QnbTcwK8gaxMg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220822184448_1661193957629_0.7400652529654348","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220823150801","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d596c305ea2592188efbfff585e082519013837f","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-dhknGsViORq/uZ91dwLkxL3DWOuEdnN6baDrzCU2DStk7GzRIg/eI0BGo/yE1u+QPLiEzpXeUtsEKfudTvbifA==","signatures":[{"sig":"MEUCIArNm5cmglAlOssXwLdDq8l+I+zkKYM5K3vzkg7/JKLvAiEAg1a8eX7AJ3HdaZ5eysHq+T+qg2Y8sBichWLIPTEPWWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTOg//XFxT1sfOrgyIyFZYjwVucaZ9gGdKG3t6rYYtBPDCUzCFIm0L\r\nxkpSw5wzGwu7nLQa7pf16sZgHSorSWJZU79BcDTlD2Yhu8jmNkG0P7ajXauS\r\nusaCkCaejQpJoZV1+6DLqynVh1rg9YeP6xD4HgZbvdjj8pcCtjS8sE7UKXKT\r\nKPL9BS7EAsJI3LuW6QMiB4hrXmASfBWnSx1cYxbhJdtzCdnsEOA7JLLcdEVc\r\nxFBeObWdAt9zZlGrcl2O6+Yd+IuzOWk965u6Calzycnw6vmkewQaCo8abz47\r\nfxWzVhm0n9SCPNB0MGHFvmJL9GTA5MYZLbEnphtAXTMBqLIJkfKH2zBQgSgS\r\nAncafo7eiM8rUz9IiJz2Ed+6t0162nBRjPFW0YkJw4046HiXA1ZQCL5s9um/\r\nsdT8Z5/agH3B4NZcIF+LT/exHf/lJemF1XXrDLvKxTXg/R+9ZkRSkf5GS3Gt\r\nxZnFIPyFBsrNIYPfIHLcDTP2FJUIqlVA66uWWKmrP9p0k2y2YnL3tsA7A9A8\r\n4HUGOQeV9dwZcyziuqv87eeUmpY4lL4TN7tgcbrlfDchWmzKZvONI7Zmn1hq\r\nvh/22ut+PYwALjCkrOjjLu6iNHMvMKhe6SLKXHl/uCGLOPtKbsgc+TEed8Wx\r\nDb4n6K31dALWndwqyNg5BlMYQHWRehl53fU=\r\n=WQyO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/97e98d8b48988e8b2a1f4a2521f12831/chakra-ui-color-mode-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-dhknGsViORq/uZ91dwLkxL3DWOuEdnN6baDrzCU2DStk7GzRIg/eI0BGo/yE1u+QPLiEzpXeUtsEKfudTvbifA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220823150801_1661267340706_0.2456155656983201","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220823165602","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"61fcfccc07003d1436145048527bd53f40345e3c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-vu5/99NzHJi7mwucfoPTgNaP5zAbIOaR6fgyuvIYWNZKDWiLL6xQyxAxcTMawyhELYdNe0qKZEsrCifn3BHGNA==","signatures":[{"sig":"MEQCIDzmWftm3nu2BDnoKomk83PODapi5rZbo46sW3RFeV9nAiAaVs2pwUI7+FvfFaXIVJFggQ13AJzJbOGEIILYTaI17g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQbbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrODRAAhZLIcEDM/zDP64N0Hyy3UZKutbQ4kqDOXnbXfpR68mTmGWeS\r\nX9kY98S8CxJMZgeqGNN+hBJMXV9DVzeSlcVlg0PNVOyomCLKK252x90Wl6ew\r\nq7TsKGGEbyBB+lrDp72aFtzLojoonhwzNDNcayS8AFyzTWckytGWi/LXh0ei\r\n20hm0MakXj+rf9KnJvJHApdGmr4pgE8XDJeLkfKx2wU/rdy/anMXvbd6ev+H\r\nbJG7DM0Y/zamk0bc2IlBfm8n5Hpl3CWN4fGnJAtWakQhCepM82RtXHqrIsGj\r\nYzPf/XYfFHQYy4ABQhWYPtIeFtdpaWoE9TrFIvhmLe0e7N44/cKzuv5RCQp+\r\nU+s2u6zM8MdYs6Dg8xeV6oJsJQsq9TRaNbfdJXm+bvRFzD4kMiJMFHLIfuf+\r\nd+IUZ/02a5Ej/EHqkqVM5otn3c7calAmoD0Q4ucNSIyfGwhf/PTl9z2oMFUi\r\neQpwYzEtC1WDMIfQu18KTQ0crMf2Zkyg3AG4OxuiwXwnantY3SEA0VBEWeXm\r\n6jmeTu4IPzD3m0Ng7MJJP82Zxz9PnxM+LR9HUCQQMrqCBxnSw8MjAcwLVvDA\r\ni3d9lUTuAzby+l8G4avkK1/srrr1wpCDsj+7stG1Sh9NYH5pBptnNRcp91B6\r\n69AqBFTG11E1UxztpSkHzFWaOotRXma/890=\r\n=xTKT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/a0b96d6ca6aa43ae02d6fb02c968c2e9/chakra-ui-color-mode-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-vu5/99NzHJi7mwucfoPTgNaP5zAbIOaR6fgyuvIYWNZKDWiLL6xQyxAxcTMawyhELYdNe0qKZEsrCifn3BHGNA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220823165602_1661273819215_0.25001813195362144","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220823192757","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"82bfbba3952c9621d24bfecdc0822dbf18ef427a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-ULQSvnuksm5TlyxtyGdKm+Lerw4JgpJCb1WQcRIcUl86DRp15nes9ojyfuBWGnT5BO67TQWf04nWT3QCFWtqvw==","signatures":[{"sig":"MEUCIQCvj76wfp7heItwS7Mb9hT0AJxaTZEYRnT+fGv+o7qLWAIgBY00QHkz1unGHfnMxpeLThjPfeFKMqVNKeyLc1p3beg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKtBAAgzuYZ99AWPI6yz+oy+karyXXspQaspzgNrHdab229hUSd5n2\r\nhkYLH/pjSGY6ORSNlprVNcP65yeHSW14GrrVC35AcIwsLjAFUBTH+LzWJMFw\r\ng0bLPxZ3a59s22JKP77eAhxC4QuWqv3doZxIwd6e+IrWkqd4QpiS+NjgDJ6/\r\nYYmMj2NQI63tFl4LvzSuHwuo1lEZSHOJ+3Jrv+ejZgO1HytqOm3s4vBxydAm\r\nJWaiY5/mYkNz2Ai62Z4veUWVpsndsneYeo4ak47+FANpEd1xEkUDUeLIj1Hz\r\nlHP3On3gc6uAexWqTFwCrsGQrILSVrpUO6oDXG04n69Ga60dSJr3FLdX7XLU\r\nx5bAfy8oLdxDDJZr5jQ+qKGctkoqcPiNMy/nX0hK0Z617vEC7vDM/TrPd/2p\r\ndREUS78pbnka5H1DWpqZjgAr/YkEp4jjbDXLNFFQ4NJ9AQcTTq4eVRVixm1q\r\nde1nD8S9vRJgUKS8Q1xyfE/MhD0GcPnpn7/FgZkcUtm4cykKGSe49vl2cNof\r\nfUs7A6UyQAQDkj0L+HsG7bUBxlnbsLjUFOWMoTQo1Mksr08CVMneXklUFPAu\r\naQLGtDJ6/GiNEEHII1vkTkxtqSZKcaLFf3mJyLfOS/HOJMnJyaW6iCBvyPUe\r\nNL6KHa+fXOSoLMrl/KzBEBi/rBLIW8V/C2Y=\r\n=es1V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/18d75280010db188c69b3a1cd474bf4b/chakra-ui-color-mode-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-ULQSvnuksm5TlyxtyGdKm+Lerw4JgpJCb1WQcRIcUl86DRp15nes9ojyfuBWGnT5BO67TQWf04nWT3QCFWtqvw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220823192757_1661282951640_0.4911073889624653","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220823195046","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"90f72fc3efb0f91d0a036cafb831a1e65058d682","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-MYxtAwD+y9dUjs5gfkplXvBqPe4g7AzkiZccl12Q5F34aV+4xubtPuWw8kCIgBddrG5/e1Byl50TLQCV1uQOvA==","signatures":[{"sig":"MEUCIQCG3nF07Lcq+ggAqWM3Ye8x2wHuiU7LtFUeKOCTIkeQuAIga+OsKhgm01rtiGsXeBw+RCwDfuMWf4sREHie2vEj+R8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBS/oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrf3g/+KGr95clLRxe7AeapgQ/ZODGItQe03Wb12CVhFYSmo13f0NU2\r\nbdazNdQDtkHlXQxM5s9+lTvziSEaWwvz2iY/sRCAM6X6gDOuCyhFftXqWqjg\r\nNfI5nrH8t6L9Pj8wmgdZqwlxD1bgrjN2bFjjAZ5uHft0iCnBBtTi3e12TRIR\r\nlN3ouoCZzn7Bl1x1LaHIQUlQ3nBlvJgPbseqJMkXl/aJdOnaK54Idf4bWUXe\r\nb6iLL6CBjGDD1tzS5AyZtPxVVP6UHKWrST4n2TeZ2WwRbUbvzI1BIXErzj+p\r\nOXz1tz4EwmDHeX8lnRiYvFcw1fkJ+TIo+3VcVygrcN5sfxMjNSoJbIQFe/C/\r\ntSLRhHhAl+E8OhcY4/1ZcVkdrgc1II0NXq6zQM6w45X8q91adwgseK5Lc3DC\r\n29isC6oWx/PA5oVOX2m8DiH+QnTff+clOXUVuNPFUaZXLaFGr1iOED0BYdCn\r\nT0Y7wicARZfE3khKlRjMHrxNKQ+woS8XRyv+ThJCTjHq5HTe4TvB+0E3thxX\r\nHJq2lruPGcxLKrSMKW2z5ZorGUhFj5KeetMEFEL2XwiBDpyMxHE5GZ9Bce9B\r\nY16VfIs/JA7y3dE9IHt9Ea1nUd8dhGx00RYFaN6hxM+fEtjxnRqhsY9c94s/\r\n1rhL8e9AMLQHwMTET2gV0VohFx0g8pO6B10=\r\n=M1NB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/f5442a638c52fbb405136b2ff0892e92/chakra-ui-color-mode-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-MYxtAwD+y9dUjs5gfkplXvBqPe4g7AzkiZccl12Q5F34aV+4xubtPuWw8kCIgBddrG5/e1Byl50TLQCV1uQOvA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220823195046_1661284328102_0.02540742765436277","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220824074122","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0867b0ef76d571066bd4c5ba018dd17e79461b98","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-i1y56AvZJ5jhP3wARhBm90vtxz71oM9etnBYnrO6lZwKQEMU93Ty2H2cuTYb+V+vRHE0Fp/FVeoEbgdHgNIWqg==","signatures":[{"sig":"MEUCIFQWYq1axbWuZqPwgipR15BgAGljBr0RZTHKSFAG06lZAiEAyxr8gfIIr4+Yq4gfLcgOYyxxEiiU1HFSWs4VHrFY+SQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3vA/+KamcNRLbScaFW5BiwtzoFfNw5D20iA6/jaC3cJW0S2I4y0NE\r\ndh3/pm+sv9tAGYGLKLO0qk6OYfRJScq9IZrRqlsOuu9Tw/jhv9Zlj9zeFXx3\r\nN2YB2IH9Vn9qo39/agaTM1hyR2r3OWcUYmDOTRT4tAEhOyVaCc/+ovkycHEM\r\nMnYNenH+a988S7psZ6BkKVTNBD8dLbj5GwdZCSQCZlLK60NStp2ltzep5lKC\r\n2NObJxh3WXK4BR9yaWZVGdo7VHfCsU4k/EVYWElSQMQVVPsNW0gUE5yLuFLp\r\ndNzuz7EocUQG6Nr6Di9SNvlnMoyamfweQw2XM8iFoeSHS8xWyP/L32+4F+9b\r\noeuH9o1oFUPpQbC5gh82g0FZMrWaGOo/sG1DXw3YraReZAsyiX50naa2f+qF\r\n5Z36aC92bNDFM4rF/qwZX2Vjrx+EwShHQs3rHlhOGqXKdKPee6WeimwcafwW\r\nycCCcb739J/XMNTmU/FmdRp0q3DY9+kuCcH/hm4LMaLKA6VLyKlCZIjOLmno\r\nCya3nbKaNsDSAmp33rdxD0pVQEHhAt8AcenodsPg+LbhIARQmT0vtlFzyIN3\r\nQPzUEyr35dmluOONQJMI2J161C21K+UiEc5O4wBxi2ZvfWbL9LHpXHsGCGlF\r\nnyv3IUXMR/Ux2VDF1bMe1pG2fGkRmYtoI9M=\r\n=Rm+C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/2b6748fd4b31ab0dc1ac08b794f2c994/chakra-ui-color-mode-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-i1y56AvZJ5jhP3wARhBm90vtxz71oM9etnBYnrO6lZwKQEMU93Ty2H2cuTYb+V+vRHE0Fp/FVeoEbgdHgNIWqg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220824074122_1661326938421_0.011150262893874663","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220824080240","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e54220f70489bfeea9e5dfce995c2e836479afd8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-AL/5ZAL8IkK8rAlbKFl6ML8AwfUr/VUdr1lQXUV/DwMu2cdhMqTC0JTrXPkZTSRm9UgfXI+YhrL364waciwk/w==","signatures":[{"sig":"MEUCIQCo8WJi89E4cGAVvNwjJqJuHB2gr8ZWdQk2fH95hHZNyAIgQW5Iy6VySjycKR49rLqSFrHxzBjMpwV2lEN0rd/NfKg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdtaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpINA//fyq68dlktyuFx784E9a7x9fvwWrE78rJLo6tVjKS/k/9qjaJ\r\nAs4OOuyxoyNeLRqWI6Q9StXh8AUHqP9t6f+AqwccSOAMoulN1paybnK3rCnq\r\nwAhXuvtDLod1+EVhv9WouBOH6RSgv50rH+HNAlz7wgJ7FMo1B809iL5lZ5Lq\r\nlrxs03uFZ0vnseqwUOp/W77NZUH1+JZRlFqs+eCUP00t/7X+MnobXZrc2PvN\r\nUMkLNgdEbLAsr6YdFFfaDiR5WZ0HqW0cvBvCdaxT0wdjqil1uohRkIx4pQLM\r\nc8atpHKmnI0cDl6Fu92vDni3ZXANGnd2pBGfK8pczaEST3QnHX7o1kGK/7YE\r\nhdt6ER2JtjjgmGOBRTSmhnkgrcRO+hQ+NB8HwRR7MHl1S/0hp0Ten7/yrs41\r\nQW4ID+7Jv/VSQwIecPcqM7F3Sd7J1rVGVvjWqw+kA/YrqpGWuJhf4DYEWkPn\r\ncyVvsT1mQAn4UHdHP5K0sc1R3+LIRprh+MEDW408oC3ukfOr4hMv/gV3n9T5\r\nLt5+fmrvBgLCvpJERlRTPc0yXwkmrKdLk0wY2eicXAXTpuRN8pZoXIdpItdw\r\nnGoI0BZ9nqOFi38QO1DuBYycHD+veNzyZOBxzTASOOMXKpKyMxbFxKy9Eu1M\r\ndqIS5Auu2s5jRWcRISLdd5LpDqiSsmBs+So=\r\n=nkhw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/9c6a58cc26965acbe9a27d23c6fba99c/chakra-ui-color-mode-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-AL/5ZAL8IkK8rAlbKFl6ML8AwfUr/VUdr1lQXUV/DwMu2cdhMqTC0JTrXPkZTSRm9UgfXI+YhrL364waciwk/w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220824080240_1661328218216_0.7196864549837909","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220824082222","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"6e3e33f774648317e976e0b0c76931b4bc5b990e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-qozGpyQIt4KGQqESQoA7uy8V1C97g84oj0v3s1FW9dPMJqLqp2LGE8iMDW/DwVY2C3IskAk7My8Dz/SFtmOWxg==","signatures":[{"sig":"MEUCIQCS3ECxSGMXy2FTRh5Slpv87Q9y+XtgJT1P62EdxjqwvAIgME3smPE1SmmKfdrtlbmMBvQ/wIFhHwywdseoFewrHJc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeAIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOCw//V3DKQEmDj17wg4ObbHGqkyidgr7l25uYpTc7E3oD9ShlHBvc\r\nmLcdWt/VHj+U9htKMCrPYJerjgcnDPenUmAuM1b1QNUO4eUy1Puo1NJPBjtY\r\nNiCnLiUtfl0UyMShOuNcVt4BpsMwjWwppmsjtwRQxPedB3YvFiXbP9KhQRUi\r\nIgWJfHhrKbeHqOVwaS/QYxoYnmcpBmD2+zjGPJjYYt+4w58TTdYacJiNPMzB\r\ncgum5oyDwlPoTRETnDL+8QOCSOns9GHpZJNEySRFIwl41psatEKhcUhsRtTD\r\nzMcb8opC6CdxU+JD8YXipbJzxtcRubkoRmjk9YKVlN/WLXzNlFvY6cYY3eiM\r\n1T41pxucbTO3m4BvrnsMoPZWkr+CKSVSNlKzH1OEZkosnYC447tbUOlb8GvJ\r\nbxgLiEjTb9TbZxNOLHrocOwk8B1FehmfUrmp8fniJTZpqP0tcNdAD3Yk9TDv\r\nEamVGNDTzyQrK+3uXvBoluWPFOHUwT2iLQxFSEa79o5N7t6+oj6Bqph+EO5S\r\nIzc9K/mIhiRig9/9e5Alb/FF9jz/yZxTTaB9nfw+NBuoNn4T5RRCTURygIUO\r\n1r1WHLF9WMztIv3FgTMFI3eZOCZtIYDMH98ORGSeccY9vJAS3Luw2kb4i/HA\r\nvAuVDOA/f5CTJ0PUJF2ZAi9pjF7BZ31952M=\r\n=oZBo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3ebef7eee9f08ea88ebf85e45ccb3781/chakra-ui-color-mode-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-qozGpyQIt4KGQqESQoA7uy8V1C97g84oj0v3s1FW9dPMJqLqp2LGE8iMDW/DwVY2C3IskAk7My8Dz/SFtmOWxg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220824082222_1661329416324_0.1872654056378653","host":"s3://npm-registry-packages"}},"2.1.7":{"name":"@chakra-ui/color-mode","version":"2.1.7","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"91c02e82e551c5448081e4934efeddb10bb732c5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.7.tgz","fileCount":6,"integrity":"sha512-GAoKJzVRQeuEfCa2i0BZdMwxuOoaGknU3+5wgvLuaSpwlov4OyqpjKMRdSdpjr4IFiqqHK47dsr3H4LQsbO+9w==","signatures":[{"sig":"MEUCIGezgCAt9f8TofjxnTMrhJNly207PnRAxW588fNUGnUBAiEA3PDLYvzxfBkP3eEZdKzSx8ZGdHylRhMFJminf54++bI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeV6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOAA/7BECBtbE4ju2p+47Z614tgWGD40NYWHxy2Z+RC8IBb74BnsE/\r\n0WUM9HgA5h0KugMWq4F+WIjIlpLcBj43c1zOB7AtU4a9os9adSEWpHsX3Olg\r\nelr7IVuUZa9q6TI1WwqFD7Xl/td9VQCjN6RsL760M8GnDFwTZSknEa/+DWHf\r\nqUco9/2uqzDA/Xw5PObvM2BD6HsJWMXWFpmuFu/ZrTX7vNUC8kUe06d4R7Qk\r\nZhjGWl/PrnPHKH63+pWj8Gg9ORok3F/OqXa0YK7cUiN0GXQETumi2qNUdpeQ\r\na8zgMvXXs7jS4WmWN5nc7rUFm/Vl6VN5myLlqa/tntjIAMALopbL42WVCss4\r\nM0ePUJveYCJnb87QLqiKcUgIS5UVRdjr5X70lKMOsE2x2yrb30X70PDYDo5F\r\nj56c7wjx0KcBwyPgCAnrfpGNdWr5iNQostCwZINRJcdxWAYC4pzpv/07sagB\r\nE+B6F0krncwZZYRZ2kK8SYxhAKbOWzSmlZVIU4Fjytj0/L0x8sg0iSqm7GEw\r\nYhoJsGdvNulkUkQP8G5tuH3l6k4UOaBcPunMz9zh2SBFK6Wlm33JcaMhNZ4K\r\njxrHvFXFJ1on0VG6HR/Yxw5O7cxJowHQfOkpmQuDihOBYVJpMJ8KqPPp47Dv\r\n/itLZn7MRgmfTxnBM/mPU+RiZpYG4WxLooo=\r\n=jo43\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.7.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/3a2bdd609a8a21b8e6b062bbefaf4e19/chakra-ui-color-mode-2.1.7.tgz","_integrity":"sha512-GAoKJzVRQeuEfCa2i0BZdMwxuOoaGknU3+5wgvLuaSpwlov4OyqpjKMRdSdpjr4IFiqqHK47dsr3H4LQsbO+9w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/color-mode"},"_npmVersion":"8.11.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.7_1661330810519_0.5467288998078892","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220909074555":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220909074555","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220909074555","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"db8e10c50dadb03b290e105542358507786032b8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220909074555.tgz","fileCount":6,"integrity":"sha512-Dd2n7etU+Y1qRKcUs7qyz2qCkXRch7WYPGZYUk0NHMfg+x8we/52e8IKfS4f32aHIYNj3oSaxaTqadlcYyHjqw==","signatures":[{"sig":"MEUCIQCQFFmbsrnUsnj8I5FDkRw0BzAhrgiqO1/rN4sj2bmYQgIgIIL6849SUenUSGW93ttApyoGQ4GZ6JRWzVMQ/0PWIqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGu9YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4/g/8DNINPJwS5Sm4y+7qKZ5IB9AT3tdcwqs/Sw+X/We4WilsYlDa\r\nDyG1S0SqMMQFhNcwhaU3SqS4a/mbDG/oKZF6zTCu9wT752zXLXzM0wf28upz\r\nFxNcgTUwYEXWwzCxyg+wKrwC76Z+K3It6pvzWzuuiZfGHQqH1i59CNbR6KEK\r\nPU8dBV7rFUcpIly5/i8k47b6XLyZVVzGLLA9TN4RzPljQ93feKjSBL9HE4f3\r\nLMrAaQ3yQkd9Rw0e/UACYlX3UT+e7DAqm+6MXFCy+wy7wCBNcJHvvBqoKtN6\r\nK/GV8wud8Os7bzyv716io5hwOr2lUZp2ZrvA5LBzMe0zaeKRuteOvhQaT6Iz\r\nKwiXvHZdvheLIBbwqNiCzFZZgfvZ7Yq844D9rFnZd4VFa3w/VqPdchYEi0Em\r\nurqfS8VKLMapXgLP4yGtbDYXok8Mw8QwaLWINwCdMUrfEDFDObOo2VVI4SgX\r\nLODsShFvYF48f5so7lTqAhPxYYTIDK6i2jEw+89IpWu9GaUQasAiC9zGIQqP\r\nkHeYaMP9AN9Xz21Gle7ReC5+mMnZBVIz+P97Gg6gt++zLKrhCochgmZPtYCp\r\n0ZhiPRzbEAMvP43FpQ6seROYCBC8TF32jkV9I28yOFdbY4RKr6/CECMWdrOY\r\nPbk6hKXzTmSjksiWErMhNykk18IDF/jgRk4=\r\n=nNYr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220909074555.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/ff374e1b39f0870be7aaef813d3ee513/chakra-ui-color-mode-0.0.0-dev-20220909074555.tgz","_integrity":"sha512-Dd2n7etU+Y1qRKcUs7qyz2qCkXRch7WYPGZYUk0NHMfg+x8we/52e8IKfS4f32aHIYNj3oSaxaTqadlcYyHjqw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220909074555_1662709592768_0.9617017832726993","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220909120637":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220909120637","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220909120637","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6dab1bae77f7a95ee26f133b2870fdb92929d87d","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220909120637.tgz","fileCount":6,"integrity":"sha512-dG4XzGvRFIlakrMssVsiJpPdz7ZrEMIT8AfK/wCYMI2Y+GM9uyGf+aS8ahjbIymfU2dWUS2h1sOljNjbMPKsUA==","signatures":[{"sig":"MEUCIQDRBdq4mxigS9Ds0Q8zXzplYwY0gEEBokpsVNBzFMDmnAIgdXKpVqdyO6GHKzl/n8GoDZqton0Wya3easRLXe4kBFM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGyxzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqycg/7BfZjiMP6DkP4hQQJI8sSCMH5CpPHHswY8JLRgiFd6LBSboP2\r\nJpOkmJAeUHaHnNFy4wt/P4csKt/agbjCSGw1gUo6fxvOMVvv3o+jNxMLrjd0\r\n7hASW1iM19gUY95yNZaAQGLkAGgHoxkoY6aRY1RJiY6ASdhIe9yAcumLDhlW\r\nq1IX5h1ewrXfIRs6zCCsJHEntn4YeKISS1Om439i8XTQYYcbqMsRhhqvU+Qd\r\nlQ5GElVAmHFpBMEN67Bl3YMfsRIIeVd1yNmbq6MXtg1jorhfiw3Q/eJCjkdR\r\n6WbU6P7hv6V8CvbKcJltTGIkNlvHv4KekYhBd1dGSGv8KjxOdHp6cvVYl/jN\r\nlYNfS/7W6Rz4Ov/x53kabAWGmmFuxZ+xrztWc5gNQ6i+UOtaG0jqER3v0bGo\r\nJiaf60CrK3zY9zFP95xol2bTNP1idmwo4umv2xIWwj6qmM3YXm2+iKcCOje0\r\ntdWy8nadwVbsQUX0cLOo9MEc2sBV4miilOIwIAeR5+r4CjU9h3rGQolJfDrM\r\nsxxlBzGWjHH5ndKKoaDG6o1btf/obgNVAewZQviRxmbh+U+iHsIbNWrtinBD\r\nJpboU4mD5LkY49FKxzqGYds00KZp/OOdIwktqxxByC5weO4/uAi9GyVxmAxx\r\n2J4Og1yl2r91KqHt0ueUucZiyMSDcm93So8=\r\n=SlJq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220909120637.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/d1d2d15199ca9aa248d55cf005eb7312/chakra-ui-color-mode-0.0.0-dev-20220909120637.tgz","_integrity":"sha512-dG4XzGvRFIlakrMssVsiJpPdz7ZrEMIT8AfK/wCYMI2Y+GM9uyGf+aS8ahjbIymfU2dWUS2h1sOljNjbMPKsUA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220909120637_1662725235416_0.22493275382489109","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220909123132":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220909123132","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220909123132","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8245d16aaa38fbb4b0026d9c43df8c7162e30cbb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220909123132.tgz","fileCount":6,"integrity":"sha512-CSkfoueBf2R/zUw8A6/s0NUWES7kKy9gg/6ghGvzPx9n6KasDKqqDQQ3GXe6ICx4kJh4AnabTU5wfSMfjgcK4w==","signatures":[{"sig":"MEQCIEHkAU+1ZWcKNpCy5djVIeKBtBFI3qfn7tiEddTA3hSLAiBO+NPdlPSClpXKpmziV0rmk/Fc6NaQQlKnHRqAUimX8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGzJNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjBA/+IBmjn7hcL0oVna1xDOCqZKHg7ayJnwMtfpNDh5Tww3Lrpe8i\r\nk1LFFn1PEnp4r0AyBuUmc9tLK2vkO2WOpJ/ebulww/u7NxQRQYv7VNmqnz8v\r\nNASvJda8U6tIH00FEGH2CKdI7Ts73ppvTi1q3p1XxmUFybEIOd4rwXI16z/v\r\nTWPKWzyHvDdwKPhuMfU+Xo7JTKtRRsRp9Njnu+A7cUnwsoo8W0O4aQ82bQKg\r\nCdNy60y7MVy6unaueYcGyCgPXtHBZ3bmQ9UThq5A9RkVQGDjtxCwAdInbRDV\r\n8OsAeHCtdWYSKP09Aok17uNIdXSp3xb/5HLWnQrK/mylKnlEM4xf0QG4sxw7\r\ncw2AJWMiAqQY6Bknnnp5Vid0W7Pd/raZy2W+/gW0MMdKDV7+0YQA8Nn+Pxra\r\nnA+1bIUkM/CzOnJ2ofoZqdfOIslXeeY7PZXqNC6bokm6582FZm390fEKvE8G\r\nfd+NodZ13EgIqo3g/6SQD6M5Yb6Ou+l46L6lXPUQyMnjyCiPZfaXu+YLA43d\r\nYOhfxHVkZNJxuD7814SC9OFBSGlc6Qk7gI5tpVSkHKbDPjYd8TNGSkF3gsfB\r\no2E8juEjYI8Z/7fK6BzsdC0oZzAieIGMZ4OlasIX27eUUfENFwSb3NPtEKy5\r\nKKHqB7hU7uuOUC0CW0LGsJbHEP3pmds6bXY=\r\n=IrF/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220909123132.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/2a8f73a30580fa491a5e4150d8de75c5/chakra-ui-color-mode-0.0.0-dev-20220909123132.tgz","_integrity":"sha512-CSkfoueBf2R/zUw8A6/s0NUWES7kKy9gg/6ghGvzPx9n6KasDKqqDQQ3GXe6ICx4kJh4AnabTU5wfSMfjgcK4w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220909123132_1662726732952_0.1841826242993636","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220909123934":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220909123934","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@0.0.0-dev-20220909123934","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a189616b5fed6d887017d624ab25a1a8096f10ac","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220909123934.tgz","fileCount":6,"integrity":"sha512-92b49gfW932D3zd3h+f3b5WMVZdITeLUcbC6XkA/fn1zloFVAoR+1bVlMYM3OEVPnOi0qkF5nYqSdSjqhwuOWw==","signatures":[{"sig":"MEYCIQCvqGm5KSAgjbsMmjH9JOH+1qL9c2Vcj+L21J+DL3gxTQIhAI1cr0MOQ6HW6pEnxNFkYQHnR//ONp8s98sCMQUtwobM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGzQsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqg8A//aQ562tmMMun2Y1btPVViu+Eq/oI0TVD8JwAIuvb5FRlSgl8H\r\n6urugeWCCJD/q6atFKYh/ZSP1OqLmyDis50x/7C0CsO4jRAs4U9cZ5GeRxQD\r\n3qPZ71CLgYB+GeFyGQCSqAH+FW9fR5nOkKYVq5wbtbRftfK9Gccy4qq1ikx4\r\n+TlWdV2JgOKQaeXnD56wICaIW6b7rHbnwExABgEwXDAGcioWPIXfbtCz22DP\r\n8dc4/6wirw/PfyNZGyLgPQ+mN6fpToSN0h87Sr6MXhCE4DzbJKJnXnLetcUX\r\n3sRxqgI0aVjh0eLzWEXefSOPbnO+/QdddQj0Dro8ggnd45reX8YykwLIIADq\r\nreM36lWiJelPxLx24W+IWldw9J5ZBL+Juo5tIsnvdWEKG/5BDcFkFWTcRtSR\r\ngsGQ5xzo6kBL3CHCaFk4pcY7ZwPr3tOOxAaE75FCNjW9KXYu+rn4M6YKc6lr\r\no0LzeEno/m6TohuS8swBTlO8twNBOXobf6QKKcgUoT7i++0Z2vjIUde5ld1r\r\nm/NHJZhTRIY3tvD65fZrRj5FzY6Wm8b/75fDc698BIaxj9BXBkI1yjWUoGcW\r\nnujKQNFekRxKdZeCrDselAZsucUi/VnqRz6ldB0Hli1//OiVQnI+QCeuneI7\r\n+cOebDBLxvBtOpkC2E/PXCW/FtVXGDRV0/o=\r\n=V6BL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220909123934.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/557625bbe45ff3aaa6f2cfda27d603bc/chakra-ui-color-mode-0.0.0-dev-20220909123934.tgz","_integrity":"sha512-92b49gfW932D3zd3h+f3b5WMVZdITeLUcbC6XkA/fn1zloFVAoR+1bVlMYM3OEVPnOi0qkF5nYqSdSjqhwuOWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220909123934_1662727212228_0.882067288433299","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220912120959","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"44aa34b19070aaeaf1edb2927b9063e29cff7066","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-zfT8gRy0BYERI1ZQIwgI7iVsGpq0mfGx8LZ3w0SOULO6NDc70ue47P4aohj21ghxSwbBSP21bH/jrwkbrzz7eQ==","signatures":[{"sig":"MEUCIQCsW0CZqTkIVbKDoO8/Nn4hD0F3qsw2dJiXFBb+hTYrZgIgVcUDP+RstlJn1+UuPflLIO9T2Tx/vTZgq4QNxhOKFaw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSqQ/8CHev5GAQBdVW+DP2MlrAgVDGNtJhAibpjOE2BjX9qKbKRytX\r\nFOMjKbhJ38E2TKJUrr+MpWsoDhdhahXZMGOc0AJ+gHnbCIN1OH1+5yyvLvH8\r\n3lGzN2HdR0yqqlhrU3Ln4o83i2m48BSw2ETyhLLz4z3RGgYtGLeVpaWiaYu5\r\n/KI588OKf5zqy6S0ebRqenZpncS+ut0divCyBQOCpc2jCmEY+7gHQizg9r6e\r\nhi/sDVRCbE5qNWONBuEyCm32svq4jyZB9yfGOp0I6txj0PRaayq8w093N72l\r\n8cGkgnk6A11tcH4dLLEDteDR1furNYLl38WDXeAljHrNU7GBcNs7PRb5FrFA\r\nGHqlz6hhr7jcTOk9pAMDlNXFajv9NnueczibwoVmUP5mSBehGcZ4KIo+igZP\r\n18Bo0F078/PaXl0GX0oE0IZQ+6W8ogfdmc9Atz362nF5/OFRYUAO54QJYkAi\r\nVRcthkJErMw15cGIez0cc/f0iugyN96M0XJs0EWchgh+i7YQd7RuaqIWIjxl\r\n+3ibD2rFD0JY3045GpfOT+7ZSBjLWu5ST0xXianGPZg4ybd/UX2i7uih9mfA\r\nsFHQjfAYg26zSHLUGLOT6+1ooE9qxwtX6+7FpFu//dkm1+isSyadsyKxTcBD\r\nV9E/aoZQroE2PHAjJtJZn2Tc+TZVeFCtOk8=\r\n=CGaT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/616b2c68c91680e7cea05e8f2bdde552/chakra-ui-color-mode-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-zfT8gRy0BYERI1ZQIwgI7iVsGpq0mfGx8LZ3w0SOULO6NDc70ue47P4aohj21ghxSwbBSP21bH/jrwkbrzz7eQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220912120959_1662984648830_0.0438896400164257","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220912132201","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"a70a36d9e555f5d821bc8c7102e866b0245f4eb8","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-GnP02Z4Qda45vqiCOr7YiCT1CIe017hbjkzqnhGhYD/q0OZA+9fk4fpxg5n3d5USdxvIimn2rrqud2jCoeKxvw==","signatures":[{"sig":"MEYCIQDESLUF8lSUqvhadAoj+8cv0wOKJWCX8wahajnGxtzu4AIhANWEMXtY5iOtAbIwUEYQm85CD32f2etjXT6qj3eFKCYq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzKiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNeg//X6DjNHY4wDaSlYKmjSi+InBLvEHki/oSVXGuwO242uaFWffr\r\n5KsGXa1Qxz0oUC4BEg3VG7JfxWLg3wBEHJljjYWOPLvOcQt0Sm3aQ5/AX5Yq\r\nH8DhLlByF+n4bsGQYS/4Tlu+5IkiG83/4A4ocmJFuR3EdgZe6+xBWGtLxM6c\r\n8RfnY3tcBAPVLVmOPz8wgBqLVcP7r7HIvvNK3mI32Gjg/qHEPDg2zNIK9t8p\r\nrpIp1BNNtDcOlFWKFCXsCa+GOxVOjlvvW6iU1szWy7SY6MtR2HzdDJYkrLQa\r\nhl/d3VcdR/ccu5cM8iaD9FvttS/FEAF6dzeTX9zwpkxK9iocQVFvNkJpc0aC\r\nI9MDSTbf8ZwGuPEZSuHz4JReMY7w7iL2PZvxYa59VY83GnuzhdhdtXZk5LH3\r\nTEZYiOArSVE/PsFT4nz3KZteuYaNGAIJ69Fdp5Df/i+JSicSSgLqzCmULlKR\r\nQUg7M8m3K1Of6N9jocqNoXxZudjMqT5dQubUmcqIdc2ZngRelnOb8wgUgo0D\r\n0/GKlX3qbfnWYdIozZbfhGClI5UBIfxaPFSurq1cC4FEBt7y/clixe7aCfdk\r\npe5EgSIagzA7jsBODGEql4daL6kgE+lA8YtxOfYyh9a6lU5gISgJdVVED2Bi\r\n1EuWE6ZzVk7xdqZ+Dzp95CWZJbePKAh5qek=\r\n=A/eh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/8a9cfe42635a38a7558ee01a32765ebd/chakra-ui-color-mode-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-GnP02Z4Qda45vqiCOr7YiCT1CIe017hbjkzqnhGhYD/q0OZA+9fk4fpxg5n3d5USdxvIimn2rrqud2jCoeKxvw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220912132201_1662988962711_0.05945992210537798","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220912133211","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9348acc72f131d1200fe87a98edcd02fdaa88524","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-UYWUC0+xpcW+ht4eV92zk0Bgnck335Tk+hH5P6/C+voU4feihZVCX/Zf3cSJ4ZmWjtksmIb+IkPT6nfyFKfzOA==","signatures":[{"sig":"MEUCIQDQCzMAlxP54U4nsC4w09AKhaGUJH1zUiFjbhicojDN9gIgA//ZQlICZH9FkR5JkHMicxknfVJtXeDX+olt7Kz7JKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEvQ/5AJhBvSFI2dof9F5ml9GKp+HGVwHyko1KkcqanfYM7pRdguqf\r\nSqmw2QXZ+oaalglOzJ8vNtJVFleA5qL+B6Tye0OLTQE0C7Mf6HoQ8Gw8HOGS\r\nVbKgpZGJxIkSu2o/SH++aHhlM+5RPtpQRKqgBNTPMKKV6vnyo0S3r9sTwekg\r\nSommv7tUuVyh5EZqe43YfjNzM+YLFwE84OSi/tWclxb1r8xidlni8lO/hJgU\r\nnthcs/5j9tcRGNguNNNm8TeAeZW9O20RcaueWNMJPVHkErNQhJecI9UuYM13\r\nv4EKhG81eU0Xl5fBqvnmlm1tuHI0VILrM8ESJGvOywPOa7ZPOwMmTc5agP9+\r\nhwD1owC2/A6hzLQOY5KCeZw9JErkSHvt/wDGvf/ynjfnqtaKFi+BmAakRnsT\r\nJxCyy6DBg3ShHlOr6Y26WJwM8AT3v1/2PCOCIYAusR/s6LN3aGMZyWmHGubl\r\n77EXOEzeRyVoHImG7Yi3TWA16elltJh2ke8jgvSAxzRyv50llP6ctkxw2dW4\r\nu1UjoKLIfRojskv83wkEoN+YTEULfCB/tWhLtnBn/oJFDYkBPAZ54DWvAQ9q\r\n3NCZIMNWM7AYiYonhC5ByZ/rolJjcUQpS19Ox71Ar8jcYetROD2UJPDFDtxV\r\ndk9o6WKObPKAqWCRpxmXMSfVsy4is7H46mI=\r\n=uBCu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/e78694447f71ebe8335f3b28b8d5283c/chakra-ui-color-mode-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-UYWUC0+xpcW+ht4eV92zk0Bgnck335Tk+hH5P6/C+voU4feihZVCX/Zf3cSJ4ZmWjtksmIb+IkPT6nfyFKfzOA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220912133211_1662989582268_0.07436769453003111","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220914090509","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d080e44c6e382cdaff5ef565a13e66eeda16e4d7","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-TD4zzi82lZkIxlgZb0jJapl5DjIPUirO15fJAA5q6fgqxEuzXwjBvmnicEHUGChswM7PvKWLdpQG7YZfgorC1A==","signatures":[{"sig":"MEUCIQD0AtQB+BkWIGcJavpSevbtKYJoSy6f1ZFoErXgHz45KAIgUyhQ50qtsecyx80t86gN1iprGjWDe0TfjlAczpXSqVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZl3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNdA//d6W1npuAYy8DDp74bu+/11WvZflwm0VpcBCCcbKFALPxDj6w\r\ngg7wr9siwC5fPr1grWe/mmhhsoHHprVPmGZTEQeAUfmLjsaXRu3J9QndY4Io\r\nPXSrfq7JCHZilFuinmeWISIL0zmx84PsYxeH2iojS2WSU8mS8GtGVNoiXfa9\r\nS8bBvvPs+jKCtiUHcbzZ7Pd6yw4ArLHRKpgD6W68waxlg18+Uy7ZiPqoWicE\r\n9mo4xANhWgKNluo5Aix1+UmIJuMKpwRuHOznjz9JCIT2/FpmJH+gJ7+Ikjqd\r\nRHGUy6YK9FgnWlYigVq2DAU6hFCwYRscXNXY53WAQS2b+QXo6WxmBYuOmT50\r\nRKfbCnZW9QfLvTkguC4Zu7W0KT+Op5OtzOrBArA2oBnEpGviXgAkgvWWphAy\r\n3O0f7JKd/xKNpJ16BPmFOQO8df1YjQkhOtd1tK+yzh9+wb/uc7nhCWl8j7CZ\r\n/vU+6O7/6I3pJAc0SgaaWczUNgcwrBhaYh6ZYdJLnM9siNYiVCxk129RC1Vn\r\nDUBzhT1NM7ug741/Yqk9m4V82i7bI2bpQ6Pes8GC5rZbvEL13o2vLxwHPbEv\r\noGNpqPLVaIuXZNOvFVkyI8znEEI2kdDYigASozq5c4wMVkgucM90qGziUYek\r\niLueQf7a/7jpysfcbvVUfePZMHdA7iQcXoA=\r\n=MVDd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/333f61a0f6294f7178a0b8fc0cf2ba4f/chakra-ui-color-mode-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-TD4zzi82lZkIxlgZb0jJapl5DjIPUirO15fJAA5q6fgqxEuzXwjBvmnicEHUGChswM7PvKWLdpQG7YZfgorC1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220914090509_1663146359672_0.5964541383659445","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220914105014","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"99223789b7a8ff5e82ba38d1f36ac85b6b779bb5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-CDfYhE/ux9N31lI60wS9fMn/kgHFCRjC/aqqJt5+0k/Nyp7fITJ0dsYyh1IGtJek/JAvRlWrclEm2q6EuShtjg==","signatures":[{"sig":"MEYCIQDwrVnv+QRhtK1jfvyaVhCKuj4AjSunBQfUTCq50WN7hQIhAN45QNo/tP3DVKh+A8i+A+ZlO8aCa89ih7wl+CFrCavH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbISACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrikA/8CnRyZ264CIa5w+9I9Q5Roa1aIpzfKl4P55cWE7SqXKImOQYB\r\nLtCQ+QDIKd9uqn/QhwJ4nboZaf/HRUHSVELrjCiWNkKE/mMa9a9s32nv42m4\r\nd7rCaIj06vuduIUf0g2sjePkUGLdjP3aFi8uVALrYooKt70bL9BlhDmmGlHb\r\neA8UvR1f/CPvBCGSZ8NFU9OoAAN7MQ0TqngA2vAneRsJl/2CvqdLp57wHLmU\r\nEV25gpTLMYLWXvi4+2vLJSpvlseWXEzomxlw62HUsNPAqWtCCETIIUp67X6v\r\npOxGMc3De0ESeYsdHo1/L7Kx52geZupLT1sgseWARf3C235V/wruz4FEoPJj\r\nUnu+KKFn8rkEDOCib28gKoCBVwNkVOJAKJpBwxaxF469keqThCJ59azKRUvH\r\nAfxL3gBNO3rRPeixJrdVXGH+HG8VAZWA1K0ET57c6gwgpgK4lT5AG3KnK/Jj\r\nTUwBFYd5yc8HgW346tNytJboIgFdRdDb/5/uM5NazK2xbZiHxFnpb20W3Wlt\r\nQ0YUJBjxLKJcFgL4yBEjvRwjZq5In8QuZ49MerLXTd7FiiYr6AntLgwCt+RF\r\nBGWzZ8FkHSHwoFCmAWqDLhsEGkvy3C7VVyeTsLfzkR+9bVyHrFexqfeU88ti\r\nueQ/GmLvIhVvGptFL8Fw2DsM6PjmDtOYkSI=\r\n=HFRg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/74b4dfc266d9dff99d4cef75b5684793/chakra-ui-color-mode-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-CDfYhE/ux9N31lI60wS9fMn/kgHFCRjC/aqqJt5+0k/Nyp7fITJ0dsYyh1IGtJek/JAvRlWrclEm2q6EuShtjg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220914105014_1663152657841_0.020032187468121965","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220916140800","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d0965da9ff08b5a99a82e7646db8b01d43907004","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-8a0kZmG2dW4TtuHbtepTQnM4xBMkTDDxyy3jgPKVymBY/pfMZJ4xrak77h2iv7Th6mk6Z2umOinko69bnbboOg==","signatures":[{"sig":"MEUCIQCILVc49eGePzQ1UiiQs71p9Uy0gN3VPCE+VSSbNqb62AIgPrbjkNhrQ+vycmkgXaOjzntDnUrwLu6W9qmOCaEwzVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJINoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/qg/+M3embfH1d5klIXsgSzZmd68OZ6bDORzZw14LjJODX7uNaYbi\r\n7WyD+OqnR7z3Xu2xPJGrfUOvmVOENmyqzc2XURnICUNBGQJU+I7Kw+Hpwk3W\r\naHbSbGu4+TO509qDymo8Hqn/ZPGE3d0Uz3P7WmkJL+O9c5/M1t6RxvG6b0nO\r\ny+rySef27sgZojdYfXnCh4Cn3kd95TCo9kTby/F0g4dFJ0gomoN2DCAxlc6i\r\nHHaR5BuqaASsQwNg7+s1a2fZurVzSwtDAMVnAS9Cc6g1N1p3d8tBBrEzDrOO\r\nIJuRFWMfK2Jgh8RJCBC+8ROjBjP3xpC7bRVUxaI0rDDgq5r76GePY/Qc2EhB\r\nCZiSvrFUaX7zjmWsl/anrSEno/eAJEUEt3XaPGp2CVWVdIp4t1X2xSeCH3bO\r\nzEWReQXJHgGaGcWUunz7bsm7nWpFSeB48Dr7m/WjRyuUm5fzDVAMJR4Jnj/D\r\ng3pdUqHWR51kbpCCKuqHLF1T3W+rRcA8Oz/psvkvrpQ6rl3hfUdXCCkySiRX\r\nUyWSBZlwcKYWL1WAsuS3M/bPxKdtMgJmSYBlxUHLOPLC/rFCzaOFB7B/7xTZ\r\np+/CEYzPYnNoQ9tQ7uLVDki5fv2e85WwEGNlvd3kTG/e5NDcRPB2QTLdG/8w\r\nLpSTDaFQLmgobOj+tsjdvP9kg/fE4Nd+6jA=\r\n=a875\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3e29857dac4e238ba7cfa17fa28c8c51/chakra-ui-color-mode-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-8a0kZmG2dW4TtuHbtepTQnM4xBMkTDDxyy3jgPKVymBY/pfMZJ4xrak77h2iv7Th6mk6Z2umOinko69bnbboOg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.9"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220916140800_1663337320147_0.7798730353147252","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220916141616","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9cdbb4ecac81f873e6aa1140ffee4d5c7c43a868","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-TP4qEVB7W+Bmkf/Qv17z9tzkrjnre66ngungxnjjBb6XawJqBSk3lufMhBNKyKQYjc2HVVqV30zH+FaXX30OhQ==","signatures":[{"sig":"MEUCIQCFRwJpoDmDCXFycKBlXxVE6+OVBPznVKiC2i6TMWdSkwIgFT7wFyJ27XGorNh28lVk/K0c9Xe7CXG+6Cak0ECpYC0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIVbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRnRAAh54dgbuQMGZj+OUcc91GzYoB279WlKr/pPvHnc6gxY58yqWt\r\ntnJexON3uSCsqIWkMENKWQqQs+xHEuGAQkHYwMwawxETnI1/MAS7cv8tgdcm\r\nRTStoyXgfJrYCtSpEn8mKWFL0bnU/fUugsIT0tO7T7NHBwpcXgNbTnl7MljE\r\nUX2KbRkZqk/iLwrtye7toYa1skPGAN9nlo3XwIj7Xwtc6WFGCghJ4+8j0fq4\r\n/0SBfmqK9iJWwV7GXSWI6FMO0bz3KN6XKyAF+9nYVf4Qo1hm87oLu2b5LasJ\r\nLn/OpG5bfIWjaxNwZtOp6SJlWZeD3Ux5pP1uGY5YkUlCiOJRnQN0nUzuqnIw\r\nygvcrb2Ab2TPYEChU0Hqd8zP3R3X9DOgSQbJoZZhMHNUTocH8f2LDgj2XOa/\r\nJBK+aWx2JUvpAC2oVLeIsqndePgYH7jzyJOxLCCXr4QkA41PjHrlUvdPFu/m\r\ncYYBBRq39rMzTBSWled1FLetddY+ppbWL3XTPZbKXOixQ7zdXOBEx14sckTJ\r\nKep1WR4KMRYo16MtCaQftTuYgS0aAUuzT/YQPz2sjhCVPNKLSLapYtoq4PmH\r\nmGxiohMxnotycMl4rNMk5P3BWKXFcR6iy1kLDY0DdwG3J93KgkM8PeIZHlP0\r\nH4LvWsBLOZskYGZTrHWdX5RA3YrDB4S7zXI=\r\n=g+nj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/149b428ef5d2fc510d6f928d28e88e8a/chakra-ui-color-mode-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-TP4qEVB7W+Bmkf/Qv17z9tzkrjnre66ngungxnjjBb6XawJqBSk3lufMhBNKyKQYjc2HVVqV30zH+FaXX30OhQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220916141616"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220916141616_1663337819127_0.17237405424933083","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220916144141","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"68cfefac8d7ee6c7e674b05e81bf9a6631a590ad","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-xs1O11fltIhTXXA7VocEDV1cYXfQND0oONElK5vhNTSw3a3+6PAnoJGoUI9/PbMaetA/VJ67/eoPpz08QzqAWA==","signatures":[{"sig":"MEUCIQDjtMYgWsYX1aR2cBMfzxV+bcpFu+qlk0FCUpdLmHd31gIgGJvf84n1WUk+oUSXBgjszMJqFRV4nXLKwOVaKo5gMvk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1GRAAjVRz8uzguRMYRmqCxSyH2zEYQUQc5zUdYJ9OkPyDEeZbcDLC\r\n3RGhkZQm3u0Nl72K4zOqfPF8/cxlmTDVDqpWAx20EfLxq2mkngFHhX+GAlC3\r\nVnxelm7NJD6ymqt431DTFJeL5m8wQvXYN4jVTKPMbdiyudpGw/ZMmYgeu73v\r\nRzBjccDrEWJ5s3fyDtFWNhebqidwwHKTTpVVfBALOx03B0TOrhE8+dmxiHIo\r\n/vhHV0Ud5ab9sO1aX1dK2hxWN50VTdx19muc9neuW5qPod9bpVVBvLW5lvVI\r\nlOqOqajtlb09Op4JheJnF5mX9JUnYASoxmSKMlsj6c9hGf0lnI/c/bOpsPm0\r\nJHZIzoOYD1bloLZTdEgQ+tDBcHPzlDqJo56sMKu0s9C68P15hPebZlK/zkEA\r\nZfmKK7m0JCMGo5ctpYuE8TkYvV88vsx4APkCTYDkQ7EH05rhxUOl7Zbz6UXq\r\nXz4p/Ki1uB+C5dOjUAC4QYiRRMIWU/fB3TJuwZl5Bg2OdPs56ZcPruVm3iJs\r\nhKe5Gec5NDDz+Nkix1iP9GYS8UOoQEvWFzgIWa0vsIeWDdTIe7nPi5XKp5nh\r\nacGQ4o3VEAqIoSNq1BJRN7nxkMrVq/mLlmu8WzIG8osYABOlJg/w+nSloySC\r\n4tPFAYjNfwCQHtJAk6F3pmVQQMsAJAPopHE=\r\n=oEtB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/91e1d2fb778236810736b812ed7c4af8/chakra-ui-color-mode-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-xs1O11fltIhTXXA7VocEDV1cYXfQND0oONElK5vhNTSw3a3+6PAnoJGoUI9/PbMaetA/VJ67/eoPpz08QzqAWA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220916144141"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220916144141_1663339349987_0.5081675460483344","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220916164745","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"29ad33657ab3bd070bdd3c104dca518a24e46acf","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-gPK4D0ysR2vv6H14dABGYu/p7kJr2eJjSIx1uVoubeP4CvocNyj6/ET+RwuTO9TrBTfVQDhLnW/8hlz1ippKDQ==","signatures":[{"sig":"MEQCIHzp/XZimbEcMmHLZlN8iTWUXj07C3ze2oWO3Qhjw3s3AiBKc2hTLS2Rv5M1EVJRz2jo9oIvJFQjUCbI/GiDl2D6uA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKjhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqhpw//RA37KsEy/NRbhXJ1tyidIJBRbDHk51U4jJ28PruHVQDwAO2L\r\nCAaZQCzWtdeQ8WYgK0Lue5OAGTorhyW8T4dWGHusaNobdTeVAbtqyF3yIdt6\r\nQvZIAFS6aVsL9TJeWk+7R6vagoxplutdJ844Kg60TRPoCcYkkfa9hkd9p6be\r\n6b/iB3B1mm7u5bo/Ad70zQEJJg5kEWEEJF/grgRfbSkBNzDfDIAgDxzvvmRV\r\n+/Lwj96781zT3fh3Eq0EHvWpud8vF9mtUal3VTK/XidN3yq8nER1p49+Cjed\r\nyKFOR0aOHT4+hNXnTlFOTx22rjtEAzzqNEtiHjPdr495aX8xylDvsjgdUkKK\r\nf8GwHaVbO9ZtbW+kDQjny8tT/w9BeSZYfTSPwMnrlitPv374OQFLrMVDLfEU\r\nSXIQ4A9OtFtSB/ZsDhlonHUlxPq5gfzehrCULUe36px+/KdGvhk3FWGvnHs5\r\n+X0IK+0u4E31S9rHZH+PH5c2fyUiH7pg627OzGRDPpUgNeEFSJyCPGFckR5t\r\njD/bZ49VT5ns3sYSqR+nQ/Ty9Px/9wUlkAjzrSr1/BDwGFhKmdNBRPiok0RM\r\nym0MGv18MPsOR8RagFI8nJXaNoRXY1IIH1qVJHNoxC0B88c7ueh3KslovLsu\r\nr09Up4iXjKpy8R1rBGKWm6DH9J1zHic14PY=\r\n=Lk7W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/47a67e023ab07dfa5734785dee09c9ff/chakra-ui-color-mode-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-gPK4D0ysR2vv6H14dABGYu/p7kJr2eJjSIx1uVoubeP4CvocNyj6/ET+RwuTO9TrBTfVQDhLnW/8hlz1ippKDQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220916164745"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220916164745_1663346913326_0.6032369580128318","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220919061024","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"cea3810efa1847f7d6d90e4924f65fd72ba6e72e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-GF6siwud6EY12OQHSYE36CPXrm6aWl+ijFhahwjQ1YQ+AL3mA2dO5C0ZRWLju6opS0tO6MCxeTcM6JMLSICsDA==","signatures":[{"sig":"MEUCIBuugv9SVN+SQ9kHjhMIyayZSvqPnhT8VHekl4oFKiX5AiEAtwAd0Z5Y/3hfet0TuI3GXtFvaWTqXkPchJegMjSdCAk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjlA//QEhxK2Atq33jpaSn1oJfl4GDrOQ5amHEnHXaTnFhb2DHZl+U\r\nf3q8dvNbrxBqwi8B1fDpgWWXhMKYaF42DOH96nqLQV1s6g86ylnIjyEBznVa\r\nRIk3Jx0x0sTXMw9hA3UPn+jZuwTHscKXJNp34S/fAmX+7amt3vwlQvFE3s8Z\r\nxyM+fFI+9Wo9lzL+zOtMoP/ZwmWjOHmep0A5WmjY8xJHqjEiDRcGJsUs8vOu\r\nTRzoJTGhUp5SXHjC52ExH9jWrA2xRwKfAMLqXxRgRTV5it11jBPNrWrOlk1b\r\nSEhZL4WgPRBEZGFKJdw1Nm6tENIwjczHJKKW1Y7O60OFD8rVuAX9M0/RWYox\r\nYJosm2tsj+hRkt0pgPn2UoED/ePQ2c7QnTJgRoRiw4054FH5qnmoxMw9px2C\r\ntS3LynFV0MRMgc5aJkjDoqnUNvC62uPzf25Sb4Lrpt8FYqdaIdlbbg7g1cm3\r\neFPLZoszDJ8wk//GV0eIbudK5XWUetakhgLHRWyzs//CsJRXJI3YuxQScu4S\r\nQhQBZGzp0inxTdCmeGpyk5ypRp5uIhgrfrN/4aJL0I/5JWsP1ktuyMpaW0ZY\r\nGvvS8sbGW3VVetnU42Bnkn21b0PndRxgMO0k6cYqvBWJHbkpN1JwAS6j0WTy\r\nE/X1Kro3uUPZs99AQmfJIqPmnVG1E9LLdeY=\r\n=fnHn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/286a64d66897557301ae72835535cc2b/chakra-ui-color-mode-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-GF6siwud6EY12OQHSYE36CPXrm6aWl+ijFhahwjQ1YQ+AL3mA2dO5C0ZRWLju6opS0tO6MCxeTcM6JMLSICsDA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"0.0.0-dev-20220919061024"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220919061024_1663567872753_0.7563727120858967","host":"s3://npm-registry-packages"}},"2.1.8":{"name":"@chakra-ui/color-mode","version":"2.1.8","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"887325572cd64da0a063d063df631c74fd25de2e","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.8.tgz","fileCount":6,"integrity":"sha512-IjHrdHHKG3lpCsiS7GR4TL58c0q++eL6/WrWMz2Pd6tnFFIgymacMiq7i+uNRPyvmrIhMxOMQWYlu+7dH2HzAg==","signatures":[{"sig":"MEYCIQDWIcgyKPImcoYTNJyIqcFITScAoIjLERFHMdD7kuVW1wIhAL9BhkL6yutC4vlVtepVdFOVkoXF6mbJtwDBrphvwwgs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBwpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJMg/+NAR3ZmwToyjh2yXklQ+7w4ymOSr8H3/zY6tRIfICDRkT55dj\r\nVC3uYyu3aoQTQkKl5VA0I3OVyqkfnPBXIqJ+r9uwJNSC+tP/+mdH9yDPo1Fz\r\nn4NQD8ugkjFxeXXvNShBm2NsT1k9DIU5I9TZI5eOVDXTz5zmc+SI+q+G2ct0\r\n/v6h0j0gCjYlDkLJf1pBuLS6ECVSVWCX2NWNhrmv6rJe5cOpag2ATGddojQE\r\nS9NdUvpln6rWN6jdR3ZPD4IFggYYlRLpdAblFoacyhl/Q3sjj5+bm3ZeWUOd\r\nc1ETiNXlcFGPWMEP1GAE5gmfRlzLgrmaNGkEhwr8YtaZyVDGLk4pCtwJk4F7\r\nNYchzJK0CPrPqzIVabwCTGziNzpPudAeZdV1YP41URNzuHIYSZ7q2DO6b0ll\r\nLIOnIn47P/5kO0KuZYCa33YodrK7m1bkK1o/AF2avVl9ILxw1SzjSVLosjlz\r\nnkYVl3NCc7fWGmq0c5zGLhMj8QAj5ZfYE4LLA7hfzb613PDjJog5ajukIOQq\r\n+DZyql123Dh1W440NgbetwrIozMHPosr8zAfM5EESXPbqlT50XvgflRrU2VP\r\nSK8uA4oYYUItyZOUp8drW597v5LiY7/5FM91hWImPySAxRvaK3xGKZJaWIb+\r\nXc0ztbVHNlk5NVMyCuXDvm2uT3WVObUDeoM=\r\n=Z0QW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.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":"/tmp/64155e7473790ce0120345841c551ddb/chakra-ui-color-mode-2.1.8.tgz","_integrity":"sha512-IjHrdHHKG3lpCsiS7GR4TL58c0q++eL6/WrWMz2Pd6tnFFIgymacMiq7i+uNRPyvmrIhMxOMQWYlu+7dH2HzAg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/utils":"2.0.10"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.8_1663573033445_0.7604269530559395","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220920121057","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"32ae4feca510b2b50ec7406eac0427b120dae14c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-1ZKygcvu4npGDaH2acmEYDjz923t7dEKURx/xeLhR4oGwJuFu8s/Iwntalx5OYw1s5H7axzDXr/uAqAceMbWNQ==","signatures":[{"sig":"MEUCIC3r/QSzPhHzmZKeH95RoBA7LdR0kyNfm8vbvNBdZ2evAiEAx538x031m4xomzKeWEwQXHdm42LnS7vrDlzqTj1tm4Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa38ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXEg//eGMf4mhqgLe8HMkBR9jgi2jt9ITKYm48QqpasuJdahJ2k1Zp\r\n1CGiDgnfHn1jfgqRau8+LtlnSD0MWKegSsvPvcyMgBfXKm/jbU9xfifxH1jb\r\nWqQjkA9k3jiDLqxLMtHq3XarC7NEzwraBlQa5jUGppWYddAZb9fjUwxePo8c\r\n7sMBHakk6LOjUsJvRrLF+tD4elZyI1f7DB9Spqhu5giIBfzg4zcFBpc6eDWz\r\nCJ/GSVHyBnl0wgGEF7qu5/jGG+u4ejHUkxQNtcbN7FNLmvSEOU/bUGFg1DKn\r\n/e1Szo5lIn0vRNE5vNxUtAzfi3eOfbBCM9s/yMDKQiXcMoPhQl7jS4RJ/0Ki\r\nAKR+MALgPFWczm51dmvtE4/vyo/Oxxw5dH6frhVRZjx2NNA3Dp0FOZQn3b+0\r\nz1wuO/CGG8exnEjy1DrTrd4Xd6yd22EKbnaEAQaCdGinbIQ4AFMQ/8yx0A/c\r\nyeF7kBGPZHW9Rn0C9PrzTgyNrE+FPP6lxju47fU/BUww7KtKWG3/k697kEVw\r\ng9W2BiCmxPnuRj+L//PjqXR/IovGAkudJcClDejEczt8S85gUzZgAdywxEzI\r\n3ZHXb+j3qisWRumbdkyiRclSnUdgGx+dMMEMI2eBw8OuTQDdmpwV23GE78XR\r\nVsvJtSSJdU+InsFD/C04SLpRUbSEdJtl9Lc=\r\n=epxH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/8986fcdf154a1c6a587adda02d64fbb9/chakra-ui-color-mode-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-1ZKygcvu4npGDaH2acmEYDjz923t7dEKURx/xeLhR4oGwJuFu8s/Iwntalx5OYw1s5H7axzDXr/uAqAceMbWNQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220920121057_1663675900176_0.005855474568903896","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220921093814","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"988200225955f9ea73614fbaf34ab0042db837ea","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-39pAWm29+slX7PsU2ZTA2JYZf1zhoxGPV+jkeJgBhq0saDTO0tU0nbtWoUWQdeREiq2zilyFUJYPpu9ZaA50Wg==","signatures":[{"sig":"MEUCIDWmXkdid/hh4DGgUL++YE5I9/bKzhj9ayyrdpl3VDhpAiEAgEPDq20Zyuak9TJ8OS6U+PMXQG+NZypl9v488LnEtAA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtvGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNYRAAhtGOeJw/cuRvRc25eMEtjGKase/Hq8MmG2zDWidEnUR6aFVy\r\nj3cGjcATlKZ2MJtN4MZvWG+X43uKpf6MmCuoVuEUMC35haOEbcTCHAQ1Ux6E\r\nYrU7FadC9CkSgfkKoK94czsl/xeb5v61W3w2y0oIdIfEtEbm7pGtXZePN+UF\r\nbfvZZqYHWFpj0uLuWejhmMDDWgsnvHGppKkmiQKny4WnOehocBjrPa6HeIjM\r\nWXb7SfNjV7mO9+TR6lDIm7XXf2JR9pgRkv3wX3yuyEZaQJ+xQdtWVHNiT/FT\r\nXonyCr/Hyl2QrvzbIxt/vr1b5v836oTN3Bu4gFfj3hq+li+DVvDxlvvF2g7u\r\nLMSO1HB/9IYSS0s2SDln2vum6qu75EnVDjS4gyaLOCXeh36JmpEJJiWS1Ir9\r\nglWh9MKx+/GUa/qc7THB9Mygu5wcoxbkpyzfbiw3VJIZbe3S2Pk/20OjKIdc\r\nU39rm4hPX4HbUQeD81MmEJNCFH+a5u1MV27oJ2zHzV9EUoatO//ftmc4tSPf\r\n68jctf/j8cOE5ch/SJlzJyOlsnNVVsHafNXN90oVG/E8h4t/C7T+f42cXS/5\r\nra46+SC/QNdZl+uKbA07PoWuB9sz2NFT4zObgplpp+n3bciHXvNBvSmP9SRL\r\n16kVty22K/52GTu+6Igrw45xEYq1Ap3N8jQ=\r\n=BwC1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/7be298f9a80001e3156e0931b45baea3/chakra-ui-color-mode-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-39pAWm29+slX7PsU2ZTA2JYZf1zhoxGPV+jkeJgBhq0saDTO0tU0nbtWoUWQdeREiq2zilyFUJYPpu9ZaA50Wg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220921093814_1663753158177_0.95586326534214","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220922114557","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"64a8610c604f7d65d707692a30bb3dfdabef962c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-cYrcJaq6yczR8qLbAUKN6j4YLJM91S1ebv0+VW5IxE8dMc/lCcsnnapadVznvcmJ6CVLTHqKCws7IyXFHMd73A==","signatures":[{"sig":"MEYCIQD5sUpv4h4Ot/YK06TMrXn+3OuyOCz8YFYZ7FyRFmoUkAIhAPmADA7g095c67T8FNtT3hLA1mo7m6r7Frt50WVt3BxU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEsiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/6g/+Pvq4LfEX6vBXSkIV8V1jJwdoQQVNmj7MnTdeyK+EoFetLp9+\r\nTDiZj8y/Fj+U2Kb6+Uf93D7OuqI5fJJBL1PrCecKpPE3rnJmFMivarVkniX/\r\ndZq0H2jbKLQIFj+MyLH0jWQjC+rnQNvbKxAJnVeC6bWJh3Z/OVSx+6gqQ0H/\r\nD3szmJtfF/WmwJNChPuLSKogMutPX/EZdpq7rkr2onJPCzo0mFcI7CON0nXx\r\ncdAXkVwqdu4gUW9SDcg02YUzz3OZhQ0T6dR0jrCG/PsK/eSyhlBm3FAyQu6x\r\nWQQi7Ty4dm2Au+lvJdvO4s3NHgE2G9waNoTCKJlmgBa/rj3N4W+RZYEhNcWY\r\nSTgyQu+LkgT6kKaBsVCb42Qy4ckZj0Zx+NsqfSyEKcDhsCtKOZiPAVcd4eAc\r\nYx/1cwltP93NkoCsMB0ZeI3BihnkUEccGtGRrzRBTvT1feqluRr2P3tHnL+Y\r\nOANgXKgwgIeIBPnVZAwLpvG6tmDXu5cl00rHtoFmGWKGw2Sb4WBYnSNAvwQ4\r\nM0JbkspkcE9ljZKZTU5ASTkKYa7QPW4cR0Pkz+C4n/ZmTyGSe++RqH+yaqs4\r\nu/q5XqAqM/uruDf/R1EFiTAb3qmItSWWHWa7LRIpHkckVrlTtKl2ueHszKux\r\nA+XtEeagX5tikUCYdTz0aLfT13ZNBEOODt4=\r\n=FEVP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c318539bd84421f106b7dbdf0717234f/chakra-ui-color-mode-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-cYrcJaq6yczR8qLbAUKN6j4YLJM91S1ebv0+VW5IxE8dMc/lCcsnnapadVznvcmJ6CVLTHqKCws7IyXFHMd73A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220922114557_1663847202033_0.9183539545575192","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220922115811","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"95f1740597518828ff745f416adf2743bbe1fa39","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-M0f556vlWyIp0Mwj2bThXkzq7CAKKX13snUF/cZYgc5nURmyWQ75coQpZs1Satzq7d8HruWn/Nit4u/5tY5rpA==","signatures":[{"sig":"MEYCIQCpGw8aYoGlMl3BY68i7vsgZ1VLS0SDbVtIvmo9lsGVJAIhAKY2TqlPy0ZAme7evYtp9pTN27tPeSUkuUSoWMJSly+U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4FRAAhj+D26zvQj/2/KnuL/wTcjqLJ4Qw/EkhiuJw+h9QRhjpGZdP\r\ndW0XGbky40JqeMf3WVeUfFD5oIncsVTmHCZ0BbWczcIFDkzZCbDlGj+EqUEF\r\nE4dkRPOUkQ9Bih8KAYmaDUMDipJWFKL0v1XiKHFe0m9MNZ5rxbbifLIZ0Qua\r\n9mFrWbpRuNoOB7WsW/HUuyn3n8btj4GT6+9sA5Tm715ihqTj9wZ9P/yxBi3C\r\n5hEM03ypDqfQCR6gXGpGLOe/sDu4Je4ZjUNE12Aim2Ovr7Rooj5NcJxH6HsP\r\nlNr10/6ciJ8msLXOOPqhwELu59a5eDSYu5fQTc5wAEFyl+TS95Z+9+eVWRf9\r\nDLsvTec001uOQpyfmnHJ4a/xtGMUMN0kNbRf29ScWmmeHRdXg9zdNju4iI1R\r\n3NbyJhvFxfKoS/oMpKWt3pxFKvx7LdnCNXsGn+Tyw5i8/WHzaQDlgFwbmWzO\r\nBTelT+DpvEp57xx6VXGGmDEG5pk8kjm6DWqBk7Pxcxw5HYRsrWOMTV1S9vB1\r\n5Z8yDTvcUOadSvZNE44Z5s7tiSEw5DgBGbmOHxe8v4dkparZEvZFLqPKWNRn\r\nBC5UYZfEwxV9jOXZjx3GADGPdI0Euf6nfZkkf+Ln/81VdVuUHCavpyYoBpyc\r\nJ87MldRJRD9df377EEJzIhDTK4ATWknEUYE=\r\n=3K22\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/40d877be73b77547405dbf9f76d4d8a3/chakra-ui-color-mode-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-M0f556vlWyIp0Mwj2bThXkzq7CAKKX13snUF/cZYgc5nURmyWQ75coQpZs1Satzq7d8HruWn/Nit4u/5tY5rpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220922115811_1663847936108_0.19340066423945657","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220926164115","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7af4fbe8dd2592362f8de1c898bb6623ad41dab3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-t7VvM/Dn5HEKllw4vAoL46dQ71YmBV2eQgamCGk2Qd8YaswD5SU7XTHAQOmWuTI7QJt18J/aWKKrObMd+1+pEQ==","signatures":[{"sig":"MEYCIQDdJh08E8Arr6thvrcvcyiqpsJ/09qKRELWQmnDc6veQAIhALH6bgwuSz0K5SEU5AnaxC/G33oL/LQH5dinjAG45/4s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdZoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5Bg/+LV/VNl1sLCLY+5wHC52ffvQsrza57qUE281gWGGMjwyDmIpT\r\nFQVHGBS8Tet6mcwvvfADkEnwxNZMhf/yjWJIobC3GMwqO35Lfpe041HnDTEh\r\nN1yCpMhLj+tepiUgqIU8c6C4b0bAtGeUTlZ2MPvHB+IEZOHkupfb1zk+BLjG\r\nwwZ41oAr7F5NuSKQLEptqe4wIca8I+D/joGa0JpJLDSbQlstj5p3F49On/t6\r\nuWxz2NvClfLookBa1eqHoJ4Dsgja4rowxqdic1hBdxZQK+idXZ94xoHzQe7G\r\n6618iGzVUnnUeg2Da+FaHAXlkvkvcOJto7tQBsc6gjuE5YcTFVXBUm4sQymx\r\nmRcx+2De6CgibXsRBLcvqtpoI5LBqHzui0/4qFFjef8bLBAK/5cwfAeilNie\r\nH15fDsjXH2gZoR5E3tU0w9MjJot4KIrl3WF5iYSbiPz9VOSNR00sgPPScEAY\r\nYYqUHf47QGdQ5486A8N5+ikDO2U/vitM4GVL/fzhBtx8stYEgFi5ACSUSrjH\r\nydi6/bV8SuZsoveLynGlaIrOzNwiC0ewSIBr/ql3pmHnhhx1JFvpE56f6gnN\r\n1sswFFrCPdguVAlkrtHlYUo/24dABd+bX1BIKOMIEfX3yVRUNuIVAIxdoCN9\r\nquc+6GfSFbqtLb6SJnILGOHi1YDf4bCBbMY=\r\n=yH/g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/d4d7ec9f6d4d99f39657c13a80ab41c8/chakra-ui-color-mode-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-t7VvM/Dn5HEKllw4vAoL46dQ71YmBV2eQgamCGk2Qd8YaswD5SU7XTHAQOmWuTI7QJt18J/aWKKrObMd+1+pEQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220926164115_1664210536137_0.003141379932235955","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220926165450","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"79e06e195f29da2b261a60489423636983f5062b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-5zJAufVgco8FJbXjMQ8zSPV1S5C8P591wsWPxpgo1G63CtOdIW70AMAAKs5vtsJU04Y7btynXLvfbaDz21XjUg==","signatures":[{"sig":"MEQCIGd5LeINx/EuAgA95pTa5jwd4S5d7wsatzp98pbj7f9uAiBTFawYBO+lNylrvcEcoa961OitLHVopq2X93f+amJ/IQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonAg//UeKRbn6Nbx/quSAjpL0xZSIjCdeoLW8BcfRnip5IVETMeykQ\r\nZPakzYBG0YiYsDorZ6WdWrB9P+tAcKiIpSthNFuGhZ72iSxMRuNBE5DkYKsa\r\nCtKauvWa/Wb0r1imrMK8e+01ojhwWkPQbP6xNbOfWM4q8XukYvBc0L0cAvvv\r\nuj93fA4s2pvU3Eq8jA76pCnPx5qSXe/aZgZxed2g4Dhn6OxmU8ChlgUwHYTY\r\ncqHCteZ59Nen2/tRZOrFLpsApgUeCmu63SEuTYhGzBNQ8R6E/us9hRiaIdx/\r\nZ10XpftbI2tP8r/NX8NwNmminiRp8HpOb/bj7YKMy3fyVv41T3AXzG2mvPLq\r\nVF0OSBVkeU0oyXSNWrFTGRLxWfPWy1q61hNFr3hOMUtVo7druerD4UAPszzk\r\nn80GvYwH5+Da2PHEEHI5hXU666fRpswyYOBFVCPfyjpAsjsxRl3YlDZR9YDN\r\n4NRlcLZUS39m6KHjh7TJo3fYTYFK8oH2WVwbutuvVL2MUksUGBokkXOntj9w\r\nmZPT+i3/ymQyJpfh5lm0MQYmmeXfIHDi6jZepCdA5FQ3r9sWRQt9ZIuAbORq\r\nCmkPxzaas//JpOTFtZ+5nw726pcUmzImzG/exePp8cK6XUaHe+wrYGHadQsz\r\naqheJR4Yqf93ZQFtTI30E7Tonhqqs1rDlmM=\r\n=tQHp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/ee348693ef2135968364f4d73ada2d72/chakra-ui-color-mode-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-5zJAufVgco8FJbXjMQ8zSPV1S5C8P591wsWPxpgo1G63CtOdIW70AMAAKs5vtsJU04Y7btynXLvfbaDz21XjUg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220926165450_1664211333531_0.9578109743490102","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220929105632","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"aa007d5f057e54a27963bd59f1847983d4274401","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-oPUGzykJirtrJJYfUnQB6fo3T0w+yNfX9FtRuaegbgk0dFqWY25D+sgtQlF6Vp3s/Lj0qfheNoHDiqgDwIqh1Q==","signatures":[{"sig":"MEUCIQCTMeyfPrYIn1+8EfQKvkwr7tpV4qDMwncsK+N2OVVYzgIgdnBnrPlFZKEs+vDz0FUK2+CpS4Jz6dA6C/O/lOQaQe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXoMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJdg/9Gsi6YHm0gOXlgarOMSYdGsX4km//ebnbG/Z+50U46Mi8C0H5\r\nEbMSR6W2/wCh8EyiKQhE9Fx4nQjsO0+GzRUj3ToSB25BBMOkCZzL/TfAH00h\r\n+K1fUW++H4B45QSda3KuYjb2yMqisa3vXJlm/7XsCT92QRf/Yb/lk09p9HrR\r\nx4WjJap7bilOJqkjJpGg8GFx9EjmRGuVDUszNbhDCemgsYgnMB3AtYYpSrRA\r\nUdOmFFJbZ9pbGmkuRfBZGP++J004Po7MQdK8Ftwsp3rNAqQY+RiFkQU1XByX\r\nEJmtRC2DfiVF+qnCn+u6FosSR+gmeBJu2Uvl8HW1PcRvaAGdQJ9pBqx7TQTb\r\nP2KxUID4XqnBw7z8yKeMaY3DucARZ3HzG/Ve1d8ldcdBA/VgZ/6uiYerz3xa\r\nmcXwif8I1MsoQHbU7EL2YRaiPBS1kWDiciOnDAmvb1KUXYbWi+zk6Rvm2t/X\r\ngoToLoo404KD1LIdSmXxl9L/4MGb3HX25wYnl88uqUTx12jyz6en3j6lD2ez\r\nTm+/2egWNVoNi/1NB/QMrSzWz5ev/ZloL7ayIqHdAWFEY4fa5Ie7GF4KTj/A\r\nS05WTFrYb9p4bTjX28dHBMSgD+j0fwGnOnYgvuRpUP+xORSn7vrHjIoRlaZW\r\nILTRU/WcrgGjZEo9X6ENPSeMLUXtjZN8v60=\r\n=aY0h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c121c0aee1d337d483481c97563be7ec/chakra-ui-color-mode-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-oPUGzykJirtrJJYfUnQB6fo3T0w+yNfX9FtRuaegbgk0dFqWY25D+sgtQlF6Vp3s/Lj0qfheNoHDiqgDwIqh1Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220929105632_1664449036086_0.9521349704740034","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20220929132459","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"062f147e6b336920f809b32e50b262d50917e1bb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-MpwSTJjGdX/mCqs9eALGA65CuDKlrcteZ46W3ifk8DU2HNt9dl3Oai8RI0VBEiROc/9L5y/+kniS0pzseUfvdw==","signatures":[{"sig":"MEUCIQCiOnvi3cR/D3q4tV2EmWyrRB6cRgiunimzwdPJjwl9AQIgMr/atKIOePkmhYC0oqqFtWRqK9JyTfJX6Z65/4NSzd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZzkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq65w//WIwh0Kd6jaSorS3Dll3dRvG2R5oi/92MfPDxMIDnvWOsy8EA\r\nMnaCoiSgD9CcMjt4cFFjqafB88pWlKWnoVzgbReBY+hAo+KVYTp3RlGsh4hu\r\n0uCIU7YgaLg3BIt07U2teXpX1e+jQBPLnqlu/Zeag05s3V+IsLJPl2KIWs8d\r\nJ3XZH25GMFUsZcuqKpDowtP0fFD9SbPRS6a2sTSWIWBIG3kf6DNSSw7thsTG\r\nUarQtjrvqKzDwBFN69LcAFhTxw6idUH38fxu7+yYGMTT79tefsjJIZBBYjiG\r\nyOEiksDJnjrOFpSmJEWTlLQJKR6rpG3ZRmr9hPkcdc/bFTE0aS4vplnTNxP7\r\nlbHur/x2ujDux927vaF2pPFDr44jMFQpCKTn2VQthdVlGJ9l5IbxVCHi82JB\r\nSwoeP0jwdMdkJSB1tm0nV2ItVE2jN1ATqUZ8i3GhA/84vqvt4jB5PvgpEiOU\r\n0abUI7D8k6iegn63nOz+U4dn8+7XHkiK1Q6FWtwvASZX/YUTJZDR5s8nd59h\r\nzhfzD1vt/tJezw8H8YY0DP8dojMu03wBuiHH0RMsliLbDWA1NEL3l92sj1KY\r\nOS1FA31VU32UuQGnC3Rrdz4KjuvA0CrubFxIaSjMdyyLmxQfztnfmMX1/N9E\r\nPbmzyUFb0eATh0QCPzmYvhGYSuTEKIe2GZk=\r\n=xKxp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/391d837bd3f8448ef6263f22f3568130/chakra-ui-color-mode-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-MpwSTJjGdX/mCqs9eALGA65CuDKlrcteZ46W3ifk8DU2HNt9dl3Oai8RI0VBEiROc/9L5y/+kniS0pzseUfvdw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20220929132459_1664457956255_0.7459961261690586","host":"s3://npm-registry-packages"}},"2.1.9":{"name":"@chakra-ui/color-mode","version":"2.1.9","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d3a6f9ba9eee15d9e14cc96484e25d44cef1dbc1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.9.tgz","fileCount":6,"integrity":"sha512-0kx0I+AQon8oS23/X+qMtnhsv/1BUulyJvU56p3Uh8CRaBfgJ7Ly9CerShoUL+5kadu6hN1M9oty4cugaCwv2w==","signatures":[{"sig":"MEUCIQDdA7oZpJR/S77Cu6GLdCPJzZONPU66OUoBJuFlQJ68lQIgSJeyPsVLT4YT2LzICzWYdYCkG9ScabhjMiVkZEj2w1Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqdxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7BxAAnykhF6u/jmuMOx4J+702hYLMVBGhEW/2DOWtIpSf6ntJYcIj\r\nWwd8lz9kpkVcwj21x+v74TUyDLkZ3fm7RoGTdbnqhpsdZlj5UjNql0q1aoqp\r\nPcMsGkr8yz5ZhY21dToy+TW99FQKpFgX51u3s9MdrMGIG37C684qJhsKCPL0\r\nB3OPQRkaY4o01jYDe7pjkC6z4yWxRxFHV1iWrFriVVEYPLDFqS4EdXf201hs\r\ncXrFFUaBcVAu2f3pTdK/kBfB7PDRSK3ExfoLj7hxX9HgdUU4QPpHwihB+c/U\r\nWpO2zTX5exJ3H7LGMMbEfs9ebd9P71K5PCSxPXoXHjRaNFH6guFy4ckdf9YS\r\nS9ajufjmj5f4vOQy7Pqa9JKpVnLc+4XXLV9OJa1aho1gyVvTzIvULeAW+gK0\r\nD2lZUNhtN9AiklQG+egRIGxxDl2GZfQyvo3r7td62S9WPJqIMYEInPrunAr3\r\noo6e64h8Nx16SrkNBBYZDulNcPX1RELSInCK/wl9631UM+32M7QKuCBGGXBE\r\n6FATyHhhj4ZQcort5Y9gBSGypvbhbXp8u6G11CzKC/DAhdyr7sPWn52ZisgJ\r\n0hxt7OIC5GlU9S14bippuA6AR6B1ufb7AnCIWWoBCMAoBQyQlZ98ICJqqQ/W\r\n0qn8BwuXE+7aAqOCcjhJ4ithdjt30NlGFDM=\r\n=Z+QK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.9.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/a8453f42ba08e324ae55cc6466ca84e9/chakra-ui-color-mode-2.1.9.tgz","_integrity":"sha512-0kx0I+AQon8oS23/X+qMtnhsv/1BUulyJvU56p3Uh8CRaBfgJ7Ly9CerShoUL+5kadu6hN1M9oty4cugaCwv2w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.15.0","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"2.0.11"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.9_1664788337304_0.2932336588699329","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221107161407","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b7543a0cac5f08d46355763ce0f3e86995ec8a41","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-k3/xwUYExuZES9P/0Wdg3/GBWlC19eN6ZOEthtbitZ6JKNO38pULB3zWJ5Szwte4whd0t76eXEJfiwRZWUwEIQ==","signatures":[{"sig":"MEYCIQCDK8hdx1KV2YsK6cJS8oCYcZkavxd0lMHTvV6Ae+6nYwIhAK/3NuMgBtWIQvdOXJ4OpmNKipnL0GWjIkid8YJQ938X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS8FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUTw//RTowPPeP+kQSrj+E+scSqYd15Tn6wMOXOvI+5jeBffnV1l2G\r\n/izzW9qW9mpZhwxJ5pbPiwIo91xTgGyid/A/Ru5P3vA2lLSLkwd8pe2+l/NH\r\ng6Dyj4t+/kjpo9IQNBRw6C44H9eo3zkHUDoRTxs8z13WBOnhocIdl9KuLAm4\r\nNqk1MyuCi5VUk8MzKZI+1UKQiYwXfIOrryxQm95Rl4ceM1ljVi0EO37ka5EP\r\nK9sflyG6e8UYcl3wPtoOUGVblM8S5t224gbtwiEVBLlgaSCAp2FnTiyXXKFK\r\nd9zpMPTySPzAdIKbDVpe65hhAEQYLEThRGTEDPiXvyCJeJx8NETndCLXzzS/\r\nBqbJ47sxT6nWkIOMPd1W98l8QHqwnoMcXCvwBPBZfBNFz7W9Rjwcpg9CO3Em\r\n21B6Vcj+6Tz7NkIj2phwYZf6IY4kOk6h4wUA2SGpbGs9zW2zOaze18PBKkFG\r\nB2/I3NGX2Gb7MKhwnt4mPevHsP/xSWa44lqmHFN7cZRHgqLbgYZL8cYz4UjO\r\nO9nq1zhZZMdMecCJsrFGjj7qARJSMTGYPPLSzVFVE/ZYFlCboMuXoPArwdHe\r\n8qTiV67V43SDYz0Ibo6EHVP68LhmtvkhHUB9VWVLLXhrOl6d68fVxMTHvtm2\r\nuCZxIKzZt2UzCXqfqp3GfiC8ZufptH110SI=\r\n=CnQA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/dbc5eb20c282a2e36cfcc016e0418b90/chakra-ui-color-mode-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-k3/xwUYExuZES9P/0Wdg3/GBWlC19eN6ZOEthtbitZ6JKNO38pULB3zWJ5Szwte4whd0t76eXEJfiwRZWUwEIQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221107161407_1667837700851_0.2919300880270759","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221107181117","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"299c1bc5008d162bc926eb26fd92b7d91ae77d5c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-TOgluJKgMu7+AyWEBSUyKrR0+KcQr4rPSjCFV3mrPJ99YJgV7XtENAt9gFk1v3wnSuGOEcq07udtGJvT1yY0lg==","signatures":[{"sig":"MEUCIQCZBK3NukjVuJ0Bmuh8bPK41jCtmZp/qRdGZ/m11Jv+LwIgJ06mcePx2FthFapWd6idJrg0TfqSbRtK75tnd529Qh4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLJw//dlCPjuMf0qKnW4ommrNCg6XHYCgb3RWKl9mLfgncJPluXKF9\r\n8n1vj6+hpOCDowGo6I+DXMtCD8BDyzXr6wdSkvAOyw0O5ploPoJw2UvU9VbA\r\nIvBH/rtfHGvgmEMvBKgJtjywONdrKWrsuu+aQCODj7ulU96JPdpQwZGmPd1i\r\nCg1rIFFr9f6l4CuNrwZOKekCduaZCQJJ8/QYrzP8GMKMP4bBZFcgeC78Zbzt\r\nMxcHkAyBKC2fJXw4nZJV6aoDD4Sgr/9VPfsxYVz5DDWlwdV6kx/2YfGnMsVe\r\nzd6IcGumlrWnnVcWOjhzpfpkLa+hNMwqVBbSiCqGynciDFI28Nz9JcyWiDW1\r\nLoQ3+MLDWDCA6jfQvQMQiqRfaaoFG435P1xB+Ixw9JUhkAgRZTmsUH0JyTGc\r\nGa64S9f84pY8zsiQ5M9y+OFFF3Wq2H1x2DGjH4GCr54kyE3bBSnaIQPRIAnR\r\nv/hre1R6Y7So75pcA0b8L66wf8yHPg6hKLWh+I+T0eIPMn3J7vNm2rUP1bSI\r\niGVK4nI2BdlU1fgJtq4jQLsPAtEYOYDZFK7NfsX+PlxPzk7DKmZlq7hh16zu\r\ngO/D6CiuM9Bvd/ii80uqXSu/G76uiCrV11z/dRK0/puSXVGw7yEkkMNDoLfM\r\neTJkDqKYX90/DfY4uC2mus7kyyZCNrzHAf4=\r\n=2lNn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3c80a0b54c55ed1424830e2f9409ec64/chakra-ui-color-mode-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-TOgluJKgMu7+AyWEBSUyKrR0+KcQr4rPSjCFV3mrPJ99YJgV7XtENAt9gFk1v3wnSuGOEcq07udtGJvT1yY0lg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221107181117_1667844726039_0.5032732793144374","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221107182607","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"bc07034c84427fc9d2a5f6cb8e790b61a02fa1de","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-I99iFiODpz+oHBmWob6fwrSJ5Ybu/F6TgzIU+MVwmumqQF6NPAA+nrMbrz44z5JwUPKxe9ATPDAbBUjBIxmAkQ==","signatures":[{"sig":"MEUCIQCMgzr32HbJATUZjol/42vCALb8hbZE1OxsUWqTiLehTQIgYh6sIFysLi7kjQx1yKrSOpwQWQUhdpIuNVxSG7oYgW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU3uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8UQ//bwUQOShjsqNDQACbGNRyhC31F91Y9qnFudyIUN6MbIXOcwKI\r\nwQK5Dsq4snMEGOOUxC55YpEKKrDcU3yOi+g4ZJbsHvb+4mtSMw7lh46RM+Mm\r\n9qJgL95hcmM7Rr5pdxIOF3CQHCYWSjmM8ykI9IM0up/I1jetqlUbM8DAfM8B\r\n3dgO35SSmOXD2DZ8Fb8oje1satVqHLAYvHjSG25aHnwmbUuBDn6gz3rvwQHz\r\nBqAmNQjSYWVN3u61BjsgsZlK4dekhZa/3zYJ/5yCtuIrSz3qAZ7O0q1a+jHA\r\n4wvZ29SVMWa2C368/Pvl8beDz8tHVw3WO/qWcfWH23OJmEv7fHXyI/IVcoKS\r\nQkfJkfPnWC2br8O/IRdIx61CJ8Mj34a2xlGzz14po0LFcl1EXGdJlEFHw1IT\r\n4QPIRY1bsCt4kgNnA1a8MEWkhX1HgvnXeVXgM6fZ2IVVlSfy4eTiHmNerByB\r\nBoMk8k+flFvdL+Io4IpYv1rzhrm4RBrzrHhlAS+8DOhIQwHPiN1jaUoz0cip\r\nkgwENgy8KU88gbMeiVnLgXrRX8HpDjyCZ0E9yiwUtWuNVK7fsVn2orF0+66R\r\n5mvArjMry1MP/0yJFec0FJvkY7z6mbV1UfJAAkv//K0wXjraD8CCqpTYSgM9\r\nDwUODV6Ho408JMW8mLUyeY/EPZKCvucFYPM=\r\n=Nffa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/9565125db0787c884a515a4fb544e136/chakra-ui-color-mode-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-I99iFiODpz+oHBmWob6fwrSJ5Ybu/F6TgzIU+MVwmumqQF6NPAA+nrMbrz44z5JwUPKxe9ATPDAbBUjBIxmAkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221107182607_1667845613939_0.8161404325277817","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108071844","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"7e0be67e18c9a13fb29dd5cfdeab98b0fbae3726","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-qtgjpir/fwqlEO4C8zVGDKzHOqLXdtoINsCh8ixkhQOXzRjqWppwWB6PPdqtcrDwIZJ9ISxIhnbcVs/vIqyWpg==","signatures":[{"sig":"MEUCIGbm4TQg0zKs5JOb5n+VX0hmCfdvNNoASG0V/IVu7aj9AiEAm5w0xxEswQdfkZ+k/0yJaAs41V7RG5w0xtE3bbNuiF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiCQ/+KfUSZQiq+RQTh+KWXPdbj/1Yin3GS96uY5GbKyahAg0H7ZnY\r\nFEHgYRAa08QgM5uETDKSEwxPzHO6nfwJyI7fQqAHNweiCSdMwqgr7WQe065a\r\nlmZvH8JedHtCUXYg9KZjzUlamP9BFzFLfkzbFeQVTU1Q+njThjkecy11RPHr\r\nStGJFwpOOZt6djvIF0ETow6cc4s9tfgbE13iI57geabsf/Lt1ksoiRQHCbXw\r\nW/gYRFIULjVnpzLTLuboJnFThlbp99/D0gEqitiEnRJOnk9lsXliZqhT+1EA\r\nibY2I71dIifYketl75YI2DQc5aRM5DPYBLm6LvPaES7jV2558t78j/jkUWpB\r\n0AdP806MglMCSaPC1qgujcP3ZOUwNMyck2pbtqA9vcdR3K5xMN+K7xwnNtm0\r\n28lLaNydTHPCpYtp1PFnX6sGegmyaaYkuz6aVLNoukOFIdCHI+d1jzleUyNr\r\nwSB+0wjUv3LCGqr8OCLJU6ogJRkpTcHFRseNNYssf9vbtgCzKQR3+SXIJgrA\r\nxajcwAxOH4mMk8E5d/BMt80yQoG7j2LvGNgr1q+8njmKC1RCAXrOOxPfn7cU\r\nEGd2C34u1DjONIz/2fmHS4G2wmbi7Od6C7xzAjh3iv/AvIYc+vmhtf3DGCfh\r\nXqGcm6noMHbkAyFaCyZAICCNvEguhQaCi+Y=\r\n=C48F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/814df44fc8ec8b580e3d625e7b3dfe10/chakra-ui-color-mode-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-qtgjpir/fwqlEO4C8zVGDKzHOqLXdtoINsCh8ixkhQOXzRjqWppwWB6PPdqtcrDwIZJ9ISxIhnbcVs/vIqyWpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108071844_1667891977528_0.5169033070020068","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108073543","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"c523d4807e56b7bc2c62d05118e35a9d726746ab","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-KyeY1ZBR6C5hvCVOlNxJr516kvkWkINdprch/ccJAF+JfY/KYOiK66zRQuB8OGR4sKaBwMFw7KNnuMOZ4ssPJQ==","signatures":[{"sig":"MEUCIQDZBCGH3hlsCuwviuzRi8eR7Wd+xRVcErSPNR/6Xr1ZJgIgANysldvk3voB4G6GmQFWPksxQvlF7H8EecQaBkuH9Sc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQVA/+Nzcmi31psiZoIaab5qRidDf8ngJPZO5vDxCxzrn8Wq3Tdt2Z\r\nvwYDolPoRCmDlQUHdAZRzqjJGk7j3X4lig/1cM1oe8BlNAfHVa/wS8s7sBdJ\r\nIIDoZiPxAN/ICaORz5rsWQwylKNrQL5PGQ2icwnjyYLXQPZzlQ4KVpeQFz/V\r\nQ2QqFjDEc4NpXQR7P7Q4njxXI/+Z6cAj8cnQU6l084YlVjAWGvuobNW0lUXE\r\nzXxy5e/HU4C5m/mFCd2Yde3BJ/x7YDBOayt6uwKFODCHVdrIkKbIbbcmqTfB\r\nlxF/7WCYZAkmAaiVnx99mxJpZ9pAGHZGYMRD68X3Grs7alcSeGEH2DJ9EFcm\r\nQHgVQBWgXB7aVQcBy6xhhNgxBl2svAY+L2Wa04pJfbaG40UBAdoOn3OSa2cq\r\n7Bq15uUdpwTrY5RnDbH/7yMclXsBi2EGRk9zcIfRQG3n8z1/ibCNn4tKrmTL\r\noNCwDsgmX4koYoNT4x89sG1zVIqtSxAJOGsO1PQpqK4s/2mSn0OLzfVEFZrF\r\nEp6B7nwnFfMvNkzSb/uB0iC3mF8ucNVu0csxhcul+vsnY13aPvyXtZP3rTna\r\nwWVTYqTtuN532CBQJcUGPd+OHFstp36npH11DCvajet02IuOTIguq9wZ0sQu\r\nH6M2T9hx9o47WW3ulsSflkWPv3BWvRS1usA=\r\n=D30t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/d89208087f1162fd355239266d002415/chakra-ui-color-mode-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-KyeY1ZBR6C5hvCVOlNxJr516kvkWkINdprch/ccJAF+JfY/KYOiK66zRQuB8OGR4sKaBwMFw7KNnuMOZ4ssPJQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108073543_1667893001028_0.8443392742870268","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108075029","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"26b8398a520c6dd8f93ee0674aaecfe172e2b002","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-Vkj2ulE0Oc/26XQcteVx4vTU+9LoHTIKyF9LV0xA3BoQQd0tYPmg0+KyLMoghHvi1QOkp1F3/3NOOd1KuBCPTg==","signatures":[{"sig":"MEUCIQC5YUH7IDD3MsS32x8Kpwnw6agABQRSyQ0YO/Bd8NbUNQIgfGNlFrVyGEuL/Ru2edC+iEZGja0vEHBdZ34aLV9XuiY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagqAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMwA//cCXH+rDg4SaUR9WHKKvRA9hn5Xg2FiBKEocf47NojKLBDSMP\r\ngpSZHJGYk70tAfZgRrS5f4+/sMAgCKN9vSGzSgnNOs0PK1mNjIubBHcYhBt6\r\nW3BoUlzFqyoG2eoab3kf3ys/GCf2LbSUnwR6cAGG9rxp3SbEHmwQ4DeB1QHj\r\nRVShQO80n6YKGIiOiQtgqvjsOCPy1iZP+wAl+DB3wYew6KwLq0t4eeVzvxvx\r\ncFpYHw8Z9Rm7sazAUUNXMKIsRCoMofQ7a3jqsgO7T7kjhOpyQsOjCncmqhoV\r\n7r7FuImEaknHBI/plYvxIn179faWgynC7elLFnEKXATRrmRYPvXIc6t/n8wf\r\nTx5giSqtw4w0HpXdnHm0s/9SkiGsGI9qKYdYZsj65y+hav0tco5jvKK8hSuX\r\n3RZvmtT91/snEsOvx0vitRoLm+W916KZCD+jw+QdKIIhDd20zsOdcAuH08RD\r\n85dZ286f5UffqhdIwHogBlkfXfp5qYw7KR2bczZiNCjRJWzHc5MPdpQHih7N\r\ncXnr7HB6juWx31FBbC4d3VdVIBVUjpGVmHaZDOMxlWEDrm7wHepVZl7v82Bl\r\nP6hNTg02M46u6J+1XLeHip7302v+5gl+wuFs/gb5f5gLpotWIuCA3EJtGqXo\r\nJRofKstozAKckQtM7iweVYu2mbCMK/xl/OY=\r\n=ob0Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/e879b434ad7af2fc669d6b14aba90fbc/chakra-ui-color-mode-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-Vkj2ulE0Oc/26XQcteVx4vTU+9LoHTIKyF9LV0xA3BoQQd0tYPmg0+KyLMoghHvi1QOkp1F3/3NOOd1KuBCPTg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108075029_1667893888420_0.3803551742342377","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108083411","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0491008458f733f4a4e84647cf3484e347aebff3","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-1Rx5AFFczr5T0UXQaym9T7XS6dgyqXnMkTObUk+tu8JZvenIzJz+cQ8Alghzp17ZE+KUhjSKFReUqDez9LuPTg==","signatures":[{"sig":"MEQCICh4rZk4wU7OutFabq+COHnKG89hbf4lnk3t4c3t7Ls8AiBivHaeWTkIvusqe5NY6hZg+Mr+xv9j6DrH+Zgb2uViLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahSyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp21Q/+LEUIDzOQcTRgsDxhv6YIn+ieB2A5l9txk1Bb+QMJHFofA6in\r\nNVs0jlZEEf8a7OzPgRUkYXaZqwyFk5oMgrVzuA0rLO1EhZLNUHgsfwVsMVxw\r\nTKKPUPAivWossIm2pAM8j4QDq91RZ0/IgaXT6Vptpjw0uHXOyeLI6BvUqPV1\r\nmjAAoTxHwGIJHwacR4jU93kGVj9IGFRQ9aN5UCfp7hPpELvtkKJtJ6pTsjWv\r\nPrM4bomkp93Nap2mHsMQx/lHQj4X2hJNxgtXEm2LmIQ6LrWs6u5qHodSXWvw\r\ni+/FNllHszSMfcf21eCgJREc8zYE8ASQ/+OsCPnsxG36roMRGu+pumA0ZF4o\r\nlCGg+qN8rRkeIWf2IyeMxNtVGWBQf4sDKqQwMd1DpZ2om4JaT2BlRjfUijR3\r\nBcEAhiVgRfD2ZomGyJtYsa8l0Lr/EGKEJXd1/yRDCrVRXqtfq37vllHhXoV0\r\ngU6PEwGP9+14FpgtA/VHLvgkZSQjBiBHuqjvJhoDGWOkQ70hd8MRzHJmR/Ob\r\nvd/i2d5PmqvK0zwMS2wwjTd7MoNWmRMk1wyfqtoWuJgKuf9ZTwQD0GIEgrXz\r\nM4fLqZXzX/LHlddQ9nwaQS3IwJrpA5bjr8qbc//ZfKzL6gaRfsVhZyOo0IVG\r\nkbEhAcY5tANpI0xrzQmSHxHSr55tsXz06qM=\r\n=eM6F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/88de958eb26ad48ef7dceec3aadf3505/chakra-ui-color-mode-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-1Rx5AFFczr5T0UXQaym9T7XS6dgyqXnMkTObUk+tu8JZvenIzJz+cQ8Alghzp17ZE+KUhjSKFReUqDez9LuPTg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108083411_1667896498226_0.5184230423721263","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108090938","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1e8be1565138c9ddc74d3bbf848e28dc0d3edb70","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-KYDOAk9f8Ce39ZjPeo7txwlpdWLkechnP9O3vyzObdGuH34eHyEsf4tUPjC1opMn1YvyPQJK7c7mDhNgUWaCGw==","signatures":[{"sig":"MEUCIBLKf9CXKIh1tNQnHDAXEv7YsjIJjg49r4NNB5uelHV3AiEAvTEFhj1XzSrwMArRA4S5H2HOtAVAtopuL8nl6vjQokI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWGg/6AwYIZq7SUyyNzUnHE08VRgC+jEWHwB7wV9Dp9qNHcDz/ipk7\r\nrXambGQqny+yDrJiKnRQL3mhTZbSAUkkMg//jjxYUVqWJlaBlFK17qjx83Tk\r\nGhFzTsqGpZT/iNuQ9nCzPC4Upm98xUtzUPPp49V9FdfgXn/TJ1Er1EDXUe4y\r\n0hO8QbSNLmr1uuNE46pJ+wJPXZDIlDS/bhfmw9/fVLkkOFeuCifRCIMnYLVE\r\ncVrQcPPkl3VACtRguq3Zs3LYuE8pvYUulAA4lIEDnHVYM/3o5WNQ/y/JR9gK\r\nn3+XUaBR2CI19ucck4J+R3/XxWCNXvEPOVRh7C4p1+FeLMQZNnhyteuFb1US\r\nOLt+BHaj9ZvNy6jFgE33DjKBuqzOFWQ6kmCw13qI0OSqVr7PukMIaNV+932F\r\nGeyz3jkvNCG2EYJBmdyB0izM2Wuu3DMHza5C1+uM5zdNe7O3Vs7yOxccumyt\r\nZcoS30k8Qi0CeBBLFYxqy/vcd0k1PqBQLoQO/FLFJD/225wWMdmmS2K8ygur\r\nC0kmzEEGYwCB2tIMucoufYrIrzRzWZRXpqF67jvQ85UeJmMCx7mZuJ92K2mu\r\nxtvo8kGaWZUVPLq6IV83bWIzxwVQyuw9SS9tXuLCo0yBoUeyuTCdFEzlc2Ed\r\nqoPiH7dyFpaIfmxNVYk0qjqzqwmYe5LZWbo=\r\n=Dn/l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/299fd43e8d86f0c0f72d6620fe5f69ab/chakra-ui-color-mode-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-KYDOAk9f8Ce39ZjPeo7txwlpdWLkechnP9O3vyzObdGuH34eHyEsf4tUPjC1opMn1YvyPQJK7c7mDhNgUWaCGw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108090938_1667898636957_0.5422832659605912","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108093520","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8df0a309cae22ce3c871ee4e56b49881819497bb","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-4/gX4pWVdRnhIfaLtD0qc/R3iOCuu9ja87ZsOK7bWRAKNPO7UvEbRmN/ceM/1iwxZhrihH60xkl80yV+Fkv5xA==","signatures":[{"sig":"MEQCIDHsMj1RN0zVydULNrdclDbK70I93aMi7aRV2JOYqNH3AiAKhCf2P5mT4OSyAHPPUxPoJKwgRpmZFKRa4q7XgZ72Ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiMdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqfsg/6Aj+F+xO9XNjB3PtvI25WMW0ZD/MoZq9AtvcEqMjb18o7hX2G\r\nRH6R/bQChtRTA0wr4DaYe+NyFTuOiAvp591cEAB1ZUicLXMB5aCpDiENtw5X\r\nVSlRh3yw28KxGwyz+lzfE7wigXiiZxvqzxMIyHS/kOkiaq0RQndZle+hwhJV\r\nMajrPAqwd/6QK9facxNZBzqElbJBxEZcoycRIxqSiBM9jdULV7qmETzFnVmK\r\n+p4bSpPEPO0n2LivIgalu9KWn3n5avBCgYL55I5SrJ7vCoOz5u5krlEeZXqz\r\nmm8umwLk/3wlEWei2TgptTU8e4md2N6HsdwYmyHPqQLvjzlQMe/YcLwzzE+r\r\nYGjLAguE9LJo4e4G08Q0MDU/663RFSiPYHeXCz/rb8E50ua+EmVpbbmIRnMr\r\nqnT5kfy+EFOHxHIdCbfk3LmEI0RC3EI6GYw0mqJn+eWiU8EyqStyWBanE+gR\r\nr1wlRcCtRUKF3xKKzvSSnC440fTx7MJL9qc3L0MqCcvirfPlu5d/c1dVygzH\r\nNGufQgEfVQ87tj/htyWPfuAtVKOPW0FvtQiizUHmPGagvyl7guN/FTGfJcL3\r\nRsyAWP3w85qYRPs3S1rxNwksC/IR+U8o6tukmAqDibDFy6LxfKT5eE5B4Ik0\r\nGgca7TUralFGdo1+U/APKCDxn9+/HZZ7klQ=\r\n=L/jZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/68535cfb84ca0def8d4f6f468b5f7beb/chakra-ui-color-mode-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-4/gX4pWVdRnhIfaLtD0qc/R3iOCuu9ja87ZsOK7bWRAKNPO7UvEbRmN/ceM/1iwxZhrihH60xkl80yV+Fkv5xA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108093520_1667900189179_0.3074722583057292","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108100218","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8028c9c5c72e19bf71ec2937b468f01420c7da0a","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-tIX+C7tYxe61fpilbtpPb65roAJdRydz9g6d+LKjYYe5nRsYsI7M7R54sMNqzmLdSeQlNWaMvGBEW9d1oJeNaA==","signatures":[{"sig":"MEYCIQC87WMSuyeUS3c7d+Qv1Z/NQbJOzw79vvSzf6reyZC/9gIhAMAV9GEF0rrhdSemn26HZHFS5a7vuiyuXYW5q9TGkqMg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjailuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPhg//aCrc1+0LpQ+TZbyWAi6d/zATbOVjGulaA7icXOR8npbLTXmI\r\nU//+LzW2UP/jxrVv/Lf4EG/zHp2Bnl+qnNjXBS9eeNND3XQew8jK2/KC/vrE\r\nEAxmVu8CfcAtEzx78BGYrcrnLG6tc6fNxXiXOtzqfUfhTJw6mLeWFXe0r0vO\r\nJqKBIfikxBHMuzrhl57cDJAAN8QUlgOfs3+/rElqH4tbT0N9v9ske/I5teZ8\r\nqSrKLQjghfvi3zGMnj4vDfbMfOTeF6tGSlzRwgN+tjpeSxlbaU3DbMXtlhVP\r\ngT9akecfc9eBlpikOqcFlfYjZaTOPY98To1cT+Eeqx4gijy02kz9CzrMFX7u\r\nucYZN1FncS31zL1Kzf1oYvQg8TVBMjuRqMAkSWAkmAdNsWSuwK3J4pr9AbAh\r\nhtIjDJRxHeiS/xsZ7F6bh1a5dK5vBSebtPmAwh5xKa/6lcbOEAlw16rzviru\r\nvIXAd748j3BooATd+YcXMQr6yp6HEIWQpbQu41+YQ4eSh7E26xf9BA23mO71\r\nVRDNrLM9F8cnxxyI6ibk/QNNWRtH7Qy9bWyPwHWsr7JL7x5cV0HvJhtbHBqq\r\nu8Oq6FsonjQVe7JOWmKMYG/xo2h1HTHMMIPObEWUPtkrKbmL5P8DPGJJPSBT\r\nInFT0j6ZgBmSivpDbSxe2lY+dgZ1Y7LsJ2Q=\r\n=/Z+J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/8f6df918a1252440fe0108cd59fd2ec9/chakra-ui-color-mode-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-tIX+C7tYxe61fpilbtpPb65roAJdRydz9g6d+LKjYYe5nRsYsI7M7R54sMNqzmLdSeQlNWaMvGBEW9d1oJeNaA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108100218_1667901806171_0.6439253676784638","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221108124603","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"0cb03c61a65508dd4ace8ceaafe3eaf55123e615","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-/OYsxkLHyt/mkMEYbGtiXJzE1p5bTFYj+JsT7wk12LwvD4oAL+r1xSa+GSR/EvKJcZIvgnR2pjkCr8/hw2oUhA==","signatures":[{"sig":"MEUCIQDygey3E9Hy7vGt/X6/5QPijCzqb3f5nYU7jxL3JWSh2AIgZgyGJ/nL2l14N6oFn23dDSCcrzL8BjNjrl5eOTblYc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak++ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrK6g/+PSZBg+0fN3K9dHGpFVAhhAsgckaz3bluqvBWtCYEIh+SSrX2\r\nUlmguGKav8oAfrjlVqzKXt+F5EHCTu2+1OmUjdXfjLhGSdqh4qr0lOaDLEJT\r\nHSuQ03YR7Qfr7avf2R/f/xrH8xUlrhF81uWOFQG72oDBLbipwgNBzDPGbEhP\r\nq4KhatCu41XyTrH1kyeEu3bv8b/y3Gqgo/N4jW8c9xCnh+5l9k6KFTmLPdXR\r\nxO9N6UOwMVxuQR0CgIkGavCHEy+1Evv8BxMmoHGZ5sGe/H81zYrw2i7rmxgm\r\nVHzWc6pYbvyIuQ7t8LjI1PxPwA3N8DhaVaNozlF4asBfc33o3KBJxfw0XtMe\r\nyWeAsgUDwoYVdz8U7XFmUb0T8+qe0PzO/X1TP/HRLAAJQomG4bpZHw/24W9D\r\nPe0IMs2KCxmrXkygyhFURqDeBadXOj40yXhOoFaZtBHDpuAgbu5f/8fw9snw\r\nwclSUWcqOgE1bh7cZgEeCSnGMzbuvfFnfdHM4ZhA8Z9d2qSHh+qzDaejczQB\r\nckMpFKp+j7jTgnL0Y3x4ZrVgqD++g7u8s0I9vQpfI3lf4zJwc/xW9p5Hoj7x\r\n2cgotkzl/G/jFz/G9I5FJJkOG+JqBXMUb2XkDzLC270iqWHwi+n2tLkhOAIX\r\nSx2sLWNtVgYL5MkmULQ2BnDOXmcfC22Dn+Y=\r\n=xuNh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/e09fb4cc043f38d6fd95f668ba9b68b1/chakra-ui-color-mode-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-/OYsxkLHyt/mkMEYbGtiXJzE1p5bTFYj+JsT7wk12LwvD4oAL+r1xSa+GSR/EvKJcZIvgnR2pjkCr8/hw2oUhA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221108124603_1667911614173_0.5745097711887981","host":"s3://npm-registry-packages"}},"2.1.10":{"name":"@chakra-ui/color-mode","version":"2.1.10","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"8d446550af80cf01a2ccd7470861cb0180112049","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.10.tgz","fileCount":6,"integrity":"sha512-aUPouOUPn7IPm1v00/9AIkRuNrkCwJlbjVL1kJzLzxijYjbHvEHPxntITt+JWjtXPT8xdOq6mexLYCOGA67JwQ==","signatures":[{"sig":"MEUCIFc+sp6BzIiiM5Wc4sd7/uoYAXTzHVZ28uyTc7QG50RBAiEAgwkOAPG6aAXxHW/k2JIkhUJNimlz3+Nt/N4Mi7Fdoks=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciwaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBzRAAoDvBnnOcrI84WCE+ELL/p8ZFFqiwgTDJsrZILQII2Dczq2IO\r\neAGLt2vkF7fb9url0oEqs9g4ztTM1quVG49bcIfjWJ1Horc0bdeiBHE6Yubs\r\nFd3DzXlh3fGhl9u1vsyjM4XSHD3ievj9HXYejq9kUcWyQk4uuJcVuz7CzS7O\r\nPS7A+Va9XRrCyTKFObP6mVvaR2i5fsTWt70k5pOQQQWTCn3/QtTffbFOKaOn\r\npkBWY/GXyuMJv5OoJvxGYUPRcMO1oOvMSvn1gLpwdjNYV6oQ5hwaPGziWirP\r\nYCeYzu2oOdQsSiVrLSBRsCP1vUyPJ1SL31zHfDzv6K/IDQckWxbYLjMxCdPd\r\nXOqNnCYIekpgig1XuDhnr70g8C6yTVd842fDOt2NrDD3Ly3zmLmhroF8HuBY\r\nL5uwdYmycwyOYxE6wm06Uflr9HJxqrpi50wlSAS4rA6st3hETi5Bs6xParfz\r\nqI7IbSeIABrtRlVWcl9OaDHXrY6uXPthV52fCA+Mx+RST/v1Hptv4FRhissl\r\nDJBcNjqxTt901TtYcJS+lKJL4UaJ05UpEFETx86pposF2nW3sBynopcrp90f\r\nackRiYaYeBgqCXRuFOuNZuRwR/D/7cDbw3zcOfGO65Jb650nnf9sM0XjjD+i\r\n6SHMuqIn3w0VfW17XW9Lytzv1DDbwhtSUH0=\r\n=uGV2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-color-mode-2.1.10.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/fc8167b77122e83a58677a5769d6e7e1/chakra-ui-color-mode-2.1.10.tgz","_integrity":"sha512-aUPouOUPn7IPm1v00/9AIkRuNrkCwJlbjVL1kJzLzxijYjbHvEHPxntITt+JWjtXPT8xdOq6mexLYCOGA67JwQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"2.0.12"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.10_1668426778125_0.42661773160438776","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20221223180742","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"46b36e3be6e6adbbf44ed266d6badf66223ff32c","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20221223180742.tgz","fileCount":29,"integrity":"sha512-+HnUtosz7lZFGX8ViUiRk/Z8B5PdIyiH3Ppe/wxJcNZeWvzdrOK/7/jRVC08PDt1UlAjWy0Ijv2lpnKGUfAu3w==","signatures":[{"sig":"MEQCIBzVujznJS4c+ZFDf23GsA7zCthYBVf/a8phmykqTPl3AiAwTWa5icrfucRNnOd2hDQrBE7BrggUV/6pqFs4mHBYUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe6jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrk2RAAg8sVV3gegqqNI2VSIZhFjkl9Zc3CZc+EuiSDfRaOGxhuWg2X\r\ndqw5x+DbywpzQTWWyZN1nAJaVnXFftEXYjyIcdkti32vVs16lPQ29SRT7zZI\r\nw99/q3ffkJEd5TaZ0ES+M5LwBBNbom/KJBUvp/15XAR8V6/Hpuk+zVD7Yper\r\n/lsaGJQg6asfzUOagAordS1YewrPU6uES3+OQE7FgnpcHws4lYOuLQ2KidWo\r\nEmOg31Odkq9JVRcRqzEb4NrScaBRLKaqZckIlv+IQnnQDhrJFtcRfsmDUSHH\r\nX716BVziolPcT9h9azw3OB3DdEm0A/dR5xC5PqcQ2uddo6iRjqNcl1Huuhww\r\nCDnnDWS70X6irKfkkyxiLxlWlaWJaQRLGzcXEHrtL5WIvELGYXZWl3sh2ibt\r\n+K3xzy67Sdl/Uokde0zfg6ee8EDx8pj0G6wfXYaWyfXUS6U8ch/Td3wTTj0T\r\nxlHMG3LmhbzrErETL3RE0iahR3mP+A3tQu2GShZ17kthVzyABvrM5Khy0Afi\r\nPSwsVruIB0fwzXUypZi9zGkN9Ngp6rfBjUaZ45UyxZFUULUZzkV4rDdN3WAO\r\ne7I9NEyVxZDH5jcMhYjbJ2zuf8UMkOCAK3/Ob5kTgVGv87n8l2crA/QI/R/w\r\n9OumBNlLl8RsPpF3weofPMzkpSf94Ye0pNs=\r\n=XoZX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c9f1011569b9e9679abc615014d3e8a1/chakra-ui-color-mode-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-+HnUtosz7lZFGX8ViUiRk/Z8B5PdIyiH3Ppe/wxJcNZeWvzdrOK/7/jRVC08PDt1UlAjWy0Ijv2lpnKGUfAu3w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20221223180742_1671818915521_0.902813052488318","host":"s3://npm-registry-packages"}},"2.1.11":{"name":"@chakra-ui/color-mode","version":"2.1.11","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"9347c1b81a21b7d68bde1aa4a332f7060c8145d4","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.11.tgz","fileCount":29,"integrity":"sha512-556wqI/MohJAqzP9AD+YsKGi982TzrsAaRGr7RCY5fChNe/wHraLPjMPNITPjjDQWiUmZYkaEos78/4u3qOdpA==","signatures":[{"sig":"MEUCIB8xCtVll74imSDpb0huHxLEkoX4NrFUlRQ3BMcwtpByAiEA9Y6Qxpmie2cUP+XkU8Cp9tOEo8BuSKt23PenHcjUwQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSIRAAoujbQL6aHz7ayLy9kJ26FyfcybB98MSZRdVYi8sVgd5CEGfp\r\nopqNNcDtcyu7Qa9dOD+FWKZKXS8AKNwadD600XKPl9/Fpa0J21+2rRbH9l3A\r\ndAMCZZOXKWy9V2u2guELYdXTShxeZ8Rzv1c8LOwDVFrHH/2KJXvQaUoo9ave\r\nM1DlF1bSAw9HabJq612ZvpoMNI5/mneAF13Q4hRNraPr2X6KM+fqwOk6eehC\r\nXhhVTVT1e/S56Xo3gCfhSJJenD/QZdjVuSGCctOiuY9KEjKLB0DtltlCY+Gb\r\nZ2ZYxD7QnATCyYRCzOfcpergSLIi/lmE5IIlsHhfVDsc+UjeS69HlS26eAjs\r\nx02GVGoc7ChuucE2Bn3XsdhjYcRnzJ+sMw7MpuMMSuSm+STBpaffXsiTKQcJ\r\nIF9QLuYMatH987MqCeGV5fGVdKMzd7uWg4qlD6oKAMD5OuLI6MCj4kFimc+h\r\nqfdg+Pjd41/TkoirLrgIa2TazYJ/J7/nSyXVvYTLCefAaetYsvdSTado6WGB\r\n0uIaDhE05nUkISYwwSMMcCev00eyCp2h/XU7MovcK7+PxbdetG/zTcB3luCF\r\nZ9/qhs6ft5momar3ioHMJDUVnyKRLOAeMgHx0eGdG9jP52NMkrqIILEYUC+f\r\nWkxQfYAFy2OGTA35ntpMFQlqKvkeW+rxdPs=\r\n=rvbh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-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","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/93b8b34e72ba9248294f4bd87914b528/chakra-ui-color-mode-2.1.11.tgz","_integrity":"sha512-556wqI/MohJAqzP9AD+YsKGi982TzrsAaRGr7RCY5fChNe/wHraLPjMPNITPjjDQWiUmZYkaEos78/4u3qOdpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.4"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"2.0.13"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.11_1672060428840_0.13550618795344316","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230111211417","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"e86422c188431131a98e4032104d227aa2ca8985","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230111211417.tgz","fileCount":29,"integrity":"sha512-eY8qbY4yo/xbzFshthBhdklKUQAS6h2SYIryyzG9fU/dqDq3Ae3yr6M8yC4h6IbPVf1zAENUfXRKtSXWVuA5dg==","signatures":[{"sig":"MEQCICCJlcXWmxuwXDNk7OpWDtaPvoSSX8DD0UB1x5RFhFfmAiAbHip1NmYtfc6RK5zCjPdv7abP0YFlglHH7oiDQDp88w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvybiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMpQ//QBcjeCdtsKdaGyXKWFZ2ulo5AGfMBKRkjPNm1OFJ5P6bNAe5\r\nGKQt/3X9RRY0fRrQr7J8IcEJBdyEhNIHoAX3MkPRirNEyGAkdJaBo/KWgIjc\r\nTfq2wWVZmY/8NJRYwkoEsdIpzWmRL0Tg5Xude7SsSjB6n0dqcinrXY9fqRx9\r\nWeeISAn7ZC0YY2y/7itwrGU5VIi7gtmb0cn+LpOk2glQTtiESG46WyQ3Gy0g\r\nt4svbCGUYLJSRXyWv6FIBgHXzm822AiB6evkQiWPh+eRmQrfmg66o4ZHcNQs\r\nk/rdePj1U8G7hqX+73ZJ+NJOufH91KubWwanqajgDVi3R62lo9G28k5mNNsQ\r\njyX47EzIVfj+HnV0HE2FjEFx5BFCOx3Oq9QwhmBCeBRlOA2tBf1toSVjOBv5\r\nB40myRtPZvi8gcxL0iGbQCwXPqdRmkLfXt8o0EHDvAozbua/zX2Y5pjOzO3b\r\nnHsQZcXR1YKeHxx856lC6JajnV7RyLKd4+SjFR2Y7z0qXIYx9loDOBScpuHR\r\nj5jMGt7UTzcb7HED85Mie5fG60e9Wo8tl2GqKd7he7bC1s5/+FvAVt+f27AX\r\nKMve6iAKX4mraqVJobFKsg3ya3mZlIbT+54mrWJ8ohcb/6yoOPKhh6J0tpAE\r\n4Avfpp/Q7GT7tl7T6+M7+MDjUbi5s3v34SE=\r\n=7TWu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/8d1b6c9b3dab8a1021d9ebf3e0c53ddf/chakra-ui-color-mode-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-eY8qbY4yo/xbzFshthBhdklKUQAS6h2SYIryyzG9fU/dqDq3Ae3yr6M8yC4h6IbPVf1zAENUfXRKtSXWVuA5dg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230111211417_1673471714152_0.22816394044293475","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230112113621","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"19332c0e371a69577a37254f6cd860d526f196d6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230112113621.tgz","fileCount":29,"integrity":"sha512-+zrDWaXly6Wg1sWrujygGNq6uMyGmxuv+Yo5A8Pi99D1bbhwwOisMM6Q8K2eARim79gx+Rc0yutLLH/EtAbvTQ==","signatures":[{"sig":"MEYCIQCl+VYHEHXSDzP5OdeJ5qtg6WTbtL3jmtdHEDzlypUXJQIhALsWffSmppoqXbJQqCRo1O4jkR/MPjl/VGNNMX6F9z6f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/DxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqn5w//f5+eglVbIo2lPF4YIJkYlbMhgzxoouscftjT5ctZ5qwQb9Z8\r\niItVYz7BDploc82zZd7MZgn7TcV2pMw3hGGUmwlP+81dzL1e/Zg86fHLcCYE\r\nkuqy6DLhZ1y9B3eCwkM29U+UyJ8k5B4YY3KS2B7GHWmOqefUUkXfqXq6wW3c\r\neImkeZ42TGvIoqJ6pkBAx2wAy7NFoyIIO4pnSuAeaMLTNFvevAQEMAAlc9c8\r\npdaryvxVF/C62N/p62VsyCVpn1jn2Tl3PgOdi/q0GLfECWlCqBpmIRGGaLjO\r\nmirJM5sVtiCivG6cT9ylrKQqcnb4Ndrt60dFq27JlDtNR6I5U0+RfMdwqfjn\r\nx69Uyw2Qq1VHvv8967Q7xfz6vSbDgc4WBmTlzSv5Vf1086hGbYKkGQAwyEEL\r\n7KH4AbI/X7peW6niTxNvXuMVY2A3MMwYePVSD8CVYbxKkDNu4vqo4KNdIXtg\r\nXmsoXgNdyVQ03eyovKHxwEvcdOuPeM1Opvb9I4pjf+krb8gQHtRbVTf3Imm+\r\nPe0hyCNIPP8ayEkoV9LjLF3jIKiBNmPvSOeWTL5acSMNpdeCkogEHTmsd6G6\r\nR1JdcKdmBN4wlmf7Paod2jybyvy7qEeOJhGXh/kqOx1fFudXWRD4GIa5KvrK\r\ny92xH0G0Z3+RcSuS0MnvudrTgTYcd5ZnL2k=\r\n=TsCp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/2940e16da1843c2b38f3cc904ee0dbcd/chakra-ui-color-mode-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-+zrDWaXly6Wg1sWrujygGNq6uMyGmxuv+Yo5A8Pi99D1bbhwwOisMM6Q8K2eARim79gx+Rc0yutLLH/EtAbvTQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.2","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230112113621_1673523441648_0.20240509600492418","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230112141201","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"66bb5493237aecb1b6270ba62b6ab37637087392","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230112141201.tgz","fileCount":29,"integrity":"sha512-RF+f1qlWg0LjhGn1ZLfJVaXLlaVkhPXTKNUwPpXNRlDggZhNMOjmnxaeuKYQpa7z/E8Vssfkto9DkIEjrY+37Q==","signatures":[{"sig":"MEUCIBBH/ruqyOIjVQec2Al9J+e+VjHSGz1zHcA5yfaJdJRoAiEA628bcAjluAxffgXW3AHb6iq01pAkkZ6ay99LA+ot4WQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBV4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZXw/9G74NXGaRWQKaJj2DUxdzSRYn7h+tsra6PDSpJjJ4ZFMyeTfb\r\n7IF3JSiBxUJqj5e8cIgTq3TIr+DgWcep2fUSFoyJgpVzheJQP2CQegbiP0DR\r\nTW08ZZ9I9eqsuzO2OclwRNN3BaTFeYJnzOk0bg//vEpcVMOVMSDn9qKJj4fa\r\nPMj5aASOpmbQzFHiiTN3NvA/Vnjk8MKvvz4SfMRUnT/rWiEal118CeP2rRQm\r\nR211Dzu1BUlAo0ggtTY2IH9+4Uj5zu+rJ57yD+wfCiV2cqJUb4Ji67npmnaw\r\ntlSCJBiZCrI3/KLOI33tXHwF8pNd1dF+US0MdDfiX+8IKcte8dl8nGu943zs\r\nXs7dYnafdKFCeLqTc9+ENMYVmW/JCQCIYxGv5JvtBa7cbx9hvJpJlrxEPXMk\r\nqtC3xgDdNF3zIbesDQ/uz7XUnuyiTf6kvQ0tWa+ZYZSyVqOcYqR3fwFQ2kEa\r\nUbiy4J2Y/zehJholrCCmOpshv2yFkg9kWWht6+6QBS1DCxUbcpSPhQgH7V4k\r\nbDoEt6470qJQHr3knGssewZsUY1Myu4YaFaxKiuYbopYdMAnRHhxQWZTH1Y5\r\n57qH+vofqfBKPWAzT7H2g86KHONSW8sNWfjyUVmnldspbZH7ZHVTGcFn2SUO\r\nvOhjkwvNuEbZiOL7FiUguPlyiZ5Ulpu07ys=\r\n=a35b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/8c8ec6b075d6d82b017fef1a96e3efcf/chakra-ui-color-mode-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-RF+f1qlWg0LjhGn1ZLfJVaXLlaVkhPXTKNUwPpXNRlDggZhNMOjmnxaeuKYQpa7z/E8Vssfkto9DkIEjrY+37Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.3","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230112141201_1673532792597_0.7988681140348715","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230112143332","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"b34a1bb318aaadfccff8929a48c6e9e2fd1e5c8b","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230112143332.tgz","fileCount":29,"integrity":"sha512-Z8WgkY0x/upiSYVrVwmCQwQxuHhMTPpdYjt2EfIwRNIhRGYwquJf5oEKg/dgyYCuLagC9wNPN4DmZ55RwpA3+Q==","signatures":[{"sig":"MEUCIGTk3SnbBaS3go5BpZHlTDsGxd/sbF5tImdTcrvULMEtAiEAxg1+3oxvapL7D26/vei/g+VLqKYO62+C1BXjHKYxJkE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBp9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFEQ//a6ASDdX8S8kmbW9cHmhKiGztkqRixj80XoQn2xmt7bc8FXsh\r\nEEy+XZgdW7q7oZVKqvdEl2ULUucdamC634xnLfMg3ML4kLHkqfWQLOUvQ/WS\r\nHLuy42lCK/2AaWhKfXpxI4oH24r8ScyERoNj4vtJzCxTztLLfiNAA3yeenAl\r\na+cGeXnUfKFJosRHkbPFLaY8ZNYJN5Wh+bpAFueY/9xxp4btrkktrcJHl7kO\r\nVy7XoiZW+vwF8zJ6ltsRCx0iEjaaa0qdRQWrzXqNKORJkj4DLfyZLQ2GZzsH\r\n+Tbk4U6uJm/XzgQSjks+Iib/z1x4/P6od9AfkEWnFWsCxgxehpOK1vMhESFS\r\nBdPAmtHLHfp/L3z+LP/dEV9TrKavWzgye048AH4I1FOixLKzhBxU05wCFa+K\r\n/bsqgv6tfbzm+JwNVJgPUpDQq41xoRBw/gJKUzidtZABVAW2d6s+Vu13gmIv\r\nMnOEEPrL0Kli1G/jzxKFxetrq8DvNGbeewErWXV3jXz0ggN0ZIshPtqnHrva\r\n6vNwoNdxjBPdGreBMGL36qI/RckZltSC037HB1nDgQ2LiOKZ1NqmMgjFs23W\r\n/WKNsBQFr5ewEn+YOSwi7VgA8TTI0zhcR2AVffMWhzY/1XDDq6wImGyFu+4H\r\n6RhE6OQwC1V66rCiY+BxSeBo4Wt+zpl/NC0=\r\n=yoLj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/b0a846004b64d750c13d639de6ff6aa7/chakra-ui-color-mode-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-Z8WgkY0x/upiSYVrVwmCQwQxuHhMTPpdYjt2EfIwRNIhRGYwquJf5oEKg/dgyYCuLagC9wNPN4DmZ55RwpA3+Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.3","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230112143332_1673534077204_0.9610589815622792","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230112145104","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"39d94d9aa1624424f3715c9f9777ef705ae25cd2","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230112145104.tgz","fileCount":29,"integrity":"sha512-UEefC2W+LCY5jmuZKfzZxwoQPOwoMyJVMn/dvbwYt88gFxBrFx0D/2GqatKicD2SgspyTaYvDSmyUZKh2q0zcg==","signatures":[{"sig":"MEQCICDngbKvOXSrn2xHTma/pMbMUE82EKuw3XpZ6FZS9TONAiBc3bQ4zAMm54IyIHV/MRM/HUrExDlOlUoZz8S8OZhaBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjuxAAh4HOA3UScp8OfXjUWBwoeeKSb1E96uzF83V+sEppNNX20O63\r\nxmCUyLpfXQgxOip9TDzcJPYIc4VIGJZDOdVL5VWhU27G46o+3jtd6+zSa8S9\r\nmLM+5pFfAEBgmjiP/AQuC2Yf0MU2do2YnX6j0g7L5uXuNXutO/7zj4sfOZy2\r\nblWEpnegsBTU5+hdSJae/6gE2Y3HdR8hp0RR5pu4FLxHT/FOD3QSUZwqtjZ9\r\ngf9QJHzqkcVogr5h/p8gYuIPl5scwVpIJslXJM1fUC6SeDQguqxJd/vbn9hR\r\nNOOpSr7HW6c8H3T3McXUAlYExSl7VTD/DSDUe6jrKeRWPADU2q+kiS0FYDyp\r\ncXPo3rlhXmfDBmb0fICYXoALMuyP5YbRxcemzjEhak8ErKaL/FQazWrahGaR\r\ngSSVJJEGdwBZP5XP0PtJDOHrmMmNpkDDytCh6hAQo9II1WQ+lZmuu1g4VtEf\r\nUJWaIKv75dCYgnErt+Et4Te4xfsEsAt83zKWtsjRHwcIzP7yDTjzgsNZqFrO\r\njFjgm3h/TiUfqyrHgZQCxR5V4TQfbMAYtd6SBCXZRK+pdi/McouNp7JzoeuM\r\nqu7UopDpKnjlkRIseoZWGhLq5tuwejuahQJUF89tw5ulZGCcpmlD50XiA3qB\r\ndGeks/ynXtVIOtFW5VhRNsQBmzQATjdbhJw=\r\n=tt32\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/80547e49d6929c2e9f6623fd0114d483/chakra-ui-color-mode-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-UEefC2W+LCY5jmuZKfzZxwoQPOwoMyJVMn/dvbwYt88gFxBrFx0D/2GqatKicD2SgspyTaYvDSmyUZKh2q0zcg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.3","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230112145104_1673535115716_0.7664522375513148","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230112152756","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1ff77941513acaf7efbcd51673030930212777b1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230112152756.tgz","fileCount":29,"integrity":"sha512-DKlpv91pRDxxUd7DQeVtMsOf/U9wvlfbKNqXKPTwpF4ZZMPArb5NVDHmCW3Z1Xrod0MpIpfwYVCXd2Y6tLy68g==","signatures":[{"sig":"MEUCIAJHra630J2IpPZf8Bin4Dyo5CEwXJ1gBigEbd96cAsTAiEA+61p2ZuolZAhFAdctJ/UOdvsFMXTmtI3g0CC6q8XWAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCc5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3TRAAjhIDV8MAXJQXGHp0ZKDf7Gq9LzsYJwKthHsIb7t70L9eeTJH\r\n04+sX8jCUDzfpUQ4i75fC1G0jZu6WB2zppxSNGOJqPfXIDI32DoOvciFNNi3\r\n63w0XyKo+IBTFnbo+OiafAMcbL/4dwChsfXYl7FeMbgzIQooqf4g1Qf09WfG\r\nasjRlKry3AyZgwz2jxT+Io45VamWCc5oiqydbkfqIikd10pgbm6G9HNGLHXr\r\nmnH8DBxI1oDujW6m0PEFhjsCp8JsNT0KDEfJp+zYwA7+jLXeR3JnQHbPoiav\r\nZE38c5Uoxu32gv3/0rhXuqOskC+kAbz3CkxSl3GwOllpOMEnVnz+iQWR/Qsr\r\nPC7QXeWArDScqKuOl71Updu0ktEmbxDIU6pUmT4xLU1mDE7xjJOjXwmRdMfX\r\n3AiBOWzdRwk3qi96izqE0XXS0OyArCTMe5cMcNhOdwJOASVc797E9J4mEQI9\r\nP0svb4O3v0pQgumIjgKbMFTXSIDR18tXJtrMDSClcKUgsHDPWdOwqhBYQMuI\r\nfItXlbXiB/tVsbVyoPJ8uqlsDWbxY0IEb1AASqbEM9dHDz5G16NA6ktizxk3\r\n0skjTsUJ5IM4G1FGdX6PtD7zGpw1GpsGr3l44+vbm9lAmGew/CCXa75aWLj7\r\nYKgydLgp/N3mxlhmiMXLYWJB7RxDhB7MN/w=\r\n=emcQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3557e0729b63ffe39bee7157ca3f7f39/chakra-ui-color-mode-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-DKlpv91pRDxxUd7DQeVtMsOf/U9wvlfbKNqXKPTwpF4ZZMPArb5NVDHmCW3Z1Xrod0MpIpfwYVCXd2Y6tLy68g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.3","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230112152756_1673537337426_0.3619360275756356","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230112154520","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"db9ca5e71b6403204bc8e0ae674ca5e6498d66e1","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230112154520.tgz","fileCount":29,"integrity":"sha512-QKbmeAZ08do+iPXg9LJwNklYpdyjEjgXuUsZUJYO+8HNqZX3ZPMFzHvI0CcvUr7oMR3oZY9G5wVqhReayWGb2Q==","signatures":[{"sig":"MEUCIQC1fJIimhtP0wm7x/BkrMikekdkrrNKpB1L/DJZBfudDwIgT9pCm2L/xVrXrv1MboEQAN0jMsfUkzeH8GbVbX/8VlA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCtCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomGA//bujDzPMnYGc4fIPBRYVsUiQwX9kfEt7WDsVtDkCFZG/BfutQ\r\n5AT7Nk4Gii23MMaTfMZQJTi0ptGkEn87lTQyvwPZXmt9/8JXPZ5sSLHnDQRD\r\n99CyaysXQdUxMw4YQbxf6h3kkd8GVDYsHP2ZL2KBaolpAWVHibmBAqCi9X1n\r\n6EtXjbBULcy5xNT7zBP6LmDoGytpY1AzCE6ZF3TaBmPlsDGy1cW9Uco4ypAX\r\n4XvlyL4/7VNduDTtb/yIkrXrTG9KQIOYXkx+cSko+kehrZo17t38hodqVOaw\r\nkbp4UjquvUDi+lwK72Y9U/54Pg2qUnTuyC4xVu12/JMSdoQ1d3WSW2yFD2FY\r\nXSf9TGo7pZlogv4CYq4ItYWuyURfBOgQ5ktwGwnQmA0yZLWUvDdFSqonHaNZ\r\nezoNFk1B+8J6kUyuajcRfudtOVevSZStuXAEEXHJc2ImLzoizFNluFBpXVfz\r\nZbq1Vrgsg53LOltO8h2JGn8FY37fp7AB8ULGZio3IKre1WtT5UnVUgjEzJ6v\r\naNCegY/cDyRaA1Pb8V8WhjIg1DzvFo9PsQtTzlcVu16HIGs5JKYNu8pqrDMP\r\nq2OD0V4larMayCu+Rv/Fa3EV+eG86LtZx1wpupfUGc8uu2FYoHo3fsn7lQ12\r\ngOFDg3XGkMfelYb0w6ivNOjbGF6c5XC46C8=\r\n=Y4i/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/88cbc5fe141e913114bd4baa961a6fc2/chakra-ui-color-mode-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-QKbmeAZ08do+iPXg9LJwNklYpdyjEjgXuUsZUJYO+8HNqZX3ZPMFzHvI0CcvUr7oMR3oZY9G5wVqhReayWGb2Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.3","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230112154520_1673538370346_0.6973108374740284","host":"s3://npm-registry-packages"}},"2.1.12":{"name":"@chakra-ui/color-mode","version":"2.1.12","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@2.1.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":"c0caeadd5f87fadbeefc6826beabac6c4a88d8f5","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.1.12.tgz","fileCount":29,"integrity":"sha512-sYyfJGDoJSLYO+V2hxV9r033qhte5Nw/wAn5yRGGZnEEN1dKPEdWQ3XZvglWSDTNd0w9zkoH2w6vP4FBBYb/iw==","signatures":[{"sig":"MEUCICXHHnQ1PqbJDYwfnxhgJTsX67rcoiSE/x9vz0HhQ8NfAiEAlVS2lAxhtwD83OCnrWyQsmM6UNqe7xNcVXiuVug9whw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51106,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKgA//fRe6Vragy1x0bkrMpagS1BaOkwXZUMObeRR0nZ1abJNWXH1z\r\neMlDmKFkghq1jka21IrXFqKIHpZx0xMpK+IjwIj3XsdvOuL6uh4/D1usbMUL\r\nB+HP3GNiSdsJy1oU/14723rbdszHm4wYHp2CQo3wyunmu+t4iXw9qxNB8O2p\r\nkwyvdkA7Auyh17Y+UobgLeFah7lA58/NRkYlHaSldB2c1MbAK/zLuyIOAXcy\r\ngvdPXOciq/7nYMY8+XJilnzp9zSIIsit6WyZKfxDhThWt0m1PJiqVthAZeSY\r\n2FL96MMvIXVsQzFvgRvh4d8mc6spUz5GZiwRmL7r6Bqhtm+GX6M6eSVXkyt7\r\nH4ab6fsFbhUiEJ5roQOrRYvJXT/9SrCxH7KVXOejEZKAg7Fbum6RZ8Qjlc4I\r\nxzexf07LzORCyyKNlxjrTZeH8lubigjCEp/fPXgKgwOWYwzfJUopbh8JQQzx\r\nfarS8mfbu5ve1OnCpQlB5VL3dqzwKQSW7PI73gvntRDfLxyHb9jAjxfH7wYj\r\nHjSgICQK/bCPVkNE62cqGjELncdIVIVqWkHG6BnAeE2MogMIqotRo8iJSM1u\r\nbQ7Ti6wc5GX2XybZM5pKDB5u9MsHGvB3hGRJVvscA3Rgy6czDPbjvE59wkB0\r\nX6+rUON2QfoB1GWV0LUXdyaFzsDWMFBrgFo=\r\n=Yfo6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-color-mode-2.1.12.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/e00c833f55a290aeb526bce8a498378e/chakra-ui-color-mode-2.1.12.tgz","_integrity":"sha512-sYyfJGDoJSLYO+V2hxV9r033qhte5Nw/wAn5yRGGZnEEN1dKPEdWQ3XZvglWSDTNd0w9zkoH2w6vP4FBBYb/iw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"8.19.3","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/utils":"2.0.15"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.1.12_1673539539375_0.9282970683071405","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230718122336","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"ced8e21adcd28420620c71be3d1a77f6dcca7d04","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230718122336.tgz","fileCount":48,"integrity":"sha512-u811irkGZ9l4qStI3JXisnH31TAlg0xJLidAqBbteS3KYpvFL7kRcxLriOuoFu1jT+ebIhmWWCikllVPRODu6g==","signatures":[{"sig":"MEUCIDCYgpViL8bfLu9Rr6+pytjlFYHizkQ47PaZCytlsxOOAiEA4H0nRFvTqpB4jkeWK5HCdcscGZKZj8UU88923n1uIH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113690},"main":"dist/index.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/f78f75fcf21ef1964e05c42ec6145b9e/chakra-ui-color-mode-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-u811irkGZ9l4qStI3JXisnH31TAlg0xJLidAqBbteS3KYpvFL7kRcxLriOuoFu1jT+ebIhmWWCikllVPRODu6g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"9.5.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"2.0.15"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230718122336_1689683097767_0.3320811608562122","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230718124717","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"d2f5225086146f627a68901ec674d234bf6f5355","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230718124717.tgz","fileCount":48,"integrity":"sha512-EbQ7FlH8ZYhk8D23/vUYWncL3sI/iI0cjsLDSTyEGvUYL+jGVxIaK04QFIkScvB1tiAGRGmPvkP6XsdN/50AJQ==","signatures":[{"sig":"MEYCIQC+yXgd0S/o242frxPrrOZCsCYreHgr1mfndBiJNhi2sgIhAOy3JoT+GnmIsKWJ6MVTI0h+W6wjXqmT/TjdAGFKGOzA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113690},"main":"dist/index.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/c7eee47d6cd550ec176da9cfc5600beb/chakra-ui-color-mode-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-EbQ7FlH8ZYhk8D23/vUYWncL3sI/iI0cjsLDSTyEGvUYL+jGVxIaK04QFIkScvB1tiAGRGmPvkP6XsdN/50AJQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"9.5.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"2.0.15"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230718124717_1689684511363_0.7378192181926901","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230718130742","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"1712d2072ed722fffdf81fe4cc7cec281e3b7161","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230718130742.tgz","fileCount":48,"integrity":"sha512-0vuM/HdCEPau/iWoDzD8L16rAy54cU0XjMS/itEylJi/GqxLSiR3qhs9IwaS5JXzHDyMswGeEklfvP2m2h8L2w==","signatures":[{"sig":"MEQCIBgyKdqIe+LXEBcRSPRNQxVj5zuHajCGxMVu/ytpKtiqAiAAqElLlh0qA7UyK0rk0q3nSx7m2TSAAiX1ZG75L7NPdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113690},"main":"dist/index.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/e52cc376fd98fbf216e6f16e26b0a397/chakra-ui-color-mode-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-0vuM/HdCEPau/iWoDzD8L16rAy54cU0XjMS/itEylJi/GqxLSiR3qhs9IwaS5JXzHDyMswGeEklfvP2m2h8L2w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"9.5.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"2.0.15"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230718130742_1689685727342_0.8503426799126832","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/color-mode","version":"0.0.0-dev-20230718132637","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"30e327979912beabdcb70eadeedafe17c81617db","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-0.0.0-dev-20230718132637.tgz","fileCount":48,"integrity":"sha512-cYPcfDrm/MqjJwWvF8GBrHmsw3dqtDJvvhGTq9yfNOAxmptBq5MNpzMgYmv3SyuXcrnvwy4QhlFmI4r4NS8C9w==","signatures":[{"sig":"MEUCIH6wBRCzQ5f9JogXIUDd8vFhCArFCuZIwja9+hR0Vo4xAiEAyUreWQPArgkTz6YPUAsy/Ap7BxBYJ+GOmW5NNgPi3ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113690},"main":"dist/index.js","_from":"file:chakra-ui-color-mode-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\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/3fb4d8098dfe71e1ac5a8d2128006873/chakra-ui-color-mode-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-cYPcfDrm/MqjJwWvF8GBrHmsw3dqtDJvvhGTq9yfNOAxmptBq5MNpzMgYmv3SyuXcrnvwy4QhlFmI4r4NS8C9w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"9.5.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"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","@chakra-ui/utils":"2.0.15"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_0.0.0-dev-20230718132637_1689686874816_0.9275732740412372","host":"s3://npm-registry-packages"}},"2.2.0":{"name":"@chakra-ui/color-mode","version":"2.2.0","keywords":["react","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/color-mode@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":"828d47234c74ba2fb4c5dd63a63331aead20b9f6","tarball":"https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-2.2.0.tgz","fileCount":48,"integrity":"sha512-niTEA8PALtMWRI9wJ4LL0CSBDo8NBfLNp4GD6/0hstcm3IlbBHTVKxN6HwSaoNYfphDQLxCjT4yG+0BJA5tFpg==","signatures":[{"sig":"MEUCIDG7oLf1FcU7ISlKgck4i1brFhiON/2z596E6P04hKlgAiEA8u6xQ/9jbPMTK67eWKFKfpo0+Pk84kPGY1yxcsEbtWg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113652},"main":"dist/index.js","_from":"file:chakra-ui-color-mode-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/86566253d86667dda57821c5bdec742a/chakra-ui-color-mode-2.2.0.tgz","_integrity":"sha512-niTEA8PALtMWRI9wJ4LL0CSBDo8NBfLNp4GD6/0hstcm3IlbBHTVKxN6HwSaoNYfphDQLxCjT4yG+0BJA5tFpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"_npmVersion":"9.5.1","description":"React component and hooks for handling light and dark mode.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/utils":"2.0.15"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/color-mode_2.2.0_1689721240259_0.08408140190873592","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:06.471Z","modified":"2025-08-25T12:24:29.856Z","1.0.0-next.0":"2020-06-20T20:43:06.832Z","1.0.0-next.1":"2020-06-21T09:41:25.110Z","1.0.0-next.2":"2020-06-22T15:36:07.308Z","1.0.0-next.3":"2020-06-28T16:35:35.787Z","1.0.0-next.4":"2020-07-01T17:42:21.388Z","1.0.0-next.5":"2020-07-15T10:36:51.066Z","1.0.0-next.6":"2020-07-15T15:35:09.254Z","1.0.0-next.7":"2020-07-26T12:55:27.592Z","1.0.0-rc.0":"2020-07-26T15:57:43.928Z","1.0.0-rc.1":"2020-08-06T21:14:45.899Z","1.0.0-rc.2":"2020-08-09T11:32:05.222Z","1.0.0-rc.3":"2020-08-30T15:30:19.326Z","1.0.0-rc.4":"2020-09-25T14:08:23.651Z","1.0.0-rc.5":"2020-09-27T20:27:20.500Z","1.0.0-rc.6":"2020-10-25T15:42:45.318Z","1.0.0-rc.7":"2020-10-25T21:38:35.035Z","1.0.0-rc.8":"2020-10-29T20:24:15.921Z","1.0.0":"2020-11-13T10:20:31.935Z","1.0.1":"2020-11-20T19:50:03.432Z","1.0.2":"2020-12-17T21:39:21.696Z","1.0.3":"2021-01-11T17:01:51.294Z","1.0.4":"2021-01-17T19:43:27.804Z","1.0.5":"2021-01-24T15:01:00.817Z","1.0.6":"2021-01-30T21:52:37.103Z","1.0.7":"2021-02-06T11:40:39.853Z","1.1.0":"2021-02-13T17:47:30.924Z","1.1.1":"2021-03-05T20:00:23.472Z","1.1.2":"2021-03-21T06:35:03.727Z","1.1.3":"2021-03-30T12:25:29.081Z","1.1.4":"2021-04-07T15:07:16.914Z","1.1.5":"2021-04-13T22:12:00.865Z","1.1.6":"2021-04-19T18:37:31.670Z","1.1.7":"2021-04-23T18:03:39.534Z","1.1.8":"2021-05-05T11:12:40.459Z","1.1.9":"2021-06-18T17:37:54.867Z","1.1.10":"2021-07-08T15:05:26.944Z","1.1.11":"2021-08-09T10:27:14.062Z","1.1.11-next.0":"2021-08-14T15:52:03.371Z","1.1.12":"2021-08-29T11:52:33.730Z","1.1.13":"2021-10-14T23:33:38.951Z","1.2.0":"2021-11-03T20:32:57.562Z","1.3.0":"2021-11-11T16:56:37.969Z","1.3.1":"2021-11-12T19:51:24.948Z","1.3.2":"2021-11-17T18:52:49.204Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:10.097Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:40.790Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:19.056Z","0.0.0-dev-20211115103321":"2021-12-15T10:33:48.148Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:29.372Z","0.0.0-dev-2021112024830":"2021-12-20T02:48:53.358Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:23.725Z","0.0.0-dev-2021112031622":"2021-12-20T03:16:49.026Z","0.0.0-pr-20211120212826":"2021-12-20T21:28:48.255Z","0.0.0-pr-20211120212927":"2021-12-20T21:29:48.800Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:38.605Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:40.824Z","0.0.0-dev-20211120215621":"2021-12-20T21:56:49.585Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:15.943Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:24.230Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:06.706Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:20.961Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:02.859Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:18.015Z","0.0.0-pr-2021112616030":"2021-12-26T16:00:59.557Z","0.0.0-pr-2021112821613":"2021-12-28T21:06:42.798Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:07.340Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:16.995Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:41.125Z","0.0.0-pr-202111299618":"2021-12-29T09:06:48.152Z","0.0.0-pr-202111299647":"2021-12-29T09:07:14.414Z","0.0.0-dev-202111299720":"2021-12-29T09:07:51.229Z","0.0.0-pr-20211129981":"2021-12-29T09:08:32.068Z","0.0.0-pr-2021112991213":"2021-12-29T09:12:44.370Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:03.312Z","0.0.0-dev-20220114234":"2022-01-01T01:43:01.869Z","0.0.0-dev-20220114728":"2022-01-01T01:47:56.188Z","0.0.0-dev-202201134936":"2022-01-01T13:50:05.146Z","0.0.0-dev-20220281628":"2022-01-02T08:16:57.663Z","0.0.0-dev-20220282224":"2022-01-02T08:22:52.424Z","0.0.0-pr-20220282356":"2022-01-02T08:24:24.157Z","0.0.0-pr-2022028277":"2022-01-02T08:27:31.983Z","0.0.0-dev-2022028387":"2022-01-02T08:38:40.122Z","0.0.0-dev-2022028457":"2022-01-02T08:45:30.809Z","0.0.0-pr-20220284534":"2022-01-02T08:46:01.235Z","0.0.0-dev-2022028579":"2022-01-02T08:57:38.797Z","0.0.0-pr-202203225541":"2022-01-03T22:56:12.732Z","0.0.0-pr-202203231241":"2022-01-03T23:13:10.116Z","0.0.0-pr-20220483049":"2022-01-04T08:31:21.123Z","0.0.0-pr-202204173424":"2022-01-04T17:34:49.563Z","0.0.0-pr-202204174042":"2022-01-04T17:41:08.228Z","0.0.0-pr-202204174930":"2022-01-04T17:49:59.546Z","1.3.3":"2022-01-04T20:36:18.495Z","0.0.0-pr-202204203645":"2022-01-04T20:37:16.618Z","0.0.0-pr-20220421928":"2022-01-04T21:09:54.800Z","0.0.0-pr-202206192031":"2022-01-06T19:20:59.972Z","0.0.0-pr-20220620149":"2022-01-06T20:02:15.829Z","0.0.0-pr-202208163634":"2022-01-08T16:37:03.406Z","0.0.0-pr-20220816386":"2022-01-08T16:38:34.531Z","0.0.0-pr-202208164521":"2022-01-08T16:45:46.924Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:15.318Z","0.0.0-pr-202201418280":"2022-01-14T18:28:30.996Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:06.107Z","0.0.0-dev-20220209527":"2022-01-20T09:05:52.671Z","0.0.0-pr-2022020961":"2022-01-20T09:06:31.759Z","0.0.0-pr-20220209192":"2022-01-20T09:19:34.782Z","0.0.0-pr-202202092345":"2022-01-20T09:24:14.208Z","0.0.0-pr-202202495259":"2022-01-24T09:53:32.339Z","0.0.0-pr-202202495536":"2022-01-24T09:56:09.202Z","0.0.0-pr-202202495553":"2022-01-24T09:56:18.732Z","0.0.0-dev-202202495727":"2022-01-24T09:57:57.654Z","0.0.0-dev-202202410017":"2022-01-24T10:00:43.445Z","0.0.0-pr-202202410034":"2022-01-24T10:01:04.982Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:24.629Z","0.0.0-pr-202202423375":"2022-01-24T23:37:32.900Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:02.049Z","0.0.0-dev-20220258423":"2022-01-25T08:42:35.121Z","0.0.0-pr-202202584437":"2022-01-25T08:45:08.654Z","0.0.0-pr-20220258462":"2022-01-25T08:46:29.527Z","0.0.0-dev-20220258486":"2022-01-25T08:48:38.893Z","0.0.0-dev-202202585455":"2022-01-25T08:55:22.201Z","0.0.0-pr-20220259146":"2022-01-25T09:14:33.138Z","0.0.0-dev-202202591453":"2022-01-25T09:15:19.844Z","0.0.0-dev-202202591937":"2022-01-25T09:20:06.679Z","0.0.0-dev-202202592640":"2022-01-25T09:27:12.318Z","0.0.0-pr-20220251866":"2022-01-25T18:06:34.048Z","1.4.0":"2022-01-25T18:07:12.765Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:25.619Z","0.0.0-pr-2022026182926":"2022-01-26T18:29:46.436Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:08.372Z","0.0.0-pr-202202618407":"2022-01-26T18:40:27.297Z","1.4.1":"2022-01-26T18:47:32.013Z","0.0.0-pr-20221173648":"2022-02-01T07:37:15.475Z","0.0.0-pr-20221263638":"2022-02-02T06:37:08.793Z","0.0.0-pr-20221263715":"2022-02-02T06:37:40.717Z","0.0.0-pr-20221272130":"2022-02-02T07:21:57.180Z","0.0.0-pr-20221272450":"2022-02-02T07:25:16.739Z","0.0.0-pr-20221462931":"2022-02-04T06:30:03.037Z","0.0.0-dev-20221463045":"2022-02-04T06:31:18.123Z","1.4.2":"2022-02-04T06:35:43.168Z","0.0.0-pr-202214171317":"2022-02-04T17:13:51.650Z","0.0.0-pr-202214173019":"2022-02-04T17:30:46.718Z","0.0.0-pr-20221417318":"2022-02-04T17:31:40.707Z","0.0.0-pr-202214173148":"2022-02-04T17:32:18.382Z","0.0.0-pr-202215111823":"2022-02-05T11:18:52.916Z","0.0.0-dev-202215111945":"2022-02-05T11:20:18.383Z","0.0.0-dev-202215112739":"2022-02-05T11:28:07.896Z","0.0.0-pr-202215113521":"2022-02-05T11:35:48.048Z","0.0.0-pr-202215113950":"2022-02-05T11:40:20.766Z","0.0.0-dev-202215114149":"2022-02-05T11:42:22.968Z","0.0.0-pr-202215114422":"2022-02-05T11:44:51.457Z","0.0.0-dev-202215114442":"2022-02-05T11:45:15.389Z","0.0.0-pr-202215114917":"2022-02-05T11:49:53.396Z","0.0.0-pr-20221512346":"2022-02-05T12:04:15.716Z","0.0.0-pr-20221512130":"2022-02-05T12:13:26.154Z","0.0.0-pr-202215121320":"2022-02-05T12:13:46.935Z","0.0.0-dev-202215121353":"2022-02-05T12:14:18.735Z","0.0.0-dev-202215121428":"2022-02-05T12:14:52.380Z","0.0.0-dev-20221512173":"2022-02-05T12:17:28.279Z","0.0.0-dev-202215122415":"2022-02-05T12:24:47.898Z","0.0.0-pr-20221512359":"2022-02-05T12:35:37.393Z","0.0.0-pr-202215125733":"2022-02-05T12:58:05.084Z","0.0.0-pr-202215132532":"2022-02-05T13:26:02.535Z","0.0.0-dev-20221513279":"2022-02-05T13:27:44.834Z","1.4.3":"2022-02-05T13:36:18.439Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:00.535Z","0.0.0-pr-202211594731":"2022-02-15T09:47:56.346Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:38.531Z","0.0.0-pr-202211713187":"2022-02-17T13:18:38.955Z","1.4.4":"2022-02-17T13:22:05.961Z","0.0.0-dev-202211720414":"2022-02-17T20:04:42.578Z","0.0.0-dev-2022117201925":"2022-02-17T20:19:58.299Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:48.336Z","0.0.0-dev-202212083710":"2022-02-20T08:37:44.950Z","0.0.0-pr-202212011232":"2022-02-20T11:03:06.771Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:30.228Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:39.729Z","0.0.0-dev-2022120114225":"2022-02-20T11:42:58.248Z","0.0.0-dev-202212012129":"2022-02-20T12:12:40.018Z","0.0.0-dev-2022120123118":"2022-02-20T12:31:50.098Z","1.4.5":"2022-02-20T12:40:58.019Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:17.552Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:16.352Z","0.0.0-dev-202212821520":"2022-02-28T21:52:24.745Z","0.0.0-dev-202212822477":"2022-02-28T22:47:31.195Z","0.0.0-dev-2022128224832":"2022-02-28T22:48:55.893Z","1.4.6":"2022-02-28T23:07:10.383Z","0.0.0-dev-2022215181125":"2022-03-15T18:11:51.428Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:17.707Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:08.991Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:04.226Z","0.0.0-dev-2022225182931":"2022-03-25T18:29:55.604Z","1.4.7":"2022-03-27T11:35:17.277Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:10.582Z","0.0.0-dev-20223215463":"2022-04-02T15:46:27.597Z","0.0.0-dev-2022349032":"2022-04-04T09:01:03.865Z","0.0.0-dev-2022349233":"2022-04-04T09:03:03.917Z","0.0.0-dev-2022349957":"2022-04-04T09:10:20.561Z","0.0.0-dev-20223491859":"2022-04-04T09:19:29.185Z","0.0.0-dev-20223655213":"2022-04-06T05:52:39.047Z","0.0.0-dev-202236131344":"2022-04-06T13:14:13.732Z","0.0.0-dev-202236132312":"2022-04-06T13:23:36.760Z","0.0.0-dev-20223614103":"2022-04-06T14:10:29.491Z","0.0.0-dev-202236141416":"2022-04-06T14:14:41.020Z","1.4.8":"2022-04-07T15:34:28.166Z","2.0.0-next.0":"2022-04-15T15:22:13.382Z","2.0.0-next.1":"2022-04-22T06:05:22.838Z","2.0.0-next.2":"2022-05-05T08:20:53.792Z","2.0.0-next.3":"2022-05-05T18:21:11.842Z","2.0.0-next.4":"2022-05-09T08:41:02.443Z","2.0.0":"2022-05-12T17:52:10.117Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:00.462Z","0.0.0-dev-202241614743":"2022-05-16T14:08:07.360Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:11.651Z","0.0.0-dev-202241784047":"2022-05-17T08:41:12.214Z","0.0.0-dev-202241794553":"2022-05-17T09:46:14.869Z","0.0.0-dev-202241710143":"2022-05-17T10:02:05.278Z","0.0.0-dev-202241710959":"2022-05-17T10:10:22.342Z","2.0.1":"2022-05-17T16:26:07.581Z","0.0.0-dev-202241716586":"2022-05-17T16:58:28.236Z","2.0.2":"2022-05-17T17:14:08.764Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:03.604Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:46.277Z","0.0.0-dev-20224248246":"2022-05-24T08:03:15.914Z","0.0.0-dev-20224248516":"2022-05-24T08:05:45.475Z","0.0.0-dev-202242481651":"2022-05-24T08:17:22.733Z","2.0.3":"2022-05-24T12:28:09.576Z","0.0.0-dev-202256192154":"2022-06-06T19:22:27.172Z","2.0.4":"2022-06-06T20:41:29.765Z","0.0.0-dev-2022587541":"2022-06-08T07:06:08.488Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:40.773Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:25.196Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:01.267Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:05.359Z","0.0.0-dev-2022515163532":"2022-06-15T16:35:58.084Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:10.008Z","0.0.0-dev-2022516151633":"2022-06-16T15:16:58.728Z","0.0.0-dev-202251616831":"2022-06-16T16:09:02.769Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:27.133Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:10.157Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:32.635Z","0.0.0-dev-2022520164715":"2022-06-20T16:47:42.491Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:22.952Z","2.1.0":"2022-06-21T07:47:56.205Z","0.0.0-dev-202264144818":"2022-07-04T14:49:01.634Z","0.0.0-dev-2022659325":"2022-07-05T09:03:53.882Z","0.0.0-dev-2022659431":"2022-07-05T09:04:59.895Z","0.0.0-dev-2022669710":"2022-07-06T09:07:41.407Z","0.0.0-dev-202268163535":"2022-07-08T16:36:13.609Z","0.0.0-dev-202268165050":"2022-07-08T16:51:19.135Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:47.031Z","0.0.0-dev-2022610103924":"2022-07-10T10:39:56.829Z","2.1.1":"2022-07-10T10:57:08.597Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:47.001Z","0.0.0-dev-202261316456":"2022-07-13T16:45:35.918Z","0.0.0-dev-202261317818":"2022-07-13T17:08:49.871Z","2.1.2":"2022-07-13T18:44:02.054Z","2.1.3":"2022-07-25T05:10:29.886Z","0.0.0-dev-20220804193103":"2022-08-04T19:32:51.098Z","0.0.0-dev-20220804193815":"2022-08-04T19:38:52.504Z","0.0.0-dev-20220804194739":"2022-08-04T19:48:38.156Z","0.0.0-dev-20220804200605":"2022-08-04T20:06:57.885Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:14.601Z","2.1.4":"2022-08-05T10:12:59.404Z","0.0.0-dev-20220808075419":"2022-08-08T07:54:57.289Z","0.0.0-dev-20220808090501":"2022-08-08T09:05:31.886Z","0.0.0-dev-20220810053106":"2022-08-10T05:31:35.580Z","0.0.0-dev-20220810112922":"2022-08-10T11:29:55.071Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:06.898Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:31.520Z","0.0.0-dev-20220810124358":"2022-08-10T12:44:41.168Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:22.073Z","0.0.0-dev-20220811084042":"2022-08-11T08:41:27.987Z","0.0.0-dev-20220811093515":"2022-08-11T09:35:58.584Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:03.450Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:18.161Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:11.315Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:04.222Z","0.0.0-dev-20220813053727":"2022-08-13T05:38:24.416Z","0.0.0-dev-20220813055957":"2022-08-13T06:00:47.888Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:02.847Z","0.0.0-dev-20220813070741":"2022-08-13T07:08:28.412Z","0.0.0-dev-20220813083358":"2022-08-13T08:34:45.853Z","2.1.5":"2022-08-13T10:49:50.216Z","2.1.6":"2022-08-14T07:10:53.524Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:00.518Z","0.0.0-dev-20220819125800":"2022-08-19T12:58:53.684Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:15.074Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:29.840Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:20.237Z","0.0.0-dev-20220819191103":"2022-08-19T19:11:51.393Z","0.0.0-dev-20220820120308":"2022-08-20T12:03:49.416Z","0.0.0-dev-20220820124231":"2022-08-20T12:43:36.990Z","0.0.0-dev-20220820152257":"2022-08-20T15:23:51.968Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:16.921Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:18.910Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:33.057Z","0.0.0-dev-20220820185458":"2022-08-20T18:55:55.230Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:20.116Z","0.0.0-dev-20220820195548":"2022-08-20T19:56:45.933Z","0.0.0-dev-20220822051456":"2022-08-22T05:15:56.758Z","0.0.0-dev-20220822054045":"2022-08-22T05:41:40.624Z","0.0.0-dev-20220822055339":"2022-08-22T05:54:51.140Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:14.989Z","0.0.0-dev-20220822184448":"2022-08-22T18:45:57.782Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:00.849Z","0.0.0-dev-20220823165602":"2022-08-23T16:56:59.371Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:11.831Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:08.241Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:18.604Z","0.0.0-dev-20220824080240":"2022-08-24T08:03:38.366Z","0.0.0-dev-20220824082222":"2022-08-24T08:23:36.518Z","2.1.7":"2022-08-24T08:46:50.656Z","0.0.0-dev-20220909074555":"2022-09-09T07:46:32.935Z","0.0.0-dev-20220909120637":"2022-09-09T12:07:15.581Z","0.0.0-dev-20220909123132":"2022-09-09T12:32:13.112Z","0.0.0-dev-20220909123934":"2022-09-09T12:40:12.398Z","0.0.0-dev-20220912120959":"2022-09-12T12:10:49.007Z","0.0.0-dev-20220912132201":"2022-09-12T13:22:42.899Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:02.438Z","0.0.0-dev-20220914090509":"2022-09-14T09:05:59.816Z","0.0.0-dev-20220914105014":"2022-09-14T10:50:57.977Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:40.297Z","0.0.0-dev-20220916141616":"2022-09-16T14:16:59.304Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:30.167Z","0.0.0-dev-20220916164745":"2022-09-16T16:48:33.534Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:12.911Z","2.1.8":"2022-09-19T07:37:13.641Z","0.0.0-dev-20220920121057":"2022-09-20T12:11:40.343Z","0.0.0-dev-20220921093814":"2022-09-21T09:39:18.276Z","0.0.0-dev-20220922114557":"2022-09-22T11:46:42.176Z","0.0.0-dev-20220922115811":"2022-09-22T11:58:56.255Z","0.0.0-dev-20220926164115":"2022-09-26T16:42:16.304Z","0.0.0-dev-20220926165450":"2022-09-26T16:55:33.678Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:16.289Z","0.0.0-dev-20220929132459":"2022-09-29T13:25:56.374Z","2.1.9":"2022-10-03T09:12:17.455Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:00.979Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:06.188Z","0.0.0-dev-20221107182607":"2022-11-07T18:26:54.098Z","0.0.0-dev-20221108071844":"2022-11-08T07:19:37.684Z","0.0.0-dev-20221108073543":"2022-11-08T07:36:41.186Z","0.0.0-dev-20221108075029":"2022-11-08T07:51:28.600Z","0.0.0-dev-20221108083411":"2022-11-08T08:34:58.462Z","0.0.0-dev-20221108090938":"2022-11-08T09:10:37.160Z","0.0.0-dev-20221108093520":"2022-11-08T09:36:29.306Z","0.0.0-dev-20221108100218":"2022-11-08T10:03:26.317Z","0.0.0-dev-20221108124603":"2022-11-08T12:46:54.395Z","2.1.10":"2022-11-14T11:52:58.283Z","0.0.0-dev-20221223180742":"2022-12-23T18:08:35.673Z","2.1.11":"2022-12-26T13:13:48.995Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:14.392Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:21.782Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:12.773Z","0.0.0-dev-20230112143332":"2023-01-12T14:34:37.403Z","0.0.0-dev-20230112145104":"2023-01-12T14:51:55.873Z","0.0.0-dev-20230112152756":"2023-01-12T15:28:57.568Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:10.493Z","2.1.12":"2023-01-12T16:05:39.515Z","0.0.0-dev-20230718122336":"2023-07-18T12:24:57.908Z","0.0.0-dev-20230718124717":"2023-07-18T12:48:31.555Z","0.0.0-dev-20230718130742":"2023-07-18T13:08:47.533Z","0.0.0-dev-20230718132637":"2023-07-18T13:27:54.974Z","2.2.0":"2023-07-18T23:00:40.427Z"},"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","theming","ui","light mode","use dark mode","dark mode","color mode","hook","color scheme","media query","chakra ui"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/color-mode"},"description":"React component and hooks for handling light and dark mode.","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# Color Mode\n\nReact component that adds support for light mode and dark mode using\n`localStorage` and `matchMedia`.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/color-mode\n\n# or\n\nnpm i @chakra-ui/color-mode\n```\n\n## Import component\n\nTo enable this behavior within your apps, wrap your application in a\n`ColorModeProvider` below the `ThemeProvider`\n\n```jsx live=false\nimport * as React from \"react\"\nimport { ColorModeProvider } from \"@chakra-ui/color-mode\"\nimport theme from \"./theme\"\n\nfunction App({ children }) {\n  return (\n    <ThemeProvider theme={theme}>\n      <ColorModeProvider>{children}</ColorModeProvider>\n    </ThemeProvider>\n  )\n}\n```\n\nThen you can use the hook `useColorMode` within your application.\n\n```jsx\nfunction Example() {\n  const { colorMode, toggleColorMode } = useColorMode()\n  return (\n    <header>\n      <Button onClick={toggleColorMode}>\n        Toggle {colorMode === \"light\" ? \"Dark\" : \"Light\"}\n      </Button>\n    </header>\n  )\n}\n```\n","readmeFilename":"README.md"}