{"_id":"@chakra-ui/button","_rev":"465-af82ede739af349c256bd95bed47dd02","name":"@chakra-ui/button","dist-tags":{"canary":"0.0.0-canary-2021118164051","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.3","next-dev":"0.0.0-next-dev-202241614737","dev":"0.0.0-dev-20230718132637","latest":"2.1.0"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/button","version":"1.0.0-next.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"58f8a3158f7c71cb44ef9b84726aa58540613f4c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.0.tgz","fileCount":27,"integrity":"sha512-+NSNYsYhyIn/oGrb1zXU7/mMJcrYP4JOFeab2gTrRNUPwhVHn4RIiUMqx+EDfRPIiqwgqLaOU1WKMrzPJ9waUA==","signatures":[{"sig":"MEUCIQDs7jWb57KBGFJK2vZ2G05HlniFWNF/0rqbHyu9SvLuNQIgWJmFJSvI28O3vvv3TSt/anKDF+imi3af5tI0l5J7bgw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":80616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTlCRA9TVsSAnZWagAA7Z0P+QDd6yy6oG6uVbfPzk3j\nylhuL5vfpzMzMbgnBTwFyPmeSFRf0mI7lSJx7pJ5yiwLIyP4miv3694sPyPF\nm9lSNyda4QL93cM5cnMmN6yKqnweM5WpcYvTK6R+DFWcErb+zzKYcXgUzPoS\nEB/u3RreI80LI4+zzsG1+DCaEUzVvwzBqr+6xf/PjLUyzUlNgBEj09SU5V1R\ng/Zk0bGPMv4BpHjRVZWR1OZ6FF1ue4aXi6k0pGSk9DIDv4+535M6t1FqUfQ1\n5nG4EIK4stMaNAv1chKrbtV5STezu0yFjmVNdawxaBBxd1K7G/MjY0krDAfQ\ncQf1SZo31KwcoweQnzotHQexGT+LCB6xb0HUFgwJel/t5B7JI53mID+2hC7d\nsaTPLtR5Fi9b2XiFk17BRNCiX0cJW/OdGk8I6yjXo+c7NwS59DJtska2NG9f\n5wmNXydTcY45h3kxPvNo7vOPoWT8nkIforvC2oQbHLFWIzooicnXsB4yCMdY\nudwYW0wjGEhHBAOBhrW1YxQykbzGWToPpKC9BpsTv+tJnI6fe++weyJHKYIA\n9j8zFNOH8/PT1dO/jL3KMo8id2VYABPF8YIH8AHZqQk++M7afsfjAqyC5ONe\n76j+tRL6tA1dAhUZq5ABZ5x5wWvWT0xUq+2IsS8OOGEpcj6JYpWYxM+6Rtwi\nG7Bq\r\n=2It2\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":"A React component that is a base button.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/spinner":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/layout":"^1.0.0-next.0","@chakra-ui/system":"^1.0.0-next.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.0_1592685796989_0.12984031205410806","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/button","version":"1.0.0-next.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b5672a884cb6eee955ab43ab578d3f03610a86cd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.1.tgz","fileCount":28,"integrity":"sha512-+Vst+CLFVv4xcXadehS2QUi4xUo4yNW1qjOH5N/If4YniU84IR9vta8gy6CjUvauDR1t2se5ZFu17qAWGqvkDA==","signatures":[{"sig":"MEUCIBbyDHsX0cSKCwwhZtE/HI1IY1frI125pB31WC8XD5OhAiEAvLen541XkqcOvG2g/2e4OHNVFQgm14b9ktE7a5sWc8U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytLCRA9TVsSAnZWagAAvA0P/jRk5VWrlXZ6CW0e7yP7\nWlZU1ZHEkO0l0aUhhfaWbEyPBUS4Z0O3Yzj62lPu6TkSVqSvrzXpM92z3u4t\nLbQFd8SRy1OhOMxacuITo1dZKGNT70dittCD7nAApjM9y0yAQ8l5kfvstA9x\nyhwXvz7GYr2g9ugbAjwj0Xtn2Rn6LlReWvT7LhbXugi34AfwijgL6RkRbTBK\nDK/Ala8iMOrNdDfIM2PLNbj65nhyBB/8y4bt81Rn8UmxV8cQpKVRb5c+/k9D\nYrhEEwQf4cNEADD4UlZA8VPXx7hszjFdu+P8eAC4290Indb3nYeaoxI6ScVv\nDHaw2EXaplZW3o5vo9b5vcAdsZfHG6N1ssTE5qk0wlHMYkuLUMr0+kPU3fu8\nDr7h+mYXvMoPeyfj/6k51JSssod4GdmNCe0RGTV0K+PS7OY5AEHRrshjLxqd\ndTRvF4kIz+hwTmFLElTgfPSvwkPQg1R8DXeRLVkhq8TWOqegsWKdk2aCbSTw\nu5DR/k4F67zGcbM6mFpz7MvjDpR+CFRIr62V184Xsml2WJb1gsR3lMaEk7u3\nSxRr41Y7GtSLhzisEKylb4XzIN6wNbNWB+GwlwMioEfodGLDvy+gmZ+6KjJ4\n5Ccp7t8SeKoYlftSrz0uTsirAC8t6+mTN2z5ruYjIBpFMNo1e0dV5Xx3vinu\n3irF\r\n=SYzq\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":"A React component that is a base button.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.1","@chakra-ui/spinner":"^1.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/layout":"^1.0.0-next.1","@chakra-ui/system":"^1.0.0-next.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.1_1592732491112_0.0027840190129941877","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/button","version":"1.0.0-next.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"086928fd9d574ab31301ed43cec0a5fa4391b9f9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.2.tgz","fileCount":28,"integrity":"sha512-ebvBYAa5l+1qnJvdUe3NGEdDAe66G1PAFrBxj6+S7zaG7ssRKmcnsF3BsFFsK6SG6LJKUPot6E7AzL7EEGC7Cg==","signatures":[{"sig":"MEUCIA5EXa09XwiZsnBJ/qYev2W7BxyfErEyP0EfNR9IcTtfAiEA+x5Mabyxg+KMe8YICumglrWXovgiiOWv1OGzvRPqku8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/yCRA9TVsSAnZWagAAL9wQAI1wJq32+85D5xGesQt0\n8C7CEAdpHWWp0RHsfjGuS2HGp4I+K3Fmk2Sl9m6fev73H+sYRBelPkJPjd1F\nG16FyPS2OKFBfNSBpUyZUCtQItAKQAsUiJDEXA3q77cDFsiWaAwH8p2yqmpV\nH99KXk93sTdWT0jUiyy/6ZZbI+FA77xBuA2jfjLoaMWAj5DtLcOX/1F5cyY3\nxMmelNh55D1BYt+4Xjgdi8+vlzGEEixEVIxmkTMtmXegtAYsTLwxJE3Hbxcq\nXNqW+/8jvjAibKvZQV4palSvJZ9rgsJg9Bx+Ow/G0x6MP9iJ+vqRf19mhTFZ\nD493kPIoCDZd1YyBo+y3nCXtghxM4xiPTdymxXje59PgX1xAhuZK8UwdyC8j\nfW3tYHtQjx1fNhpz569rhtPViwkaC24QKPo8SS6XUxdChI7Nge/LedT9ZdY0\ntKYkTPvEmRBI9cWyMUchYW6Oxumqq5SuENpyFDxaNaPEj5u2+yTmPa+hMMcc\nV4xf/zErA0j8BrbQRfc0tcS+3KqO/h2Yms8U3jyU+iSteKlmjqW8C/ILuTfy\nxZMhsgdQPDPq8S5Bc2DsqVC2krzHxPkBmt42Ew332NJp/xi0ETOUNEucmGJ7\nDPEc4vWyb9WLsoLjbxJAT0vC1GF14btCAswnd5JIehImi2FE9FB4pnPEg6fG\nTfAC\r\n=0Tgg\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":"A React component that is a base button.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.2","@chakra-ui/spinner":"^1.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.2_1592840178220_0.47505323170107516","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/button","version":"1.0.0-next.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b6bf8af718782c8f3c8eabc13470531fdebfbefc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.3.tgz","fileCount":32,"integrity":"sha512-oWvx6qs+mOtwrnpVePb4YL/sEK5Zt78eK/tSANmBiWWQnVDCb/gUac5H/brMEDXj4cLTe+5gdAhz6lLc+7vXQQ==","signatures":[{"sig":"MEQCIHX5tdKfgZEOGu+ePNERRnU0XQgbbIEQOaf51ZfAMZDxAiADLy8g1iOLuM2DrnMh3kBVvBJOlhl2LaHku4DLaEn1UQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+Mb7CRA9TVsSAnZWagAAFp0P+QCBzXk3H5y83Rfkehj0\nERuzL2EzIDXZ/fXRaIBkn60NGCSPtb7bDE8vEVPqmBwaKmpwLh6h0KWmTE8w\nVwNnRNhCNVLapMD4hSmyLFJDEKtxQNfq0T+CPHUkMJl+7YsATrrI28TWzNUx\n2yxPjorGXvEzBFI1xPlZ537zeKkaeATbnLh1qFOCkmlgSGkagE53wRKBI+YR\nGRF9bOGnDkDkUligUx+iC3YbOtiobSlzavMhXdO0ylUgI5UQQES8vNZtslfb\n5W6p3XvsJshrcvRKHYQzQ/9ooT/OsEH02/DcY3hiA5YYfSOmQqBVUoHm6YrW\ncVe55SjjijPVBYoivI0ekv5yqd0366+gX/9wwQaeXcED092JLqcjqk5/9dNH\nTqXouS8XglDIy/YHirW7s1kHplNaCp2Lk2nvyoJPfNQ1fgKN1Ie0sbCPdcgv\nPbwk8KtKfgfOVAtBo3IMvhdY9/xegcn//SzFFvO+QSbAFbYr5ZjUIgjKeEnV\nQRQbzODaDn7qnWwWwV1WhxrsAFK4SW/PTzy1Yb5rzLnLpKWUgX3joNSl8vJb\nDdwssfaLtaAb+nKoV1XFjwtLlFgAveeeHM3yqkMQqOZcpsqHtb8yfmHaxkoj\niVhG0DjUUJj+KXmrriKy2RDqwkc65FOFHQ3N6GR6tEvb9M0xvXyQmRItP8ya\nIANq\r\n=1IuO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"d31ba9c35993985f49da4885dd47ab8dab49cdd1","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.3","@chakra-ui/spinner":"^1.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.3_1593362171282_0.39096509542464486","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/button","version":"1.0.0-next.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"cd3fa9f4c210d93a34546f2bd9c1ca7590bea377","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.4.tgz","fileCount":32,"integrity":"sha512-cIDe4+mJV8c9gwW/3MXano/W0TNydhLVSJp2Vkz0WKzZ4oHoTFtsmIk/DIj/6ohjHD0y3y4rPXsR2pq/Wmx40Q==","signatures":[{"sig":"MEUCIFXac9qI7Ja3DQfEUjSx9QQI8GGxgG53rT37FrnfIzv+AiEA0Idy8DNCtSvAgnnHITBjrrYWwRFBOkkn6Sei03WzfIQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MstCRA9TVsSAnZWagAAhvMP/1AXztZERY/I7pQtBNeO\nivIZ0KkfG3crugNvpzLPMweXT7HEiUBNBs28vLyXKg6zCpKGlq4akF/Jv6uC\nUOBnewl2TqOkwomUaSfI0REJxg6AHjE7tNXeTLLKx7Dy7c250RiAlMXsmF85\nF+ooYh/S4yHB+zIieuTULjKhpDPQsY1sU1Rmaq5uG/nGrlULEGHNm0KDwm/n\nyXDWYbFct6KA7z8o4D9lmeNZC5XYPTJJR8+Zqn3wLz8znlHgmvt0MGu20HNF\nSEyHkpr7cib/krxZB4TBXQvys9jyaCnNGZ1d4zveyZePzsbiXSqzYdMrqfek\nFDXwOdNQ4NgQ435pY6Lj5AyAc1wCnWu96lNJpMTXI6n4fnA1d4gaOARabmZc\nOiav1azF5y2zIkxrSyj8EDLBw1LOuIpGlj73SDkseapOqn76Qm1aeRyntMoU\nmUP25O0XqxKT09/YUW8ey4JMN46DUAC5NV5NL9A0vReDavB8oKSXqZJYQ51m\nusMwCjUlwRuwGRNGonPlI6royV/bt95oBIdB5Z7tKrReKBTibZfKxCp8vfrC\n5ACE8ohq+TuzQ2d9HQ9MUmE40dWCaO/wDwydEEFgwPyKu2Z8IdfucA+vV8kt\nNKKAoec58JxR1pQ1FeC95zDZMbPbhY4li4q2+fWxELRgS2h1vh9Aw2Lffs8c\nqn/J\r\n=9TZN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.4","@chakra-ui/spinner":"^1.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">0.8"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.4_1593625389040_0.6465832904381221","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/button","version":"1.0.0-next.5","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f78a2b7c5d2eb6c32b89cebbe9e0f1bb5d5257ab","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.5.tgz","fileCount":32,"integrity":"sha512-cgMbQwqRIlhIEbuSIoLlYcP5ZCOtLzonLgE+B6uWELGK3DFeZlmbLGh4rq8by9RviW9yGB1mKOKbhrUlV1nKvA==","signatures":[{"sig":"MEQCIE0s4BaEoCgpoWohnR+J5Tvc0jPHZOgHKcbOn4ySCDxWAiB/Hu2CsnaGIGHWl4nNwmBB1wESMGdJbEEbTJU1yGfgMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxsCRA9TVsSAnZWagAAEYkQAIVyAwr/Ni1j3mWoXduL\nWWdciBrfT+E2TSobyTdu70kaguRFsF1zzufGpUFsASFXkPUQdWStllD4uj/+\nfEiyI/SmffqWb7ieWs/wiIqE8RWjouZ0yFv1mabq40Hj1MqVEf6tjxAqTAHq\nCFK77J+YMeDGOX5PsAk07YviJa07SURWPy1fWKHMdO8+uMUpRAHpuhwXQVoO\nGUar9GwEuT/esrvL2jKund4zsKj5QDKtLlRxfFUy7j6DWhv7xAYfeSz/StLc\njitPYQSla2Fky/IJWwKUBaYzHVrKUIiQnGQREVLLjKl3iz4IHs0mJF2wJ8fB\nLliWK8s7ek/5bMDA+feYq92+T2jqlXE9zmqjGQ4j1gYN1HssJC57fAddJz56\nuttoHQwqBTqfmuanSmJPYVA7RUqswMh4lHk4/Mt8WElBwncQCuXl6E4T/8pn\ncn1NsIILmfsKG8Y7FCRjsJRz5cmkxksTHGUnEX4QzPXJQL/S2NQHJ2/ue1wO\nVElVA92X11qo08e8xzGWKAva42RqfebGcrk3MfE9QTZR8OuqEpzJqkxc4dBF\nqKZ2J83SJ/A7q0voemV3hPzL9KVLakTuEfoIKNkZfxtIG+nX6eL4vU1klMPV\n1or05xGmpDcgBVjxxPlYcBJy0E7Tw0+zdIqDrn3TfrFgCYnyBgPeVu0Upgo/\nlzKd\r\n=PMgr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.5","@chakra-ui/spinner":"^1.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.4"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.5_1594809451627_0.008428529582310773","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/button","version":"1.0.0-next.6","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7f0876fd5545ab0eeac9a2ebd1cc021c0cd7d799","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.6.tgz","fileCount":24,"integrity":"sha512-1R+NV2IBcQ8rykInIxfR1PJVYQ7hqiNfdT+l452JtKxYaJI+sApdmWdF/i+Po5oXcJPDzWyPeibYfASFCMEUIA==","signatures":[{"sig":"MEUCIQDH8Bw7KpNR429jhCiKj/mQnddSHAGQDSOvkzybcdRREQIgX+OLxY3Zw9GgS59KDSO3Z7aVD5XZjBOmpGU7kXCsRr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJaCRA9TVsSAnZWagAAiIQP/2L+OOg2x+vDVecJDsQG\nhU42LMEF8dHPvcS46UVpsbq4gWw958pmxuAkPgH7DYp6IGUtI3cGdC+eXNWW\nfMizwSTSncK9nyHE5vQzuVdPrhm99+0lcjHUeFWqACpKiVaT5bfmsaiijlLM\nfYMUETJ4/2jRKCXub9lVELNWGrDKxsb/7xRBUo6SHHGLTGzcjKZGNVa6NOO+\nCYGnSFu6nOidefGtI0Ot6UDE8Lj9+/i6/gw7OMUMjC7lCJfle9e8w8/QXEe8\nD+MSU+MlF6I0eQr3+c7jvpyVaANWygQ1VW9W6C+4uMj/6c0L8SNLnVKCdufT\n4bT1UUWD0sWXrBZZconoxuIW9kiML4zNGsQTH2t2RYfhFXd4y1K8rb3AIP0f\nE8u+Ofr59BMf0BtRI5zdDSdmU9lX80Cdtv/su7t/lhg8RZGnaHnA2m2oJzEk\n0WxitBS0hUJGJjNuKKfG1JyBqCd2m0a7yIH0O4zRntMgB96r9tgpyd7/LC+Q\nsyxGztnN6Qc/hLxq+/kNbCQPr1xytPzliKGXJUixUaUC250GabBWrjZkMnKh\na9JPtsQ1+72mcJw0nnwmyQMlku5OPLfDDxbNiuxApez4U4rXmfN5XqVU3bkS\nmesYRqiZvEZYMD4y9azCYdehN3cl9+Xc7ltWzEJZrq6kiRmWtSRm+SjkU+xa\nhiJ8\r\n=jyVT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.6","@chakra-ui/spinner":"^1.0.0-next.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.6"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.5"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.6_1594827353718_0.09426722661246201","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/button","version":"1.0.0-next.7","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d94863217154a0f01479a5ae6cb66586ccd808d0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-next.7.tgz","fileCount":24,"integrity":"sha512-u4NFvjGoaJl4ST8miGoojLWMiAjjnxA02/UoiiXXTOzuCjkm9HV8R2wRwM9CoRBMvnVfdVWxvxPJksQtsgsQpg==","signatures":[{"sig":"MEQCIDYZ2sJ9vA4zj1KA9AKyXJ8YnIeGXS0/S1MmIuVpb8WRAiAjLsEZc1zj1BuQ7gS9QVlIag0oyC+ZAxex/2l2vE2JSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1pCRA9TVsSAnZWagAAqmkQAICpRxLzGpXXdpU7tB/N\nviFEpASLUZfiyVflvaAbhTc3ZxpZpPh3XW0RwkazsQDNf9EJXiq+KrZPCjZT\nCQ31uLe89rfEhFmFJmRZXXIHegH5Xj9sZi5lo/PxoaFKdsklASc1rE8XMVo0\ngCK2ERaS4IpHckMqKu50ZIs/TvT3fe7MBTCnX8Wl57zq953C04bgv4M5ZMW1\nvpp1Cy5DB5BZT5u/r7/BxTRpzQNv2VGkOTMIKC8aZwIDr1suMKdz/9/CdTFp\nE4DrEOqfc4WmKHHvPYkPwPLoZmG61Xrk4mCXedyYmC2yq8aqC5k65JzChJok\ncO2Z+BDwM1Q+YC2/PfgdghoZhr1TFFtzAYMBfvzqWi+KhRJlCCClqDnTIsh6\n5JAX12dZlMbaMuPm1HQwObj9BxVPYsfvIgKXzAHCBy/zM0If7nAkf+qfqafZ\ngHMrVwoW6TJ35jQgz5D3JG3xFLzGJaXYRJ2aLY8hyPz00v59skwCalS5ZaEO\n/+1gT5prl+Q3emk4Ofet5bqrsZMirXpq3tFKFXSzjc6JMD9nX4RAKM7JRts6\nx4S7iOaMi1yGws9l4fmn9ybJzyonDlqrSe2YipRmEmauxRRkp6wHl245X4Cy\n0tKMHZ5V5xABtbFY1X3D7e2bSr0t+0cadzc4rXwXfi4NB6E3L67mJhH9m9Nn\nbLd4\r\n=VbZ8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.7","@chakra-ui/spinner":"^1.0.0-next.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.7"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.7"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-next.7_1595768168902_0.3487385033870374","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/button","version":"1.0.0-rc.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"fa7054c10c600d215cef80fb6074b17946f47fe2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.0.tgz","fileCount":24,"integrity":"sha512-dqjTTiA+IBkUhQJ0QIhE3f65fcae3F8He5TaTJPGij7NmTPIed9345fw+qMlEjpgXjVL/gpVDVe7o7EN57rn/w==","signatures":[{"sig":"MEQCIBk6DQ/5omQRvP2M9VIANeb/NOHZxmpwsW/X//pbKrd7AiBWP5VzVfw4ReMzmQcyNjgISfXOxT8Nv56kA3QLHSf2ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74347,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHaghCRA9TVsSAnZWagAAcW4P/3hvEPntPcqItq0v5fci\nmqeLVdH6+LOrop9zbY2xOIV6TBg9j0ADqGbFb2vQAjl+n//4K2UoTIBEMfII\nKy/mVeLgKp17UfMnlUVhNiR2/oI6t78fkpMU9Taf6iKWajAYg+d3ElPjnT3e\nqEjSS0n7tCktgzsBmxq3uWW4Oztiy+Wm1TCluek1UDgCHUbA0EiphNoqQdWR\nDT32a4ZA23EqdKtZ/pWV26gPFpDYkSWgl6HfiYm4zPCPvEXohqoApEE2Fyu3\nA/LrEphvXQLya2ij65jEacbujv6fwEiCYo4YGHnjsX0nL5bRzGyLWV8d/rb2\nOeJoh8xMaXeuC/BjnG6YNszOfAcqcNj4FXNfvQqkNW5KjQxCuFCqgnz0Uftl\n9tcCHcWvxsuwAwxx4Y4SIXjqvO8biIggh5rx6hd8kcooVuIZsUVwaEGDKoOq\nz3v5AcgZebId8WeiLYmi3l2N5AEM9SkmEUpKPxiPbvz5j0L7x+AVivSD+qEL\nQ3R0f6PrPFCbhbahqFLqg18cFmT3mroOn+ogkTmB4w/+dg9t185us6DtfHNh\nlSp0zY46Fl9S33sczFmiD2Ki+u5ahBwe1xoHlwJ9+dJ+7NQlWJdxlWzaIVQI\nb/GCIG4qz1Z5CTDLyVj0AFVgKqzVgwRP0pw96ecgDL0YxaL/UjoIjKH75Hi9\nyBW7\r\n=AwZ9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.0","@chakra-ui/spinner":"1.0.0-rc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.0_1595779105476_0.29132122686966166","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/button","version":"1.0.0-rc.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b5c755a7978b7676d28e9f9737af666ebd9d12e1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.1.tgz","fileCount":24,"integrity":"sha512-g//+Erl7mmw5y2OSknV3lfR2dV3NzzdlweUsZXdfH/ICAJpI/ENJKSQTHXDn0T34XREYB1TxNLzjaMO36Dumsg==","signatures":[{"sig":"MEQCIEK5m3thrz5xwW+e6xJ+uD34U/57oVQnTFLJ7Pb1QPZAAiBNvWbA9F6o/3s3nbB773yEYVbXEenzGbv0QaluQKmVng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":67620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLgCRA9TVsSAnZWagAAT4cP+wTDMau7KyS2D0xhbyRO\nkqbckRESydgeMzXxiq3kvn9zkbufKKnh2AOXVk0lnrA51MeQWP4lImKCyp7Q\nJzDaEzGtTJAPGu6ZlVLiYJxU54o0WsyW5mlkPqAWuSQ3E9lzJCFqIxitcLVi\nsHUkbYAJpcA/6fzO3an48AENh87Hcnlr2AgRUch55L5j6Cdi+DktmCpmmHLP\nTLZdp8ktD/o5aPuLRzJGD1jTE3CppV1SJYp7hOUK5696l+3OpwvGgpt0jhJV\nS6q3zJfZA3PRVjSMpeOGV9+EZLMtqyacVJA+S3o7yJuvVsLGuRNaz5m6escb\nGR7QPxMBZFyrLUhucJZ/WITDS/w+JExMvZxlbZniYnvS+41PhscBj2SfdVkL\nG6b4caKfHxMzG8cRhZCeL465P7TI0xZZ+vVWFrjiqJTha4Onzh9S6QZ5g2z5\nN+yGYFVCPKKgJQrfbQQwSVFz+fFzQ/LJ2Ikyosf8R/US0YsxGAwfZtJREQqR\nOMx5VeKsCXVrRivt12FA6r8S99Wanj/LF0EekI2XNc4NRTb+Lxdohfys4rSq\nUDSCQm6MEm9AojXshGlQ1Hv6SXguNWGP6kfQJRh/MXCeG06A5B75H6zJQwH0\nFLzFxUx5K1aeWrx7YgjVhJwgBMkn2h6GfpSLCKTXw2cRacCmFi4Yn5sqNm2B\nTutO\r\n=u2cW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/utils":"1.0.0-rc.1","@chakra-ui/spinner":"1.0.0-rc.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.1_1596748512543_0.31229897959462405","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/button","version":"1.0.0-rc.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"257056f99d729e9124bfa2c5c959988672077995","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.2.tgz","fileCount":24,"integrity":"sha512-LblDwwJrgJor+SHQx8RTGEQ7V0Z1YEiTnRlRU8inYLbdCJyTWC/H4qdarniCd74iMa23NbtZ8WpCBvEpu4SNOg==","signatures":[{"sig":"MEUCIQChUmS9rzxzJYQD25lFxI4QNi7QNvHoUaH/TddyjV9ifgIgF3dekFbrTGTr5EhIkUfa7+3UbJIKkXEGXqDq+GV+/wM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":92945,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97xCRA9TVsSAnZWagAA5kcP/i4ndqtmQTxmdD89o0eV\nkY9cOeiYMtbsHCtuY3qSfrVoDiEtOhFaiGtS3YBrBVOAprWJk9iPSHduNhz+\nYzKB0LQmbfZyUTuu+Dkbedw6ZLpoN8JZ29Kr6dpRQFWfCOiB5YOlJAuWOtoM\nSNASJiHnBmsY3ol+EDomRzGfAOcYEQ6/5UJWaj0dDaIOtTYVVMpoMxXZOp+s\nMs69TbbXyvoEzv4Oy8FA57L+7VbfdeClIBpz15/cAwiv0w4MUcJAFSTdYv8N\nQqCB+FmdGvWnUQQ2dZKu8PA9+4Pl3eUjoaUhKqpBuq1SpMVRQ2thTScTe05d\nWJaUgN3ok9mKD4nAy30zu2DUZXTKn/rFW0XNisWfxjSc0GBZ3MWCRaTzpbbR\nZ3aIB4YAPH1n4FijRE9l/eZ+9dE3Sco/Csou5BOdBpZgsC1XTpASlPQXg1ai\navVZoGcvOpBZuhzAPEHsvJgbnbAR4cXRD/N3qBJWDg1II67BG6K/2drmt8sd\n5JRN2gBYYkCEAUJhtB8l8bN5yM8+Vshyh9JrA5NZmSAAw0UFScmtd6o5fmZN\nMyQxUEgsJPslGaVUgmeGm1oc2AZ9Mpy+MO/YZsa+67mggsXCF5FIfDFS6RdA\nggsPtzwVXQi6hK3yOvaaSrXyEyeacCNUGVA+1QCz3TcRaJJEUYCAT8T8Aqzv\nkXYu\r\n=WvJT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/utils":"1.0.0-rc.2","@chakra-ui/spinner":"1.0.0-rc.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.1"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.2_1596972784669_0.7589283719463074","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/button","version":"1.0.0-rc.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ac353d2c34af475121e5d0b028a7024d4a57b6d7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.3.tgz","fileCount":24,"integrity":"sha512-2Zohe1V9Q6Am+1EWb+1nxPFpijYN8nyH6PNvZX4kGltnHc+VENPUt4LGyWMrv62evTsSLyGgFYMumEn9ko5siQ==","signatures":[{"sig":"MEYCIQDFYiFkVFuBTJHb3Z3twE4R+HXjm+ma/lfCULPDdD8uggIhAK8j9O8KvZ1HWMfUnLusPdiD3dnByiPHwu7fWB1TzR4F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":93877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YcCRA9TVsSAnZWagAA1UcP/3/Qmn48YrbAVENgmoMm\nzms8fU8BJ7AF8uVAipJQpBsLN28h/1BskVSxcSZdD/sL32uzuhqct6raSTDA\nZ13rUtDUcVJHUCwBNgMxWphRFygaFsYsmsrwG6696hspUXtW0nveOOLPliks\nXqB3c5sVsfCVrR+4EJeAF9KKJYGMXNVkj6akgGhLN0M+7j7x7tDy65FkD6t3\n/qZPJyh73byCgT/qSVdcPIVXQWBKVj4nez/QMgmSjDG+ksvgMlZrsSRFdTd/\n7pB0F3IOgpIIcaRyJY7oa9TX/oK2MlN/BxnRoe2aO/xcj5GomE57R0sEOiVe\nuGDjqte7qSiSGfsIpDFI/YRCgtj/+uSGZDD0KTgga66t2LcVsn319AQJewQC\nYtWVrD0Oxgta3++A5jQ3ZV988vMWtlPZXMHkJtfX5ciy239chI9G7DcU6+Lt\n1vXm8Eg554FzZAdYX3K/pu1BQgoSC2LnCJ81tqC12fHyiaLpg0sf3bEnQ8su\nWbnJIMn3ytWvhJ3z4lWGQvAHNKR4UUpSGVCctCqV2Gcv5KgMuCcGOSBSGZwJ\nkkewRE8vzJiC0b2XQqm0lNXCsF6zVoGKQISQsj5dGsKPc8DU37GE0BFxnKjx\nYiW1Y9mnkFLb2uzCXZxOfjO612mI4BsMivbAV6auPS0iXukQD0aitKqE86IP\nyqL+\r\n=DnjP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/utils":"1.0.0-rc.3","@chakra-ui/spinner":"1.0.0-rc.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.2"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.3_1598801436267_0.008667039947966693","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/button","version":"1.0.0-rc.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c85313bce74f02c11a119ed16c5ea387fc64eb68","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.4.tgz","fileCount":24,"integrity":"sha512-d4akiK287X4k/s2Km/NN+1WtLNUDTMPV1LpZmnnldQM/6fDDFq9pNgFWb5c1hXJM2esNTtSSCEaopJ7EV5+zOQ==","signatures":[{"sig":"MEYCIQCvIJCJK7WguidLTXGDdul+FSdCV6ZtXvHwyYDjU/1LkwIhAPBlNqhhmYrKfMtTIYJJvx6GVCPUhOmlhd4IVphC/doD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":93969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfonCRA9TVsSAnZWagAAb4oP/2QuNWgqrgTzr3LOxN5F\nwyQ5kyMsmqexRYSHATGrutNbZxHgnKcHFvvLJEmIQlp0TyYJZaFGn4ev8or9\nuLO256MSD6X0moypE2kppOVgwYAUi2cny4nFMXMMQDU0DCeKNW+CdnpfTxES\nmrVPyKXO39oP/u380tTdgx/xnP1FOIla5Wzq8/ulB8l0WptmaAcCkOGFVVJl\n6ymGs83P5PqrA1XcWy2L3vENoM+Cq7VbzSX56yO+Vt1ArOSXJkbzEDQFEGMl\n51MNhDsIIvax0sG2HQ/EHiTg9s1db5MzNUWXfU7rl/FDBfYs3JF0C3BxWTch\nfwHrUWlNl524QJCIkih3vRm0wzuwJLsk/HVfmFgk6fK7eeLPOhTxlox9tbHy\nLTjFEJkoQdfBgWZ1GhQQtnzOOrlxRJVnuQqcXWYQRzTgcmAC9fYBdgRB4ffb\nx3dhOZcLlRhVPqhXl0YFtloa82NZ807lNgXf85m6sDurBhGvg6/5cJSo2pmB\nbVkinAu640F7l819Lg9H0hQA+3kC1itZG8BIXdyukNcslIB1o6f0uTd8A0Fg\npfHNeqlBlLkMBCq0YRKevWPHoocUWBD+uIOkRjVcLzoV3UvyvRT8ZXgx+xuk\nBI1L3hhS6Y+Z5dppNZqS2bSHHDI9vg8OCx4whgpnIGITlFPcpZ/g+UDzq0fR\nRnxb\r\n=XBYq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/utils":"1.0.0-rc.4","@chakra-ui/spinner":"1.0.0-rc.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.4_1601042982507_0.7743116271452184","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/button","version":"1.0.0-rc.5","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"59e247dc6fae2bffafd876b3efe29bc68ab5567e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.5.tgz","fileCount":24,"integrity":"sha512-T3mVNiC5HIgTkgxc1vwCGg52t/eaLzNTQLchUpDv8Vi/aEFKUl4S8gCREJurXcjMhr4/OIqqc6sjC2IfUe1h3A==","signatures":[{"sig":"MEQCIBpDZ7pAi/M/gEHKZg8j3grMFY4jp1lBaEQxJHzhoNmSAiBzJHx0gYRRLWWUvPKeBkxRqYVJMlbGIW87XiwZ8hOWDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":94059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXvCRA9TVsSAnZWagAAqegP/3g79/gAvG79/F3Oh4mS\nscCOzUwU7FTAcDXw2O4omT5fAwecmj7lUuuPTeWsL8/TM/NZ+P2DxVaHbEFJ\nxF6wT+Z+YS3I5REt1uHZZGMwbdu/ilI98CZmh2ptHBezd0Wu4ZF7wLk5njgn\nSN2ZuydcywXcTwbOtcNBJJUouou2p2fmCayDMmc7xc7bIQPHNCEdSrRjpMdk\ncU2W0U0rjnNVGAu5H+X+hcHZJktrfNaVTQVlTK+xkqgKhDhSIXoEvMCuzIwT\nZ3BnagY7YY/FrfxmCGrSpNJdrsIWEYlmQ9YJ4Ga6dlk9e2u0OV69jKGiaZZ6\nWu7HtLR1xycF+3wz+9P1aHAYNXjaerdAID+pzMSSgB9W5G0uIhEZs/9nTmJ7\nydoMIxXb8cwlugsvlF8mMDXzqUHbOtplh70bZ9nlFrbDHKwu72zMcKiM9Jpn\nGR5vzPYQtdzRs4bzRoGNnqvb22ptZ2rKHl3Xi8rrzHaKA9R9QRRPmluspwah\nf8lWT2gq3jHo5mnXRX/QZEBzC3V/eeIgOdGPUj1sf0a7SJioGwRj5v4WFBZM\nKZiyqyQidpjB2W5S93NKSu5CIV9zuUnl1s+Bwp4rtCuFXu1CrqpU0BQ9W6iu\n6i0JFdHPx6X1wthIUeGd3R1cQXp55MFsfUU8Rpcg6HzwAFSXHD7ti9SwQsTG\n8DSN\r\n=nX4k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/utils":"1.0.0-rc.5","@chakra-ui/spinner":"1.0.0-rc.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.5_1601238510929_0.6416879178560162","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/button","version":"1.0.0-rc.6","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3c822afe7869ec1c217388b5fc47102aa3e84bb0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.6.tgz","fileCount":24,"integrity":"sha512-NhZkvLVmCGOrvPxUjy4XwJFA4KACMOyNT01fL5rt5ltOeVIa7zXKnVjwhavKQpkp1bEs6fVtofIMye9afFTzWg==","signatures":[{"sig":"MEUCIATTvyWTi7WukTmKmEhK1uPvGzUM3TjZl4Oyg0bVLJ2bAiEA1qWx+FhHK5Rfq7BRhA2YBYxZiskvnNfiv3ezBBL+5bQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":69414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ01CRA9TVsSAnZWagAAt/MP/3ZwkT/ZEJi3v9t/tCpQ\n6gaOA71rjJdAFQclGMqPQeetoabgcHa3rCTcPFQ7lfnW4ZXkAH4qhZNzt0dN\nL0ZowKmwiscHzhBbMqMAzGaq6hDiV9otWTa7MJHoPbuFE3Skq5NIG2PBc+SR\nQ9RQmtzZRLl85DeE6WxQGe6r59lJhpMgrhkJkEKKPvk0sUqhRK/x6z7PDdpz\nE28G9gtaZoGFswuKVgkAXQjndiSIPnbodG4+AlrgNjx9h6BjEiqDSkffLS/p\nNlDO8tdnl0UhXqMuKUsX96fcZdMEpvuZiFniPHo2dGs7EY3SZM24cLgoYww+\n1OaVdmLcYFn/nLAsTHv1nULcAQ3o3CvsrSYYQ5aNMS1TdigANYbDBk1b+2fa\nLFs4EczTgJ4hT4u6iVLfBLiWpUQlG7cyQ5BehAc1XwN7rnUyS54NtTRczK/y\nnqi/1jThL0GE/JABzazacLMJgpOBpqjqflSlvRjLC1uGgmPVzpb7u4pwkxSj\n2zBhNXDQWWhox2hDtQALDUvbnNO1Th0iEt/TkQnuV30zqUrs7wmqRT2lpV2h\nCbiDAG2agj5LJmFegnb25MR3wTIUUOxEe3iVWT36dTUUcnsVm0ZLa6VovJ8/\nfWvE3PhfttniV9zGxLrIkQ1GsRz+zfh8wUh1WeOo9CkLFumqMmj+1ntpkIgR\nyxQ1\r\n=dJdl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.6","@chakra-ui/spinner":"1.0.0-rc.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.6"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.6_1603640628833_0.7041010641082426","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/button","version":"1.0.0-rc.7","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0ea77c297a4b082f855fc5fbbc0f53bf3ff74a17","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.7.tgz","fileCount":24,"integrity":"sha512-bYqWMe95IzM6ESCQsMVA+95X9BD4KSNc4erlyJdm0DiK9BiEBffM5fO5pCkf6Jnz2PugQ4U99rXC/u6lAICiow==","signatures":[{"sig":"MEQCIBoL8WLRGT6VOe1EYBTvPqGA6JfM8K+i9KSCI2DroCvOAiA/9h77UJZx2rt7S4UMRb3/wgluvZoyGuqwyn1EhJ0hPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":69504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfCZCRA9TVsSAnZWagAAGH8P/iZPKR1oN6o9DNz8Rvzj\nbm3PL4Ye++PBnImecF/flt4QIXpYNzhybN3AYAutRs7YTFdId3ZBqnp/iBCK\ngnqksp1fRzY4As0rkNV1BDdbgBMxqYsYOzHh7PpKx5sNgDpmaBcO3uVHa8cr\nte8qGZHY4EO/nE5DH+evnv5M7u+QVgFC3SAsrSqA0xMJfsurKSDvGXVuJSOZ\nkEYxMwYSeI2sReHWl1C/h5HEa6tWqmdsdtXQ89eR29I3tfoCrtahTy0yvTsg\nkbAIvNZ0JwYH5QundOq4IxS/A3J7wHGZoT0AHP284SgBWGaSEIzfm5uCdCS5\nDJCuweDQA7Jjh8OhR83Q6AzXoibcNHiYEXigRMd19DEQ65/Ee/SkMC8k80YD\n16Eev2CFvum1UW48EMI2xXYRi/vRJrwH3hLzGiG3dcZ+K1WDGyZ3Wk10oDt1\ndxSsVpIrkQIeUPj3zGIxtynsWI97V5LbVK62c3V1se3W+FbcpX6Qa9rgylD0\nMGu8VyPICLZxDU2uKSS6/fnmJ/dsh3QIo1yTsb5YlNAX/RDkHWXMNtVm/m34\nUlpn7ZfvuXEPTQHVI8fG/VtyoCBMYDHvAgDVoiRszeA51frZcnKKcvcCVsr/\nVFsgQ4tconCvWXkyLWKPHHR6y+IAB4VLhYBg5hkJQh6Q7THsCiUxA2OIVhJw\nljq3\r\n=ipUW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.7","@chakra-ui/spinner":"1.0.0-rc.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.7"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.7_1603661976731_0.4149656103154391","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/button","version":"1.0.0-rc.8","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"61a185907c7be30332917a963ccfdecc888836e7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.8.tgz","fileCount":24,"integrity":"sha512-qX9Duvio01XEWWFAn3f+SQ/qr5TRX4HxTuBEuF1kIw8RqKCnP5a5pS7g+7KS3Uxx+bIbZ/q/ADuChn0AgXpCsA==","signatures":[{"sig":"MEUCIQDQR7mYbjNpNZxr98Jsxwlkdsnj3KfJ7xiBegMHk530JgIgCumcQ1GXLXRq3o30Shx5Ea/8VVgfK0lkjGNP0QUUmAA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":69910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyU5CRA9TVsSAnZWagAA2ZsQAKOAj2ia9o7wTIzqereo\n/sN4lnzXujZ2SksuizI/4QtyxPx2qrmQAHB8Xqga6JNyHOf9KNvVrSdYpUsY\nIx+6I064QKQDWMu9C58a/thlT5GJ3ZHZ1hXy27YNC5Q5YGcKSox/+d2dsve5\nui7ORm84PrxU6it7wo2buCC9Z9aiIAoIM0ZtWeI9E+y/6lhAiQhO3jm+ns3C\n8tuuC8bLIg7CloMGCFp2S/QnMIPp+loNieCq/pHgQjbpNZ9ABIHwR9Y7ru5r\nsYqMwxxoPT4Y3cvzMEXC9ou30qbgq506k5W/U2/lh2nZrYsKECuxFV1DO78e\n1f8plLz6atlE2II4ABciIce0+z89t/Sn3YRL5GjNxLnMfLEPowe72oiZr7cK\nBZ4DNHGprWNWyXXy0H5jWly6OuT/bd1osDr7vGqS5HRue7/wu+K9xIf92xFL\n5Imw6t9LphGenXIcnVAPwWEJeR0i9zEFWtP6Xqok6B++d4yorzI7ishzGP10\nZSHtulEG8SyEBsR5eqbg2HrOTjRNyodFhkrSxXxJB1Jj2Tp/mMXatYX+TCg1\nhTXagrPK+lxJZPaiNYx6dROiv8FGwcDnGXEI5Cnj+YptkDjcFD4hV7KJxKMY\nk+c+ORBTg2pzR8qNlcN8H13BMUPnt8DZF5PxPP3cOtvIUySJM4kl0EjpWEzy\ncIIx\r\n=gd/l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show it's loading state. You\ncan optionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.8","@chakra-ui/spinner":"1.0.0-rc.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.8"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0-rc.8_1604003128746_0.4401204873200506","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/button","version":"1.0.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"cec58bf12efed986add29a86fdeafda64e2d0caa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0.tgz","fileCount":24,"integrity":"sha512-DvYOf6DilCkx/TDN2BP10rdfwnhAs6BzE5ukgZBKqG8PIupE4iaVmJtsOJ/woc4FqxPba2a9q+JaWSAO2GMGTg==","signatures":[{"sig":"MEUCIQCGxkOaV8Y+XWeNz8E3F+mFUI8hyUwzMyXQdrWLx5kl6gIgKRujp1FhVIexpFluMyV94V+xKKv/Z9de9fM1CARINGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4xCRA9TVsSAnZWagAAfbYP/R2Z95gXHnl7KgnHlEBs\n83N+ahNOAfTOVm5S0b6qHw7H8kNKF02xL4UbHsddNeUZsNKLbo7XYihVx9H7\nqBdoDxH2ZSSbEh6b2vtD9qShWcCU79pGUuCMqzNLPFIB75IGF9FlT/xnXzAG\n1cRPj0Utc5EYv8hqFqBLcSCKb5sB93cJEtQVKDa8O9S0PSrpp0pw3Be/QvIB\n7cbhfMnzgdlYRzkb3cYPxUt/v1x6LjIPpGjBydWsP3Vd10yRsxwCOAnU1+xq\ndUx69gTzRSp3iMq4dYkgV/XPyPvxZFWwFqFRwRrTHEyB4BA6ghM3L4cDbU/x\nndIegivDZFqLS/8Wj+NRdOi7vCNapbH28uNemMkppBOE3r2bVFThXcla1ihk\nXhzy5yBCnuVHr6B9MQraMZCv9LqwkgO+JVEtwLgQ2yJ5e1rQGjT8izcPDWj9\n2zdvz/UpxP9UGN7tLbV7k/6Lld+12Bu0uUKPfnOffGG+CIIPPZ3A0VJTovJP\nTzTFlR6HFAksGhoSGF1Y9UOK6x2xIiMEU704NcYTWsLVt6itGQLf2hNXp1zJ\nB0wvPrFUbjCk1jcNDGK7QdolpCFaUD1w1xlGstczYdYImo70Po7d4se8Kdj8\nGjD9Dx/C0pB5wy7qxj6DQeT4B6Wc8ZOxYBGHMfq6RRtUxhvcyaOwyILRsb69\ndivh\r\n=ficW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"c98ca366cec7151fe7ea4e0b6f893088797c5398","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0","@chakra-ui/spinner":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"1.0.0"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.0_1605262896650_0.3466862998062892","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/button","version":"1.0.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"370d4080e9b62072b1f30fb765a8eb29a3c114e3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.1.tgz","fileCount":23,"integrity":"sha512-O5yhhiSy5UHYJvzhFVUWGxpTSR/mdRQrSWSj7rSal6AE5LagW+vgHR2m5qt1/2asDOAvzN+VvmJRLPosFY6wuA==","signatures":[{"sig":"MEQCIC7eb47OBJQsqvynT6Quit5fr9NK4Dcd6kuivzstSb5ZAiBo1Gyahe7/DQvT5M1bmQ4JpbRQPMA6NZ/JGPkCR02vYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":69828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB3kCRA9TVsSAnZWagAAWtUP/AoLGJORS+kfRlaWtyPc\n3BFZ95WaAIPHVgNYWjyI+l6N0AqIK87qOZnJ/pfuIsQZ4IFkXYQQmFzWqAXQ\nBd4Ma+4zcyeoWkcDGHUzXRZPVhC01uyHzinkNRHbE4F3rot/MV1zAk6sSAKF\nSnWB+aekLqbiZIZ8yvMHmDFqdpVc+0YL+V3TVJpdsFTdjosiwciS/q03eO5N\n4d/9zWw03WXD9LiR8sk6MCwWfDnzg3oTAQyreh1nr88eYMGfmQX7wcqs7tpE\nhSJzOP+I/9VnhtYRphIAaJVVXgg51ZvLDGORBwdBhDkimFgRsHTmP559ru90\n/ah+CwirZAdWxbTiSoUNVO+311ke89gtxGl3+IqavdGNUCdz0PEN4qSy2N5Z\nwoXdrXvEB5UgGhNegSZbjc+VD89Nft6xJtvXPiVwTDVv8OsgAKy1ETLvkROr\nhkI5N4dzMadVNuR6ixez1+bJYFKdQvGO6AS9DHkKqClTVYBKnpWRd1+xVccR\n5Op3fGf50hWmR95f0LlCH7fGoIwLWNl/mm5iLXlEPzFnU4lAiNYzE0kK4wxI\nGAnMtGVESJ7mw/rNvTxT+UG62RIfH/Gsl1gqD7eNuLZB5bFQkoLeIcW8z7VD\nA9kYGbekByFBpWXiyBKOvXZCa380W859TEhb4EbMZcis4HWVgSzGq1Arfn2W\nR2JT\r\n=Opo4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.1","@chakra-ui/spinner":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.1_1605901796033_0.034705496875154784","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/button","version":"1.0.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ed310c9eb018be50b3c2717fcc452535f6f14e49","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.2.tgz","fileCount":23,"integrity":"sha512-ZDY/Vhzo3AiMQ+5oqxdtl+WGHx1Sp4Pq+ekpkHDilPvfz2Slxc2RT7bWwPHtTtaJ802j3tzCo5WbjNMgJuOR8g==","signatures":[{"sig":"MEYCIQCb0tTkEmQZLjsInJZwFNxcMTOyOVgz2wXwcOPRe6UdQgIhALHVQmAjyZnyXgyttJARORbcIKQSTdeODngIPCW3kCqm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":69642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29AICRA9TVsSAnZWagAAGooP/3T4FyvCa6YKmz/TdA38\nsKtvD3eMR/qmwUT3ZNiJYeI+Be7NjmYeSaMu5gZwf4PMv2LuIlyLPplOPvkr\n6ZdTSl+HGyZlu/mEtRD4qy+X6qYhBjSOo2Uk1INAWBfw27CTaQg9y5HJMUYG\nM1uLBGp1jFpKm+7knvQ8xVjqXgrzqSlTkmnbS2xeFwu1ER+QgQNbPEhT5YqH\nZGNJXcMvUHw1oi8xng4YCMuiHvxJeBf+lHnVoaEG3J/U4pGNuBn2sIthcob8\nFxrHR+JcuN5FX0GFBO4BP3wjZUxIVQKwacbB3PLTo8QhbVy8qOPV8uJBBzMA\n2yMtKB/36sy1PU3V91KBFYNH7bOr7uQjxiavHElobS42kxCn82WWRKdubMdK\nXTvxUD9WiTScAWyrJsFCy+TyTvGR5u58/QN4LJcYIkJy9VUS+URuEk/IIpvK\nZGFh5N6DNNM6e/+Xpxj1AlYZ1+T9uPO6MHQZLa979cyFbjm80aWJR/aERYDn\nI2YCpI7cZp1CmSmmnhZRxRBMwyx+7UKlI9hVS9tluSpF+29THkBIUx0Gdl+4\nZvsFQl4Z9JRFz+9kir2aj+N+itiYb02RXdVPgippGQjF38uADEu5mEmjYN+F\nhgg46WiflNs1YdNq+JtmxbpiJwQpWnP3d+EsdaoBiAT/+GTqNcJg29hGdLgC\nsqaa\r\n=foOe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.0.2","@chakra-ui/spinner":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.0"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.2_1608241159546_0.9958926155669625","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/button","version":"1.0.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"2fccdaad9406b6d9de06fcc18c3a2aee7291ccbb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.3.tgz","fileCount":23,"integrity":"sha512-LEylUfAPEBlt2coLfxYjaJ9U1D9LN8LKvz0jnfXxrWIVyWpiWU0a6Kqm0rLUHzZv15abwNz23btfP52vTF3mvw==","signatures":[{"sig":"MEYCIQClMZyxzKuBab7oGEnpqQTRyjhiZT0IRqBjRIaRMTtuxwIhAJLe+QfzGqLawwCo3StMJpQllfMsNc+0IirCM86H0T0G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8cJVCRA9TVsSAnZWagAAlHIP/0p/2WUw1zdKTjxTAK22\nyPWCMEAoc+pY6wPNIYNkVMN897q+KQvSaw46xxokzjlW/31itJrulHBpcfdt\nufoLLWF1yyUxvLRziOOMBHPvfhkNNMBX0lEMLOEDfo93PklAI+vfBg3bskQE\nZEYFiq+o1Bw1cl6HRF2tF6Tq5WwEEDxoqWAztOKQZQUzc59osns2nuBeOzja\n1ynb1w56TZazMHJ+HY3UuvCYrIVkqmWtfXh1u9tGYi+l2X0UAfmvTtYx54I7\nNpun3PH/3if1CoFc77zzYQg80Vc6TP+BTKbk/Jc7y9s5H1XROeo9borCMx77\ngI1yR5EKmlJNV2Sz5mH57bVOIt1HRcMKFwiqUSAtmx939EBRJ1aTnnyN6qqK\nExI4bMekVulXUlXlaDwhXxoIqTvXxMNo1K24JDGLGi//6WLMHXUJ1kVRwt6D\nrz5Y7nTKM91p3+Oq+YjzzRjpshHmQyH0AuWT4+AFPip0r+PGNXX7rUgzN9kc\n1Azy2USgqHZnW+oIGcI367wB5f2vSn3Bk2LC9Lwf0j+xZV1uPT2TjCjTv5l6\nTICnFvzQNem2ooNx1ad1GvjyjivHF/KI4TdQBBzc+UjbnNpALPvT1NDF8hAN\nPwhLGdARg+cjZisPfJs77ks2/flBsZbTKKumqv048hZ1XWX9tWFOemHh6hq4\nFTeS\r\n=1sEQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.0.2","@chakra-ui/spinner":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.2"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.3_1609679444575_0.2656749097540476","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/button","version":"1.0.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f38cc0042bdc4afa0f430248c368c5c95f50c153","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.4.tgz","fileCount":23,"integrity":"sha512-j9JIuuJ1SV9e3eXprNN2h15pwEYcuz1K0scO49xWAVHZ77BZX9TVe7GrF3MUYtWNT9DQVuNh0Fx+vQquscHlJA==","signatures":[{"sig":"MEQCIGnkR5uWxY9qBvshxem1THlveXo0R57hNKuUasiBtkVbAiBIjd9Xc4XyTiMCDyRyh1HN3O3TC72mWgdRpocOwzka2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/IR3CRA9TVsSAnZWagAATnsQAIBLa1PYJ5iaBMmRoIjK\nsOYuXNV8L5U+pSklpKwf/DytmNJhaqJLjZ/6hZDVwt6Jc4todo+fbuzo2dy8\nk0jS5FSmnrYU+SIMpYdHp1+TCKf94E0rbXLtxPDMSYDggQo6aluUrwND/sT8\n//ojv7xQR4hoUwRdY2C80SLfmQPr/UKp3lB4izyW8tLnWTRh1PVRRtRhTPOC\nzxiZNTcyBZc0Vh4vz+JTJAAd+EKQkY+T3XX4nH481ceCxVz+1WQamz3V+cCJ\nn7vLMWgV1wfUesi+PJKePRCh3T63EymUmM2f1Oc3bghO9W93Q7rCWEpaOrEt\nohZlMYAPxgAjIyBzHrtUBIARLYvpE+QZRiTRF9kpwj1FrUFmG9lO7lvzfugS\nWUohzvaMsGjEdSwLTc9m7s3lhimQhMriJ94cTphslrAkyZKWvCesTaOBVrdn\nrUYYAFlsTCZ9JI3u3H6yCxYSYXcbpanBAmXHYd7iMjapOphVjUBNLigX3eg4\n6p6mwJURgocuXIpyJImJzJkUOSmNcC3NDFEnjRf4rgAwksp5q7y5XwR+Rhgi\nG2lt7bCSn59GsbVf/he6tO4Pe8RzrqOiOk8FMKQWy9teOhBOBful69eLtNnM\n5hhQafoHfwXvidpQ/BM892mooTz15pDJLLgGFh0ptIBBfa+j+FDcim6K9oYV\nNp2+\r\n=BRKB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.1.0","@chakra-ui/spinner":"1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.5"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.0.4_1610384503182_0.9175923415208997","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/button","version":"1.1.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"04d8e850a76bb46d81c726da102cd30e6fc6f8f6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.1.0.tgz","fileCount":23,"integrity":"sha512-Lgox+98W595mSCYzc6UT3x0SJwJ3q8rIKbr60vQ4iGKNkA/PEIypidmkq9zwzNeHeoem5OQpW7t/de0EVtBg+A==","signatures":[{"sig":"MEQCIBhufB26dEL70zncNMg44e6wxt/tP689KX2sXJc5DjkbAiBOg8zL/VdrFtTDNLz5mr3Tj2j9jNEcAPlG7rA8ys0ZqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUfCRA9TVsSAnZWagAAwykP/2id218AqbBizeZn/jSt\nNvgJE3bQmNvNkMXK5MqPQsMFpxXCNAUfZ1dQxqJ+Q6/oMCm/fDEOZZdAzElu\nQwfJ014Y5+OGYqoGJNg4sGpR0QNWaUfh25OaDlOV2VcWyE3sD8eaR0Dswt4w\nGH3X0URHxb9jE5VdqIF6I37vTctruciBu5DRzMVJR25MnX2I9PepodWerZWK\n/2MW5EIq0qB8I4jVA+5x/jfU0A6URA6TqFyEsGbiVFObgspPodn5JXasIdWg\n0/mFMtU49dB8MPFEv/ofhzbCpEDm6Ro9IbEQxBj1587+zw7tf3aTZ2Hjk38j\nYklzIp3/Uq/NYQIJk99CrmBPVucZSI6gSjHtC6GY86lHmgchLtytKQinWaqU\ngRoXF+Ilc6CQ98+dmjpf9q0I+Tt44xadybpTtXx+/dj/E/aRsZZ/ZfR6nCsW\nmxo6kjAoU2a4+yEPFPbWWKaumvqBK8v79vxRqPGdOIgGj/MS/h+PhDBlzw1x\nDPQLRkJkQzD4prdgKw+cr6cjaRSQw2mAR8qUUck8WQcPWMOGzttSvn4eG4uv\nv1C+Q2bM6hTOR2wpJr9STy4MYfCUv15SeU9R/fNDLj0khsER4bPfy7WDoFyL\nSsJdItmrp82hvNgO2TyGa4XFrgPnKLTXJh+Ms+7vauhuDYPknW4RF/DKO/jI\nUdJe\r\n=ajoE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/utils":"1.1.0","@chakra-ui/spinner":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.2.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.1.0_1612043550712_0.9956670201258049","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@chakra-ui/button","version":"1.1.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3c7a4e6bf38f3451c2b280ea366fc2da0054e992","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.1.2.tgz","fileCount":23,"integrity":"sha512-6QEn6cL3v1VcdqCT92uqduLI7ip+VQk4Adxekt5WWHDvkw9WqQz1aOqKzfPTEau27WHBBymB09vJR66CoUZCiw==","signatures":[{"sig":"MEUCIFRGkllCxNv16U8uy3/BJF5dn6dcTCd7zkiWozt0YiU3AiEAsU7hFiVHduRbrzakVxjrhFwt3lKozVmlUk0EZnTXvbU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoAyCRA9TVsSAnZWagAA4DkP+QDIH3kqkM4SRoMqh99L\njDy7FcKumcuhn3JVbGg8dY/UFOvt13RnBx86i/vIK/oRX1fLUpe6+EEtPKi9\n45doRQeJkeAJyYuxo5kyyEjKKR/rM5z0VDi8afJ3dEhoqPXkO3Xmeb0AqNm4\nLgAxc2/EG8uVmuY/KWpgds+APw6FwwMTIbuEEdguq99B6V3j4piZW0dF8Px2\nYyk8ExOAGNhXrOt1IcYHhg9/LiEDUzdgsTraaWqta18W0JG670zn0g+Mw7O5\nKAHhijH6gV4VhYzSLsYai5XS425ZLyq6akLRyRy2eQB9QBW1yRbf0P1cNMrB\nLUTrMIStZ7kHc63DQTfYfyJPZOqU7e1VNGO2P4OeR0Yvc2n8fnkuDBrW2SIw\njHG5nplwHAitkWOXGQ2HVBzw/rK5J1Bm7pXikbvNuuB24uyOEtKSgn285Ir+\n5pJhrNtn/EdL3SrBXdQC11lDdkn7foDSgYSbJi4c8S4QDyNM5tddOmUZIROW\nZ9hK5C3nkWi+Lu2RNrfKS/8y4xyXFRb0mioFO1TwFYRN0+QzkfJkLmRSqxbq\nYZ2PNvtvLO8/4RZBGLAd1Goh4f4XGoHYpUXa9A43PdID74FsVl03rYvP8Gnd\njID239Ni06ShS36m7l/XOcv/VdzSWBEu4FF01wxhaq7+cwu86nLXU6c/aIM8\nFpgU\r\n=9SL8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/utils":"1.2.0","@chakra-ui/spinner":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.3.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.1.2_1612611634159_0.4185587343734394","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@chakra-ui/button","version":"1.1.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d41514efb2cee211a5b9564aac303d3b0234b842","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.1.3.tgz","fileCount":23,"integrity":"sha512-KfBLKCl7QDwZjVkSo7UEU0zU0u/j8TImU2571L9AVwIrzatQXGuyx4m4PYxrEgU4lb+YhbDwNWNnHgTPNzcdVw==","signatures":[{"sig":"MEYCIQCMIDI4p9ScweYeSiWC5I4TrgCr+StSCLp6lT+fpnLXxwIhAJl+uA62zf+tG4NADmMliBv2kQCiVMRt7WDjWgDo2Q7+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3YCRA9TVsSAnZWagAAB6AP/1VN+iErYHQWN42GuowJ\nishl0U/TuPbsXIT2mAhcP91+AAM+XaVDvRYEk9MmvCvdsd4dx2b/D4tfD3BU\nlTdnTc3bZeWaVnug1+K8yKXITpQeCb05zdgg7fKU3q0yM8u3bqrlW1byPH4i\ny5cK5b1HC9tLsWYKmFk9IlM6kW6hiyq/Yx71M47Jp4pjYoDxhq/fwhRB0w7D\nu4SRoidWZWLJlZRZjaxCoyodWZ1k8Z07JrN6rVAjVZDam5AW9W/nfmCppXhK\nGb10nQ8TlDT50/tfzr/vSgXApAGS0qoqmUJ9AMS07DsLl2HiPjzk1PO6nC71\nuNaWfQl0lJ1XT1RAcO+7DsxTp1OWuWkIlQxDSihUtoHx5LM9pSBgddcDSv7K\nFIyTt+pBbph6s3a/kM26JVoFPceoXB9lVN186tDOC8C2ymnfto6D4SBoMjae\nmhjPtc46LjyapuE3zXzYRJd3pe9jkqTonmwcVAwCUoZ2kYNITTddzi4yvaBP\n/RHy0clI8px3/RW/xqQGgFBPLZEtRIwrw41373fGLpeyOCedkJlgme4UoClb\nDgdX5hCh9bQUhnmiZr2K4c2HnFgmeGBdEMWQU6FLyMrgFQDU0fcWt2d74DIM\nT7+FjW4T4Pha2KFA3l1GlfwZ7YIK+zUlYwreSv/x/LNZGD36FU1QU0BwYdx3\nPThA\r\n=aNb8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.3.0","@chakra-ui/spinner":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.4.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.1.3_1614974423340_0.04716870521558003","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@chakra-ui/button","version":"1.1.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6b474f56f51d46115894342a8a06a2f5321faedc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.1.4.tgz","fileCount":23,"integrity":"sha512-xLrISCqC/oe+QuBfhfTmdxCNbgad2dz5lu2BZ9TE6d1ppeP13RtFArQHaJ9/0wUVs3Oke6+ksSr1oCvGXvDadA==","signatures":[{"sig":"MEUCIQDIO0bc50l3qMSdQPth4iA2556qEdI8RDhrVDN/Zp0PJQIgQQrh///crXfOKLo5/gVzY4Ah+PJukWbIkyi/gS9SQW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukXCRA9TVsSAnZWagAAjbQP/3ZhsaNwSirK2aoHzkgN\nxUbXkgRRNRl5wTajLsI+nKnb/6gZhzZv97ERNZL9N+p1OAqUUgkQooEPxtTa\n0nGDXn9HWWgFcmv8aDSTWq6Iw5MIuIUW/uPQ87MFnU38Vbp9pCw/A2hLR6ZY\ntyXdTIxh6v0Be/6lXhqtT1hNFlnuxA87l5UakSN1luwdf1drdESrBgpeoiKe\n0Yn4Hk0ohTUColdR9Xnk3d4ie0NT9VjA3Bb4EZ59XZ8pspSJli2XRyeEzrPP\nY7otYnJ0mh6X3Jd0f6DiWbU1ljRj9jyBTIsthtvEyIJtAKTZdelqIOtRTYxX\n4pySFfHa+sRmabFY8KbA1ObQz/PIcK7C+MmoMyYiOLJ0jkJB1wB9D8mjD5Vh\nsgV/ggm34QwMXzPzKM8QCoknVj7Ae+YRKT92khbhbnTfK5iuEt8b2IAGvyWV\nAZSbkXDIEKEIZV0pEpcgAXO2iSzUvI5p12bjci4+xdVjCFBM2lTTipmM2cUm\ntK/WmULs+KI3HkUVT3dx1mFi94f7oIfk1fP8zv7kqI2CVbGCNsmQmm2R05Pv\nQ9pE9aNJZwg0wMBLDYPYn9hRByMA47d02XyKYEcWbERcV9py0l6flwTeR813\nL/BkQd8wLAOLHQMibQ5RQEaMmA10y5zoghx1Ikr4qeapYD4m0EYQm3UfJ87+\nfV0j\r\n=XdgC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.4.0","@chakra-ui/spinner":"1.1.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.5.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.1.4_1616308502925_0.3034874143738089","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/button","version":"1.2.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4b52613a67b7bb7ef93b05fb3865ceac17687218","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.2.0.tgz","fileCount":27,"integrity":"sha512-doEqXb4ZuTb4IUmUJkXgrzG2O/WwEnwspjVZAKveSObNW+3zcR31svP7IeEZu+KdGU6FyntbNZkhjfL2UGwFDw==","signatures":[{"sig":"MEUCIQDZ2ROhUBM6bczd07CmUIPMIRy17WCz4hNWiUlN0EGfJQIgFcwXTjeQ6zv+T+hRftWnzUYey9BWZsU7QcHfF07TCjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxizCRA9TVsSAnZWagAAaX0P+wfsmzgzv6zO2j0SulWF\nDWeda4gsdiFtoKdiowAfvfHwYwl4INkb62R5HCQTkDqNO/UpWb+wityYwMjm\n4WLuSL1W8mDRfwUA0L1wCCm7x02gmt5jD2wHG51FFXeqNZ+jbftft9ixstjk\nt430JQOFJcuH9vWIZ/dYLu0NCJ1Ka9AxqIahU+g0iZ9s6nIhSOGu4NelmXKc\nqPvkdCxj8mOPnn94eay3ZCQL9ubQbjPmIUUCI5gn6WGso+vhCmS0bjBgsiMl\n+S5bYISaGe5pjz5XptUs0G+MVFZXoMrzvrQxcFyBEB+7HWREzAvIbdPsCxrq\nGoJhaZbdvnRmkBBk7jms3/graHdDUy+OIbfguLTe82m4+MHGkB1oMCKXGfAt\ncFVwsV09wlRI2tG5uMKkQ5WXB6sDj75XiK7SlTBLSiuIjyCBw/vRSGEhYJ07\nND6oSsPwaHLLp+kBOzO1FN+B6q2tpQnOY9WTDrBcXHLcdQUEIg+KiOyGSudD\nNjbPNxgNEo9FLZ8NjmYdvSDe50+Qg+dsSkrQsWVmuTj1YMwTb+YQc4IoBppW\nTPbKJE5SafWHutolh+t0GM0Fo5/ff3/lU5KVNaJa9hw9SfxkET9t0LBNnN1P\n/Rri8to0dWDp1GyERMxEOZEeCHOMOIXWn/r1jgfeBw3n0oFw66kKZtKuqUMq\nJtTS\r\n=tQ16\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.5.0","@chakra-ui/spinner":"1.1.4","@chakra-ui/react-utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.2.0_1617107122805_0.2750985945540618","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@chakra-ui/button","version":"1.2.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.2.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cbfa597e98635f76451f62b0590323e73a511fbc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.2.1.tgz","fileCount":27,"integrity":"sha512-p63593BCuoSEGHO7CBvEKusu2SE6bSgnuXjqA63tl8uYcpS58rIsu53fPyo20oYyc/Ns8iCT33My6W28fHE7cw==","signatures":[{"sig":"MEQCIFOmktlUWH9jY656DAKgmWNIiCyjbkKH6YfeBI4CqXMRAiAiqvqRrUslv8Wv6xiNlR5sJ8+h60P3e0bGklQQ0SJh1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqkCRA9TVsSAnZWagAAeMoP/2SqicKT9amUNKlkhc2Y\nZCI8KVqOw2HKqzQVvgGtqMIro9hXhedlhRzYbKGXu6O/tjAIZR8aWFgg0uhl\njMx6hPpDF6vM+6dMPL0A48inoNodClYsqr1HTg4aCrG4wEZsUUjyKLeC+mWk\nawLvkZpPJLTqCBD0zsjU8gewhpyixYwWRVaEu/N3vFGMqSxOieMgtoTz4ucI\ne4kmyFD9Ishm6haLmNDIQil1rdvuUSZig8MXmTNx16ibWMcHbtLaSpF0EFLB\nF8v3NTQKd/5ysuxiFXb5AV0VNMBTwEQ84eoDEDBASt6gh9tfYxpbXl4NJppX\nSCRvWeyP+sVIiR1wVLDWI6aLVgJkscJ+Bjx/jq4F8N/qADQ3tE8W5sfJQkuP\nfJA+/CrZl61qEO3BTinHcGQgnpHbKI2QEUFKOOm5fzhm7f0RN/ce/A4fO4ko\nz0nqNNjLWS+Y9RuKdFKbiFkS8+MKQgRUaVGV820nTv10sSC4K2OpUK/Wege4\nt51C1eEfqMwVzO5WkhnbNvuKU+Xz19uaTnXmpMLDboZOvizIbrvDzynmT3us\nBnkfQqXxVQJg6qyTPAgl1bCRSlbqIJFx30r8xOxJrHoSDWP9rHNJ0YuPkr8k\n2Gg9RnxwmHX0oJhV3u2SS0LVAPeq7Wk8eDiLlF153HFU/7PlqhqwiPhZ2PCh\nyXZO\r\n=qneG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.5.1","@chakra-ui/spinner":"1.1.5","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.2.1_1617808036039_0.88465278709782","host":"s3://npm-registry-packages"}},"1.2.2":{"name":"@chakra-ui/button","version":"1.2.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.2.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1739e669ebd783490fff6892e8ec8a52af43cfc0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.2.2.tgz","fileCount":27,"integrity":"sha512-jf13B/rMBscyHz/HnkkFxNi9SA3BwRskj2VGHicTf0kG80NCusWCq5/buTZOU+T7M14+2twR1TbZkLHWt8Jhnw==","signatures":[{"sig":"MEUCIQCEQeUXf8Hl/PXr/K+bh4AWVCxcFPskHSzlqnPzarSG1wIgUcic9IX1uNKae/RZw5lIjJtq5lP1dCzzvXtDqFNzg60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhcwCRA9TVsSAnZWagAAt9AP/RV8GNamnyf3ncdMpcUJ\nLjv7BGwysBRrdF/za67b1G1+09cYtNMWNU8jTKLOGdzUfuLHwsKlv4MrM0X1\nLigNJrzBRGkWzEDYDBZKfw6VMp3R67Lk4n85uyToKjYsDNA/i5uWQBJn+dIJ\nzOpO3VVv9cEAfRaNO+r4Z3E+3ZMELsj8ZqwP0Liv5gXr49V5YC1+54jLyxWQ\nda05Hqb8B/vkBUkjwVelMwQKuwDbTbPYfpytlk9zj3jOCjPpqVQd3XyXgDeP\nIil7efuFkPVvRFzuQrfOIJd+aCbVWcwOVne7Z16QDPV6BZu9FFExj/0o4PXu\na73bcXZh8VKpPiWq5NyMXa+SazmQD7SAEMo88eekChdWFvby19vYSOL0F01O\nAVL4K7WdmqtlBI5J05trRU5FeQrg/0+hyZ2bKyXRzvOkNPg72FciLP2UUgFZ\nNzRG/2OOawFckVgboI0jNqmIA3Y534fJXr22j/tuhb3e52i/RWRLNbhIZiCO\n1R0eym5poiRp1EBiZ49tSNaBcl8/CibOXlVBDpfPAPgqfnz6p+CmUoguVS+e\n+mA0xFFFulrIwQtPTZ09ynSW+aXwxP+DrNUxx4p4sA79961k0WBMCKjLNCkQ\niJGCNaK2jdQhs+AzU3farhxt/QPXshXHl86AlT8Ql9dFYBsbNdyN6iMOXuZ1\nunZz\r\n=fSWz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/utils":"1.5.2","@chakra-ui/spinner":"1.1.6","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.2.2_1618351920137_0.2324721259462299","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/button","version":"1.3.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c81c4e74471287a9e68362f565cfc9105529c8a6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.3.0.tgz","fileCount":27,"integrity":"sha512-J6tjUsup6gMD3a67EFQkvCTQxS8YXeutYa7Y+knyrI2BkT/x3UmL5uEA9hUT6XQeknk8MnjW8qEZoOlZvtM56Q==","signatures":[{"sig":"MEQCICMLa0L+nR+c+YBk3JqYA+fot9RoLKK8C7D7/RQYPef9AiB73Wr0s0ezSvOOOa9aProHhR1GNOtahBkQVwYZPJmyHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83758,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3kCRA9TVsSAnZWagAAPVwP/3SIaoWI7BRqPWTsKNj5\nBSNL48DKq5+0yHjb/eJ/LQMCUogHLDDhz2UHkri67eB9DmuY2RPyI27Au0YA\ni0Enn0E9e9r6mDDjFLip9WZQu0kzLUdRLAaLVA34iqJ6s0fSLrh8wKz3FQSG\ngsJm1/TToUZBSlh2ukMYF3CFfyODPbWORDzxbXETAf5picNa5cqFQtl1w1Rf\nuWEZ4SeSsBqE1MH6nq05UmdaCBQkidCrsKqCQtDUrbNugVsFowVIlE/wj25w\njHCygXKpIv+IhJ++FrxN5bW5ZSjegQ9ynTlFjjSQ/QYh2wIqfVfbnGx0RFIt\nY/u9kHOTgASAL/ZLb0kCzo2AsW59eemYjN9Y2ayTOYPgtqzW31bAkPkA0Byo\nvsNSsqBFw2pHLTJYUgHDgDTW/TfCCqRs1UNzDk8Rv9kvZtf6LLupx0SOhJw9\nPI7Jp7SasoI/OIwneueq7eenbtXXNXxvwSiY3ho0wkSE+nJlKS91Y8I6lRhU\n4W772SRnvi9PPf02Nj2ycigT9wvHTf0lyWx6YrVkZ0JI6ylekPbJlKFohOs1\nklhz/KSLoB/GNsdK6mpOSE7dc+5TXugnI8ZE0KkRo4cpAIIahGluF1PCsdxB\n06TCNcgS43E7HR1xCJLR/xX5BYgAIn7C9v/4C0GWgbthhqhQhEdAr/idOttc\ntMEx\r\n=tsoU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.6.0","@chakra-ui/spinner":"1.1.7","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.3.0_1618857444373_0.42529936940168356","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@chakra-ui/button","version":"1.3.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"23c248e7d0700bb3cc36eb658435ab845b8bb9ab","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.3.1.tgz","fileCount":27,"integrity":"sha512-TqoMjKxvrbPaVYK+rRYPZw1YavbvAIdRiyuYFUvmQHNZTHeHLKlQbgJI2K6uYI+MduhU618CDAloXnKxn7mmOA==","signatures":[{"sig":"MEYCIQC71drXT2fKH2CSm28qzRGcZTscRO22xTJOhA1QipwbfAIhAK/L8ILUns87X3zX87aoIwaFFxNa/wwLLKaa7X3SXXUK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84485,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwv7CRA9TVsSAnZWagAAc0YP/ibQ7bujxxKX3sCqetjw\nnz1uOKjp7mpjLAVkd+I6AivNlFp4Gnz96VSm25Rn0fDLyzkm+XR5TFjh7NTP\nVZIKHd67EA9Ok7z+ZsL6vtrc7PMHqRto5lDy7WHdS7r6NdZ1lg8RlEJy6kMt\n8kdydBRweSBrziQngaVycBnE2QlDqIxuCqE8jKR6mVbTDV0pbh2gau7DYLbG\np6RUr9c55dwiPAglv0Sf62HOYGYm9xsL8eH2h1jTU/rOzWe9lUvf+HshozAy\n5W1Nk+aqjT2gliDYaJDDlK6YicR+0hj06vxGahELdyyci+9Mtk3rb565uuS3\nhZKV5vqlQYIfM7Yx1C/NZx+sau2NmEU683KmdjLRK8vkdm4InlAw47EMkG1F\nvrrf6STtlDs6XkG+MGvHj0POAmS4zBORwpzHZJWHASEjziqOm/FrjtC6Ophl\nNFhkB0kDRrc6K45Z6/AwJH1gOupiaGqnjn0masDrFHp7MxKb4OYUmvEe81DK\ndt6+nyUtavJXh5EW457RfAxrawccAWfQiBiOrKqOV2RqdBkqygdxd/m4xSSn\nfLIf4pyip3e7o3YIZaEQsQvH1xd9af5qBsLPWvV7uId8TE38V1xm81LCHZ3V\nZ/MKmGeqMaohvs5veDnxOAaK+jTYPY/lsVDGKmA+D18iSbzohGgyR4dkj3b2\n3e96\r\n=gHdE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.7.0","@chakra-ui/spinner":"1.1.8","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.3.1_1619201018709_0.29591460609098563","host":"s3://npm-registry-packages"}},"1.3.2":{"name":"@chakra-ui/button","version":"1.3.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7a119ec94795d130375c1440d2dbcc9d768bcd50","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.3.2.tgz","fileCount":27,"integrity":"sha512-ED23SD7smL9MdfkQE4CK+X6L7vRvhWwSsopuppqV8oQV+iktjY+lAMDIGlz9w7FPkNpv0q68yZ++qxPZRRv8xw==","signatures":[{"sig":"MEUCICR33ibe4aqu5UGlx8GlMNIojB8n3w9WHMzr05TOM3wPAiEA+wuA0jIq36c43YbPqQA1vRtJyCcSOyuM0+B0fm+aRRA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2oCRA9TVsSAnZWagAAELEP/0oDxGYBtLiCclVPshO1\nNTZjPNd/VfR5jThn3S+4fV/tgikQqzPeMGgtqXZAV1paE1wqKdEGTQZt7gj1\nKwFqx9kHF0NdFM5cGByq4knfRTBDG+oDEpXY5sm4xr+73Wmrp25ZRzlaQEV1\nZI9m1fRZP1+oukWmeRpGfzJGEdEB8tgAazUxmncQuZCpSTWsK6jDUIdzRg97\ncDSep2FnQ0qrqP6lkDX3BQEATtX19kAAKdKWiVvHwEK12o6l+7UsmS7kk6k/\nme8lrH6pdmp5KMpLJyP4ibI4QFR98Ie18W/5i+XCWg2ERgVjkp2GYlcTIVHC\nv+GOq4WjJKJnmd87iNMJrp+EMinLlXUGDfaGbRd+f6dt0y/bH7TFuxY1rZCI\niXobYURjd1HXOf0RVYIiEZW5ma08rjc1/M4tz5Snireq6k1vsykKV1xHP1B0\no2pBO8OEwOgh6zny2fVq+N95Pe6AVwEQG1ms9KA6H5p4XaAMPNKVYwjC7hfk\nMGaAGI40kiNdsTA3PN/WEwtH5Ue3hBFXVr9qpYO6umP0A/GpfliOMVrKFWFm\nhhYuvwrRKTn9dy4tx61r7oYZIxkiZsOPuZqqaDm5KguYzI5B+tZ76it7DA84\nc1C/29aOUahXR57naEwAjLlExxipESOUX4aS5vzwgEruoFIVTzE/KT07yIw9\n7EX8\r\n=3bmw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.0","@chakra-ui/spinner":"1.1.9","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.5"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.3.2_1620213159589_0.5678073236549368","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/button","version":"1.4.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"99a74ecb256def4b5d4d420dc6164a70c5492901","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.0.tgz","fileCount":27,"integrity":"sha512-bkc5t2l3fBUm4yIllQAtoWBRvbElBWGEIzMEo9ABxWrB6bhXEeP513Mz1IoPFwHQmFhsQ1G+FpdH+X8TSN8cNw==","signatures":[{"sig":"MEUCIQDDXcCT2oNGDt0booYG+5q3v3IeKukYhdutZmoji0twHAIgDczdcMkhrtdvqgQ3Cab4Dxkav4rSoSAUsRU3ZcffDW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNnyCRA9TVsSAnZWagAAc5EP/1movo07vTUs6BSGZGAu\nan4HmzooK1Q5bir+r6tNPn61T4GZvb+rqCHL4VinmbPeR1b3aaliWfwvparO\no1Wj759i3enZhr3WgDWa8x76X5wQxrGijgLm4eSR6OOnivJ728YtKKaAYJMT\neGJyolQ4OQepWDCGIb7Y/LFv1LkimT5gM9lKJN1KGq+PjapKRNsZeFOAkHmV\nK/nbqGj0yFW0+p5dwY/GGp07/VgXV2hQOqxc8TddOF5889tJmZsEeLcrMOqT\nUjG7kyA3BwLnzm1qf5LIIWiuxF5fIndmgyae9xeh8QY+mqET7AoC/dfY9lJZ\n4vm5U/T0hjbDDBurfJB7dy/mW7PSSBmU5QVt9uL1rXbVlw7bKdudJ+7zDxzT\ndGlmr0HDLgq+PlShRnrro+ifdfkRnL8B+UpyTdE31BUi2EW3ouqR8BTo1uUz\nd4eSzpF1GxV2K98DHK2zD1n8c1R2ZLXPSv/9wgvJUHNd95ND+7NVa1Ls5MhJ\nycZlq4RIYDeuXot0ltV0FiTfN039zWiNONLfy1qtAIhwPuJPCy953ShrnCDh\n7fcB85qfs5v+7DgYDHcFTVDn/lASmE9Zfr5VTT1RJENf0jN3Ypns8vxVhBbs\neNialIELILlyrHb7AV9TuhRKwSpq0Tij30yl0bygxqbkzVZdM7HW6zCfSzWO\nTtRf\r\n=v6S5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.0","@chakra-ui/spinner":"1.1.10","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.0_1624037874154_0.18379229257813168","host":"s3://npm-registry-packages"}},"1.4.1":{"name":"@chakra-ui/button","version":"1.4.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"57012faab52303eb14dda37a79455a3deb7e17a7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.1.tgz","fileCount":27,"integrity":"sha512-KnxG0buRMdM5KM1p00UozZ9KmZ22RKWUHvJrqtfi2Qxcj6FaEgS3nTXInLRpMIQ5xc83O07mio+pZ1j4zoRrbw==","signatures":[{"sig":"MEQCIAj17wkMSqme9X67FZEDd60MroFpBRqIfa9PAUKfm+vEAiAfyj/wZcwO1qQ+RWizkbSEEfVqlsZEGA8G8MR20QoKMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ2CRA9TVsSAnZWagAAdq0P/Rz7A95hMYNqq301sgD6\nJyK3GI6s7wHMDCwJIh+tzXz0KdRS/uc+Au2Mlkpx1XwqtdPESppqj1Mqofg0\nhJPj9FjdPGJNXM2PyxS7k7DKOLJppYQPQaBERtNBzvReqk+8yQ13n9QD0iGZ\nv+57kxsfTjyqmveLGxDaOlGu99IN2g3WbiUom5usqDsb6WCv8D4oEIQlsHpS\n4fvqYFJM8FzVVMEYSUw+lM/eLt+6YMEn8b+ODbIkiuP7Mj11ihhCqzBS5xzG\nbbq2LZQyR4OwxIZIsSbq5qtkzZBryXeISPCwY5NQG92ExVAnhI8wBSvmDDIx\nL134DITsu1n3OXrkZHrG6aNrkkNWJJz8AMEQDmPnfIWreDHFrwyBJGKm9sqV\nruwZAwd0uC1UVzLVnUazid/vjewXU8ijM8oziGiIcrI9CN0ac1z0TmSCGaup\nC4SrNjukLtKFr9JA73dB7yQngZlEOK8GhF0mnHhSpuNG14q4grT07B38/Nnz\nmOKKh2Qjyhs5jhlC+UksrJsuvngeUTfmlz1E9FOBObyv9R23TrSw7nte9lvg\nS185p9bsQ6Av4oqK8RnF4SLKdb5SnEP5YEDBWFFrZvNeHDGJ4PjzER2ojkhU\nH0RZk4gQm47G3/P3jQHpagaf/wPEPDv1YU6ALfBm7m6LRNqdLAZ4m0HxUkhV\nPYUz\r\n=+omA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.1","@chakra-ui/spinner":"1.1.11","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.1_1625756725916_0.5485857597324864","host":"s3://npm-registry-packages"}},"1.4.2":{"name":"@chakra-ui/button","version":"1.4.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.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":"d4a2dc173aca0c4093c2a9089d4c647dec55e53a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.2.tgz","fileCount":45,"integrity":"sha512-Gw3W6ixkrTWaHVJRDOyvx1ZAdV/g2SjiGeHFBnfuBcZdZWqJLNy9vrS1rroBeYA953ISklyhEdtyLD9izwkzxA==","signatures":[{"sig":"MEUCIQDQteeHBI/AVNSXNMhRMs3HBbGv8KeoFLBXpy+MdxkhJwIgTVRd0CNvzE8SPShzhpsVZC8zNCKpfO/L5yRuDydG9KU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMCCRA9TVsSAnZWagAAfjUP/0fiiN6L0ajMdTVvqXsK\nXD3KBuWbM+Ekzw+QnmGvDAXU1twFs1XC6VKTMZWB4FwiakzQ9j6EHF5BCHna\nyexp9EHnBm/fpIBWzyQvDbnjFhyCmebTGk6sdHxFM5gZ/hB9w+qaYssi+ugI\niQwIO98PFnf9M13S2WotHdnYM63rxmepypwb28iw2s2FHrzYBIzZdicx8R7B\nuzqE9Nq8r42s1sivUCYJtOiGqyugB0ckxqPhBRBAZl3QcD18tGXW4XXdQoO1\n96m/aRom450Z+FKjzB3xE6Phe8YB6nqRBTJpvxmmN3HcjeWOCUJCUc05lY9z\n9M3xYaTWjjBhUIptBleFqvAesqEIPp6a+DLSzsbhkWdMd0Peherf+rCe31TA\nX+CmCHoRGqEu1Z0ChEXXI7XqgOqeCuWK/7XBsK8uPDv9dhW/3PlJPNPUcUnz\niqQ1rh12FtnXY/stwTaE48gbWA3MT2C8qLH/mbvFt5SEKdep5DKFPXjiHOIW\n0cIp49P2uFGvbKMlXlv7W4nzC7qqQ3xhMY9qu8Ip2HaNPOMj4Bb/3hBHaN6f\nI4ny6H1ZNhiY7YVDFtyQSVJpwR7OZnkcWaN0XLDeOFIcBQS5n0DRnffbdjGt\nxJIIuVkfWtcuwtQxz24PHNzGbknad8FC650mk4aYQlibK5z/cv71Kx8m704u\n7fr8\r\n=Cg3B\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/button"},"_npmVersion":"6.14.14","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/utils":"1.8.2","@chakra-ui/spinner":"1.1.12","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.2_1628504833950_0.2903502003354774","host":"s3://npm-registry-packages"}},"1.4.2-next.0":{"name":"@chakra-ui/button","version":"1.4.2-next.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.2-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":"5bafed2bd14726bf2757c841fe0e021bb3b5bb4e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.2-next.0.tgz","fileCount":45,"integrity":"sha512-140cLGz8vJrObDZM4mD2B+eFh4TA73HnOkTSWjjdKV5vCyUCsr/8GQI1sDL7WUNLbqcl58FXvaEDev5WriA4sg==","signatures":[{"sig":"MEQCICoq+3DngdkhGdm0voV9O/ul8L69ooTGnp7A8CzzKagMAiAJSQicRbe6Jdey9RNcKWSRnLV0TZeYTN1QewXurnzKIw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhF+ajCRA9TVsSAnZWagAA7ZkP/3Xo4GrSllEpvWQPCN0J\nGORePvLxJkGNP+8MjVzwOv7f43A72B/1miJ+L5S8bUZ6G7f/O5J3bCMKWLpd\nSk1dOTELmbtHf599KjGAfDgvMnADetY/+X29EAkA2kZAeU7yHgSlHl5Ur0v7\n2Sm+r1w27Slw27eo3AOJXJ4AzjQAOuq+M2lZG9tGkWi0ekHmWzjQH12Ffxsb\naKyVmiwl/xRpEb2QxH+TxbyXgDaTGV0eS2VV+qxwJr/0HVcrZtKs5eBrvgnG\nbwvutzq8OAx5io/r+4JEbe5J2ReLQeoiYIazO0i8Qz6D+TcSMwAVAVQq3jRY\nWJpRgMetRd4/koTMlqKgCol4Poe8rz3i3DWoAXwZl0iS3Fs2kImv9YAX0HwP\n1X8T+27RBr4QzdKAoUcJaqDikeEewz/kN+nbi06gsrZCFRPYWYK0zr7cyEJw\n9zTVsFswI3FxVCtIPI9P18BKhGVly6egz2forgFSaUQz6q+IQj9UhGLu2way\neyN7Du6qeUCwhZaMf1mXaorRfmFtEV/rScz8qyvb+URARb8fS6uR3xLUmDBO\n9tV5lnc/BUeIrZ8PuzrOJa2AHHsmineD4nrfQ5MdHhSROtGz4pcDsugcQYDG\n2R1bXbe/OxWXHFX08RrVtIUZkpQ7wkBYMQuGXlQ+COGf7TzAR4v0IHigKAY2\nSj6M\r\n=b1nX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"6.14.14","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/spinner":"1.1.12-next.0","@chakra-ui/react-utils":"1.1.3-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2-next.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.7.2-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.2-next.0_1628956323131_0.8694142718007474","host":"s3://npm-registry-packages"}},"1.4.3":{"name":"@chakra-ui/button","version":"1.4.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.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":"b006b64aeb6d48ffa1319ebc22d2a1df6d26a6bc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.3.tgz","fileCount":45,"integrity":"sha512-Qz1nryZdB1iPmjZB0qRJjbbXhkCKnwioBtY3y+dMO8aExZ8WRxd/Rd1AGGvx+REwVkolxvLavHix+aelAn+6sw==","signatures":[{"sig":"MEUCIAsSQ5yl+LtOT4hocRjWP2sGIrqHDtXPUS07Gja/HfAjAiEAi+OyJUg4Ly54mg3kWv1iDiIuyOWQ7W4BhopjE7JaHUU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104325},"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/button"},"_npmVersion":"6.14.15","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/spinner":"1.1.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.3_1632150789960_0.8536751207267452","host":"s3://npm-registry-packages"}},"1.4.4":{"name":"@chakra-ui/button","version":"1.4.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.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":"88f07b7fbb7b45954251e13fba7f7f222da89437","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.4.tgz","fileCount":45,"integrity":"sha512-bhBOPlF2KMayqBtqB8hiZjsbxd12S/p//JOQ3U8gfJwR8+TQxKz6iPCg5B1YTauHErNvwXc3y03UnHyjVqf7Yg==","signatures":[{"sig":"MEYCIQD0fP5np77jYi88ySgkToF5tg+CmNJmMWDjiGUW5PT9tQIhAKU7zTOOFoEnParQtYSiJxn0LsJjJ1fjYjrHBVBxz7/W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104653},"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/button"},"_npmVersion":"6.14.15","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/spinner":"1.1.12","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.4_1633465299122_0.5033379817475936","host":"s3://npm-registry-packages"}},"1.4.5":{"name":"@chakra-ui/button","version":"1.4.5","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.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":"dacb2d05b3c23c32fb877878640d2447af8408e4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.5.tgz","fileCount":45,"integrity":"sha512-fWwSpgM0h0e+TcXEq6cCJhHSRxTsKDvaE2KJa9KJcqKSjad6p4SSQf1UEw0TstxhrqbgvjDlvYcUjJ4MH6u04Q==","signatures":[{"sig":"MEYCIQCk3ehHVlQJ6q2EtVhVlxC8PhHur27OhKdH7YmAedIF1AIhANK4fCpx7WbTDiqpc80WSrpGYJFZ7DQ0QhoQvWHHt5HG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105107},"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/button"},"_npmVersion":"6.14.15","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.1","@chakra-ui/utils":"1.8.3","@chakra-ui/spinner":"1.1.13","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.5_1634254418562_0.7020735754529326","host":"s3://npm-registry-packages"}},"1.4.6":{"name":"@chakra-ui/button","version":"1.4.6","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.4.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":"a8b4718523d66c33e8cea58522afd98f53c33b07","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.4.6.tgz","fileCount":45,"integrity":"sha512-YcVZjM660LyfsGGZBPLtgaxFCEjZWin9lUAGME1iyAhVYGCj0nbNsXkClbGV/Q9EQhP7mPySm5N9GP9DzCaFzA==","signatures":[{"sig":"MEQCIC0IDzs8+ESiOp4NasytbaMeuWLTEo4usPt0Oq2cDwNlAiAcwjoTxGevPabueYyPiIKZzs0GaWpwmy4pmjTQlz4LcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105456},"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/button"},"_npmVersion":"6.14.15","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/hooks":"1.6.2","@chakra-ui/utils":"1.8.4","@chakra-ui/spinner":"1.1.14","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.4.6_1635971576926_0.5383834696994256","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"@chakra-ui/button","version":"1.5.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"205ec3a895402de4c71654bf286b727f98f3cd6a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.0.tgz","fileCount":15,"integrity":"sha512-FoCAhfg1A3EVWdU5hTMMOZR1EpFwZtIJPvLjTEiTFkm09KOXtSN2j7i0Fijng2qAEcG9nvkRQSi0nbT5vHsThw==","signatures":[{"sig":"MEQCIG3ui2yC/69kg6coH7EoZ166qYRuhOBDk3aYqSzrG1yeAiAZOy3V4TVR1ddAxtTYa0PIqh0Ggoc01P1M1x/D3FuVSQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50085},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"6.14.15","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.0","@chakra-ui/utils":"1.9.0","@chakra-ui/spinner":"1.2.0","@chakra-ui/react-utils":"1.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.0_1636649797822_0.6426726890775307","host":"s3://npm-registry-packages"}},"1.5.1":{"name":"@chakra-ui/button","version":"1.5.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"0f0b3e7a10b3c8aea4a2da114386d1a767916aaa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.1.tgz","fileCount":29,"integrity":"sha512-BvP29quEhP6OTgDiRsugD6adgkeOTEQpoDsZUVEmHnNVrbFfdsICEKKQTtDJ2iPf+hmpFrtnpN50vCLdAANKcw==","signatures":[{"sig":"MEYCIQCDugcmO+RWD3FEDIog0mfC6zH5ez8obvTUN1vBbAcESQIhAPbhw+q3CE3E3Uf4bGXEpaWX2lP2nYpggy5/l3e/uCPA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73859},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"6.14.15","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"1.2.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.1_1636746684861_0.04185088325718023","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/button","version":"0.0.0-canary-2021118154929","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-canary-2021118154929","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c1da6783bb703fd68e110598536b55ee8c25a03a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-canary-2021118154929.tgz","fileCount":28,"integrity":"sha512-IR6BkBI7w3grhk73kUJV4731KrkGewLip+vdsZAknpSUD4zu45FCraBOWSc08DgMNaSCBf9Vg3ZVzZStLyh8CQ==","signatures":[{"sig":"MEYCIQDmoku6CBseva3k0UdwNL7ixwckO0rNqw7x9N6+XHVy0AIhANfg7/oDmqxHMUvmJRlQVf5nT30Tfz6u2fW+jiT0Ev12","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNQwCRA9TVsSAnZWagAA/tMP/0tBh8RAV4bDivpuLBD9\nlUNWYoAQ61i6o6iuxrPgBpxrBYG56GHvS1dcPpB6v/pQpyUqBPbBZb5AGMTh\n4MIK5bJ0ZmyyN7GQweGltLZyvsnI96ETvWYdMy5O3biy3VCgYm5JFco5ee8f\nrJ7+xWzxo1JUErMdsVkj37xMRCYX330GvhImvzNRPha5kyLFEPX/70bxaDTv\nasMXthx4df5fwbZ/XMv5GnBchu6OaTTC1aslp8q0lYHDHiEqqjtxIcaQDNxY\nfqv+hWdF67W0uidlCYKClxSO4qijvydq03yIn34akyKBEwplY6Ldh+2WU6jd\n8K0CndQS6HwkHctfxXhRRrQ0l1QMCDmbQK7aTSqkt6FbSqu9XE49tYy6EeSe\nOiavRUTy3K8x1Bru1nOD+RDE0VNYGwFfvPqoQKzwE52PbeGRrDXwKjXk5h23\n+r0SNp/QnDGJy1el7Pc/GjxiuVIuxpt0MuyL4rjVjecdb5TVfT+Cql+77aN9\nDkGaxWdqcoNXiIYWdfhKPlXHYzS7JUuibqmL9iO7fuS1DRPW9+pnbctnSN6Q\ngNYo9oFnHoJdJ/jNOPTDFr2S8egrUv+Bs4qieckP71xeb6JJ0M0wlp9BxQ3t\n4JEprpb+6Y1YuD9VMDuvkclwZQ6wih+QdZHBsIcIbKKme+nmfGfEG7OcV3MG\nAn18\r\n=V+5C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"75e26734137b20dfd350785999d3fd34dcf43011","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-canary-2021118154929","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-canary-2021118154929"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-canary-2021118154929"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-canary-2021118154929_1638978608104_0.3019620237103695","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/button","version":"0.0.0-canary-2021118164051","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-canary-2021118164051","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"626addb101cd4fbe58b58c80140ac778d580e27e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-canary-2021118164051.tgz","fileCount":28,"integrity":"sha512-THjC3hkovqwX9TiA+RtR5A6ZSS2Xyg1xRqL5ISUnsujfLk/Xrv7/MYj+TU7EIZI+5jZFb0Bzj7GPEQ7jupHDWg==","signatures":[{"sig":"MEQCID88ZMiNJIh+Ez0XIMmlVTRdI+LyzfNknJlD/TibSqr1AiA6aX/0q2fIfpZS7hzzl7CHkk+WBsgPhVUt71NHRvGGZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOA6CRA9TVsSAnZWagAARl4P/iyZXjLnjtxZsv0cV0+k\nXDGLAWCQsx98xn9yci6yPaIPZNe/Dd0eSetdUIZ30bj1DWjRDWatp/Ncey/t\njn+EG2m1e10HLNOlR3pHM7cjQsns14gwnLpm3/KSeBe5stYswR9+xiL26xjB\nT4QwpmfslPrOWtGrHZYUOzI6F+I18bYiKimDhtXWKx29Ri0V4xznR79VMmg/\n/C1wC876b0qaRyVJ2hMR3RbjAkmttD62r8dQVmlcI0PZER/EbZ+rRr4qiwVm\nt6D7PGJqhcJ8FQN3n/Vxo5cm8B3KcQ75M13RjW3eVFSHrXEMtzmk4/S1sEWy\nswtgO8vM+tKA69EdBRxwg3nBN/0ZUQwYkGmVx2xgF8seOikQbVgGFZuc9QFC\njzjU+ZLNVuQCMUnTmDQp2IjvYoSY3MwS1qcvKMvdpjaN0XLSME6wYHOcjZ/W\ncX4zsvr9qCuP2Hq6xgll366dpTmHmlqLvC2yhx5OgICOsVeJJ2urBo3og8Ik\nWysZB23r3PoYSCESkVsCUCG+lCAulJFoVYeCSbCLOu6yHE14SU8OmCv+iZ+S\nYo1ufOm7R3CgTVOW34au3PFSw6wGok28ZuZguXv0ornmLNiK1IYB+u0VWW3O\nYIVvYEHzcHpk3O3fruwngjBWa8MHFgS7dapPIx72IYNJex7OYHJ0C6EJL4nP\nK9G3\r\n=1PPX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"3a6f4a7ab1dae9e667c49a3441edfa8282deb094","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-canary-2021118164051","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-canary-2021118164051"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-canary-2021118164051"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-canary-2021118164051_1638981690220_0.6988448069962943","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211191288","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20211191288","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d108c30aaa5cba4dd59696b363dda08ebdd1e300","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211191288.tgz","fileCount":28,"integrity":"sha512-Xo7KeFVBlbwsX4Ve3I56e1Lpegu+uG+e8ar5nz9Cp/jJFQhLmK85o50HUw+vP15ttwtaMjpcNbd8gPYT9PUh5g==","signatures":[{"sig":"MEYCIQC4aQype5seQ4xbz8+enhMLpACkWhuIZEE9a62V64f79QIhAJCZSR8zmpS31CJxDVttgtMa/c9rAm7WWlV59vIKFhIy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHDCRA9TVsSAnZWagAAF9sP/3tpnkG8xcPJzYNETK3F\nV9MOKu7TIJb74o5FId+4Cwckau78JYnwp/4iudOAkZyWoCPvro3PwoOx7fkB\n01Wpmo5NPd15p0xGvMIfm5FZaBngd65TCv8U4CtkN9ocPvsaS7hCWvK1vHtB\n5Cjus6uB2z2AiG7wnSozlOsvrChfCaM2mOQIOTU+idReS5qKTN6TNh9erJAF\ndnJLx6f9n+JQ7bKlmoSOMDkvEBA8bWWQQhTO363KSJRgkZ1xAP0cHUkNiUZ9\n0Pv3NKXvUzXh9U2bH5IylqHm7pw81X7QI/KUbzFdBd0wttEE54mnzoTzQrMZ\n3+Wylr4upaoUQEuGM43+sbkfHG2NVQsrDA5vfYnGQnBzaOQbSG+sEc9B+VZE\nY4JknnmQuLT04D9ztx/b97tsdZlHw8H5YqSpYeAxCOSqdUKg73z+UBjjsvBu\npROHVoxQHbFqTAKJLZJBgYtUd6LZ/RehrG/Xopq4W3CMh+4IL6z0cL7wf8m0\noojkCoNcvAyvhGrXy6xrRhTa/ZfIro+A8LYHaeKZGqdqzxZK+7rxS5Jp7qhp\nFfTxF7x7JIbjp4gA4MMwRUG0B2FByk5pg702L8h0hbYoN1a1Af62spV1iTQU\nW5P1TDr0b8HOF3S0NK1gkiSokbqYR0VmHX6PijIUygRaWGWi3D4+nG+lQiCk\ne2N6\r\n=oIze\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"c7ae55690b66f09cf60a289647dbc49c000ef21a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211191288","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211191288"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211191288"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211191288_1639051714903_0.7354336773117534","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/button","version":"0.0.0-pr-202111921327","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202111921327","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"97076120acc4fc9a17098773a561ef516f7fa9a1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202111921327.tgz","fileCount":28,"integrity":"sha512-et3RSCp2pfQBvtDSr+rtqf2EBA+H837TKqnANcxpjJY8Y8M7mb/SCo+Ef1MAMNksLcvxcqKHWG0i8WMeaDDsjg==","signatures":[{"sig":"MEYCIQDxSSLQuQHqYJeabO4wSOjBxhrfCbRcDRfs+DqjIaoKdwIhAKViaSx2SN3wiIXgoToYFRCui9zYKPMoYAf1LnvHsvY0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm83CRA9TVsSAnZWagAAyHgP/1fZkT+KTw5szUDC6LWg\ntwF024D/EDH1Ok2fJj2A3+zErT3UrXnyi8CcDcEl5iZSHadPBtnwoyH71C9I\n1mt0S0Q7KCMVEJTCxITshP2iOuD1Whc7Tcqs78tI4GLbx2CrMyAHRQeF4b1B\nGypqpfk/GXt94ICRzx7Gt4L7JGAs3Rl0w2+MkVhoC2duZ/mzZTcTntqW07Uo\nNU6Igmf+ubGC7Ch8VGzeLWUe5hKcgz38LEmEtaOgHtSXtx4LlstjPqindFta\nna2UKR4Le72TIjrunxjIHpfQN08iLUgBbVL6xqi3G9LMs77EVmBXtqmH1Xs3\nkl7hjpLHs40ZnmnkNR1xw2S90KrEkyf5zQHF5unoczQuj55ZKtBropvM8DEJ\nif8HJs4N1wCqrd5TyV1EFYqfxVV7u6LeD/MWJqrjIlGMVnzFuRIrFVKTETef\n0OQCoLBVa+XnXZC6WBCQVprp/X3ogrWc718MBZX5jD/SrVSs9vgybizc4JnF\n2O7HNxMC5H3ZZh3J0dI2lTqfE6MtWWFe+fzMZgJV2tmeboqlV1nx6o7S0gR3\nkHkySCcn/RXwGwvDcTZrvhXDa+SRiqaQxVz+JTjfr9GYIVKXPAq06UBoyN41\nkniMTl83TiJvrxO8NZFLXg+e3DTGjRRpNukKeRGg9DtnpOKVJRUsus6+lEVh\nBKC4\r\n=JWXJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"ef9738bf9a9871141527adf7bdaa944f50b105e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202111921327","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111921327"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111921327"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202111921327_1639083830839_0.7047709321785429","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211113195848","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20211113195848","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ae630dca5ba063d7a84b6b332c39bf1a340dd741","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211113195848.tgz","fileCount":28,"integrity":"sha512-ELzRczIrBW3OPmSO5IsAtdqRUiHow/QQZTHS/+uLsNnNBnQ+4481d6Q3vUzjnIiBTEe57OSzlxOEO65ZcAt13w==","signatures":[{"sig":"MEYCIQCSPvVILP8eLN9m1MqBTcLeSyQ5x4wrg5P0BOFGHLziHAIhAK+l2JC/KIeIR2biP5K7G74QxONnl5a+OduZMWSpF6o2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YLCRA9TVsSAnZWagAAQykP/j7LoKnqSlb1kuEBcJVp\naIKrVWEs/nvH9U8uByzszcj6DW12nbxM3fDQ8NA0L7ebIxRE7DKmwCCBR3My\nojB+IW6udN9w0cLKKs0G9MaQd5LDfHkSfoDUSWCN+f0bApUN6H0yFTr+fe+b\nc9rBNVMY8CjZVgatmDYH3oA2t10RulBVA4pZ00OCmNo123YZHDIrJbIwt/Ws\npTnXUpp+2NXmsFYj/p6TieCDXmvKvCId1zUbFDTtHfK87XBcyFQFsSOc/qmf\npLj8i8UYgjQDgkMfS/1NwkaPitVZbRopVHL5O3tjpDVYtIutt9+2te5SN0Id\nq+uYZqfpcSt0gx7IAlh5FZnw2PKgHyclIqOQMTlDSJenWB8/PrnM1AVeQQM1\n2b0V55Z+xMNAywSr2llEVCp/tbMbvHj77z2kXloCImxBFir+DHmaHLMEB/JE\nTju2A8yFGgSDdr6132Pn2WJcIHJbaZV89YeU4uvewhEru2YRXuOHa3S+pWVR\n3eOaE3RLS5IKASKjIqoOI5EN+kSSi/TX3rb4HywbbQyFPdzLx4lQ6tFRZZiK\n7B15b8ghrEOLdF/AiXkKUdnEPavcnYJjA25qukXyEoSo9ftiVd5/ZxmPgIHg\n5VsudJXp5o2KCwZoXven7v4hlnNexfYjBcM5+eVIb0F3d0bY3fzS63laAyx6\nNYCU\r\n=BDlq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"720158df0e7984b4e09421f4ef22d8bc5017921d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211113195848","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113195848"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113195848"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211113195848_1639425547299_0.9799757989472448","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021111320052","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2021111320052","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7b4703ae9ff95336f631e0033d13d71c11490100","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021111320052.tgz","fileCount":28,"integrity":"sha512-RAZ+vzWI1lyu+x4IblGRFO16V3pwibtDxB3Ojkt0pR2OLbK8J0b5wBRs+ALNPc0DsDzgt2mixYaBKiGTo7F8qw==","signatures":[{"sig":"MEQCIEliypYm0EFWCUtbvKH+ABMH4tSEBqAMjXAkbvBj6eWLAiBkigo5CuZYTvLL8O6r1mqRXlLYAPqKQ5fkt7H+JQhtPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aHCRA9TVsSAnZWagAAbBkQAIsYIlSewatoftq/qQys\nbdA7M9Ur5K8gyR5pCZaBMLovoZYCu8MVKeELMlPWRhda7C17eqpO+Fol+oeG\nHJhbYSAauTKeHQYXhNe7FLFW5oZWA83jpjqndYjB/olxPIFW8dOWme5eSnVm\ndclQm2dXOScKq74DLAM5p9FprVBxDEXxXDSQl1IMa4d7tldcyinl7VFyXXFD\n0tjoPSnpuh1x/mpDfK8IS4Xy2SbIt7oWRPjK4MZaPzGQt1ChEBlQ9MR2teMW\n9FdOHma8ic5hiSZZ/vWuA0nXwDqfmH9no8gyySnuBDU0q6txvA/MFwvEbw11\nrRHInDflkr2uPsbFuI7ueaa3MV2rOam/LlJaNLN6ev3QU70Pj2eEXFAldw76\nZE0fGBo48jjgej1sNL5rY9ePxqygmhLLKKhjGSJMr77mtSoejpoIIehRwFWX\nvlPDXS8otpb8jhVSjdpImght1YeDnApHOFd0qJdbxguSOAOseyoJHHSAqJCB\nbEAVdB4EsZ8Jdj6IIQMEl/EE9EfIMbNfH67PfaJQ8gm+/hLochMNzj991CHl\nawlqwqkWj47nMomcZcHO8YGXxlNu2MJtiimHA4TfWq0esXjKt/Wp0WBEnA8a\neMvnt6RG2W//7sq8MQfVz6KSJm8RI8ut959pyG5y5XQqWEqEIoJsgJUk+p1P\n6sxS\r\n=NAoi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021111320052","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021111320052"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021111320052"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021111320052_1639425671807_0.33400477016192753","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021111320117","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2021111320117","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1dc4e10497d8f389fcf953cf776f02be36c2bb93","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021111320117.tgz","fileCount":28,"integrity":"sha512-nH2OdLhcqejp17vJ86u687Q6xBaATf5ngOaeGuPzA7FCgeqo3iB0sYy7BYrJx6dnamTLVb2PSLlHGEIgmNoyFw==","signatures":[{"sig":"MEUCICqrvJ4dB2jjz8vf00xr3wY4YrBWvSZq0+QCNF7xqxWXAiEA/IRFmrI7s1EMh4vSv9/bQmiT3heUmzKBaYUD3jwZ2A8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6juCRA9TVsSAnZWagAAFNYP/imXL9e6vlEtyuP+5ZVt\nHLuNaH9J1nuS0xRgJjsj1yQ44IrOaZf+qbChOAgKbntAC+Nlyzzuf+RSakGO\nV/CEVJQRXqaNhEEVigDfYx2d2cZsEOb+FvMFT1qkzUVe+P93zSEzIRwvqMYB\n5UNLAvZlMuTihj6unwKCDxxC/310D68q/RsH/8DyuK7WsvobATyIXVnmvrAn\nM86SezePdNOS1rPWxQo3ZkF4xrCcFQwLlTb2OEgiuxF/ULaHAZThmWGeLUB6\nwDMaL5oUx9+o9S1NInz8vxKVijay/HnD2+H/F0oTZCEFYHTOmQSLTw/FCD3m\nliiuR2n/F9nE2P5QTkcgZQh+D7BgOlQ8J6zOVUQzQkNMBX/hGDoRECjcToIA\nmrTEiJZveRxr9aeWiPIai7LRDtECN6oiqmrUCI8eXojP00nrZD3J85vnKYjX\nqJXunUjjuqFPLXPJ4sjsLJ3snkkWJ5SLgxuJ3t5RKW5yXSucBJd4/SX7FANV\n0xStTOEVfvs50ibNoeyN0vpNR4MhViOS7L1EEZS1Aymf/Td8C5iiSecKTvQ/\nPtbo6Fozvip6Cz58Jpc52wrVKbdyTdwmgyjkifJXSAYA6yLDD+t5CWl544I+\n+5B4ym7vrRwUt/oKPrfuZypS7hvayzefdu0LhpxU6kwkHRPRVo1QwajD3Pml\n+i/d\r\n=oRoU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021111320117","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021111320117"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021111320117"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021111320117_1639426286268_0.4451064845799655","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211113201444","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20211113201444","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b14f01d6e178f77ec03a47e55dd1e10e8d125f00","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211113201444.tgz","fileCount":28,"integrity":"sha512-x/AjWMZFA0DnmDwllYV0OjTkjtQIEHj/BM2Lw0/29oXbOjNEhWu10BwBzgEq8f9mcsByFEWB0b+EznqjRkNBbQ==","signatures":[{"sig":"MEYCIQCTUeOwFEe6jEL1viNrD4uYrOfHDrxssRe4zRVH87iCdwIhAJGiZfC1a9jKnZtdx5OSTTXdGf5HaKd98gLauXh3Z4dM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nICRA9TVsSAnZWagAAWP8QAI7XNTYUY/kaGZ1u06dW\nqrMNRbO9/ioVkBdjFxGNqmv31q9vQy7vThQFfPNCDfHCl6NXlSCc70auCnAd\nHwzzBE5NH4Ui35y3zeJQdXedSAhlVJIw1MhvaZw/xcUbmbvWMyO2vmxSslN3\n6zkwQf/QL3Iv6/glnGMTR5mxXdj8GnoijPqDj5RmCXWIdwyc481sfskdptOT\ni+d3uHO3qpbnQO+COD/OKMAF5ROUi8z+a3HXc7R6+cjEkFHPzCjDO5VhUYjn\nXEHhRsCA7e4SUDXlvRzUH5InccVB7IyK6AxaHiyCz6WFlmdFUVnJo4UY6pRm\nrbh3BhuRuhYAKNSyxRTcB6TbhN8HsmGSpKorjITzw0+r6RAjL7W0sGEsqLs5\nHQlS421QAHlVHuX8aR9N4vsAG7qdl+4tDIjXNLc4s/74H/n1mQlg47Fh6AWo\nVu5LaqGPwN30tC4H26J/odhgUhefT22tAcCHue5aOTpnIrxaP/uFuYqezJD5\nqkH4YjDBGTe/xuyqqzWehX7BMLQPx1d5z2bH4C2Er2uZcJbDXRLiNS2HXiaO\nz/9WxxlQ+qOMgQQdXTnisn5IeyTBjyVifgZiIvLxjrTUpUrpA+GaQlK2ORVY\nbVoZ3u8EwNTBYXw8Nq0mSm4LISy1gfNA83Mi3Uf0tu2ijCDcfUrKx62haHmB\nU3rg\r\n=ZbY0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211113201444","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113201444"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113201444"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211113201444_1639426504212_0.5544153339745199","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211113202333","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20211113202333","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"50fa0cedb9ee1a8c45b23c7223ad32714c9dbf02","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211113202333.tgz","fileCount":28,"integrity":"sha512-JDhj+RKtJ/NyorE2cDCi/aYjIQ3IAKDbQsLr/7wi3c2z3fRStl7o8fuC7zjy9OmPYm2H8D9vvVKwd5vM2A58xQ==","signatures":[{"sig":"MEYCIQCBGlZHIOBOTAIfo0BwxBlGPfs3PdviQRhInEwGsKPhEwIhAICwDXdvuiCmXK4cNilMbQn6qm0+dg7iaHVYSmARy6C0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6vYCRA9TVsSAnZWagAA4qsP/jOKD9DcClb3Yp2zrTDv\nLiOHRtZGkgIJ9f+1VwWzFX0rGNM3RgGjWjSgkPAWw5oYl+SzIjjUNSjm5LIl\nw2FMsThmL5COwsHZcQxzVFdZuMmEkfs3y+mBB576DNpJuNMFbUqq4gIvLTB/\nibzOtgaxuh156KGIEm4uuX3d3K1yNZdw5bqe/3/CBsiyTWs3Sq3LIEnrAa3s\nl/VXZB7PDEWxHJUgEO8Kt86WIE2M1d8z0PkVFGYei2KKoPRqGOpK9fausbBc\ndH8tFirb0WCP5h2MHHkxiOkewuVG+IA1TN2SJSM8oXMkLO/bwVglxWAu/XE1\np3tB4P+2zi+P0tNkPYNFOIxMoS+hN6s/ggchUo/ZjCnff/8I/DH9Ph97G0dU\nBduW/cpLdaI/J3e7rKE9rCSAPkNYN+jUiogxLETWWrSuz/NRx4as6GWNRxjF\nI2wzhLgWYS84q5DLtzTCRVolqZJBPz65TfEerLie/5orlvwuWkn6FfiYE52c\njSBN2Dln6Dj0boO92IVoFjx9G7pZtx48XfRSTtbF7v/7eXUJ9BlGqUmIHy5r\nclRC0T7z93uTD3ciTaymG5UdLTz031CrCslyO6GmfMdOIe5JlVQMinSDDBVD\npzLdCFUQP7ji3g8PeS/MwbJoOIDYEs9eloH+m4T5XPhmzS2Uz/saHWGfta8B\nZspB\r\n=PKfU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211113202333","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113202333"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113202333"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211113202333_1639427032347_0.27007067066831847","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/button","version":"0.0.0-dev-20211115102948","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"829343d58350097aec843bbbb4690eb835d9129e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20211115102948.tgz","fileCount":28,"integrity":"sha512-MvTvfEqnN+odnmXz4WmxKYk6PTz/Xr/mrfz/+yfC0BxnwSu9Vmb4K2f5oMiCC1p0v4yG69YYAiplENlewv3oTA==","signatures":[{"sig":"MEUCIHt0HpAkTVNPT7+/IVvwikjWc1vWuhw0ciBRxg6dZ8w0AiEAzrFn7xLE1xzO+Yy2bxnWZIJKkZUE+cyaD3PVaE85QxU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucOyCRA9TVsSAnZWagAAlgMP/i+UQos3CH/uPhmqxbng\nYjDQqMPPTJBv+qP1O61Te77I0CPl5HclwMr99v5gIT/DpkoLQKVWQo9ktE3/\n9gM+MCvZrdkF+SdlZ4lcSjAZpge8J5+4XIYcMsSLXx2gP0J3OrouUcJLQdFK\nu2wPqKVnt9pCMTsA4W5CavP3VDBhA1p8ud36uD3gu/IIj8XrD/ul3arPVd7j\nZL4s6QTMswp4CJ1+imCzk4f0uycSyf3e7SX+p0Rr6hCR3LWpdqp/IFbqNmPg\nAHvGbnmms4BBQ08jsqidL0L+yPoDgtNjt0QV7bP9LSHL2yLwf0YI5bAPC0hW\nRhIbcbK2b8Xl33QecZG2aq0HnoPuPzyFwSR0hOQvHNDRUbbea6L7OhS+cT+u\ncF46y4/6WhSYtlN0kFi4/yb9OYs4Iw6ZlDJ/6tAdhPVP6pNbN/iL3iFQo836\nKUw4GEXwqe0+b39ha0k2SYWgLE/TJEjByjhhGa/GIpkC6yeUmpA5xc/lZiU+\n74WOCToa9vuj+an9X61Jq0y5g4vGGA1DD0aZ5VdZV2vL3TbmtFzFaiQddN4o\nzhsXmtX5m9SjWUtn7Qt4ad0ALpOZ6QbqFRsNwBaUVuwPuz6EXlmoEDxkNaw/\npH88BEz+VHtTBb6l3CSJAMO0N3EpGUjcX/TumPZpvVGg7Lkf3ln3tOKC9MfJ\nP9YZ\r\n=/UfT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20211115102948","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115102948"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115102948"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20211115102948_1639564209994_0.5314817409813501","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/button","version":"0.0.0-dev-20211115103018","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ea6ee1bc9d691ccf25853ff5f1686b9bc5645e76","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20211115103018.tgz","fileCount":28,"integrity":"sha512-1Y6B5cwA0E/MQ/DfV+C52+nR57cHnuQp8EPeTIVURCXFMjTGQ2/x8mFiLJqP/8dhVj2OD3ZZiXI3UxgKBM5b2Q==","signatures":[{"sig":"MEUCIQDKnlfI5q2Bkyf9m/Wfug3TqyOH8QneRu+RMDIIOME2xAIgcv+9kDrrmuVtHkAuShunC0WoBv1Ei2RD0xLVQ/+zxeU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPRCRA9TVsSAnZWagAAba0P/iUB0NgHRSoMlBzNW16y\njLJfEPofQ6/lrIsuXW6BxCt2nwU6LqGbzLqWaHchFaSsfHbFGj6Uj71opC9D\neexRJHIWYujFBDdXTcr1x5MvLVA6wxsBX8sYWUVE+KUwox4tZSmThob0AmTP\nOb9QjnLL2F2uGi8E0mM7Izsj1wSpfQXPLXMkChqeNYle3qV+4eQgFZOYzdqf\nZwhYoREdUBchu/ienL781OLc7u3hFaHV2qxABK7Fh2TdsioKduGwNvKWPn/6\nmcNIj9+yuY494vcNlPZIzAZPGiJ+VcV6qJGj6NrPIfHUAt3clanv3K+uXn15\n0aP2GOcxKVSZSNxNua93qu0/ne2E3KiFewd2KoZjqqLSQsdMJW4yEyv3BK4h\neubz8PcduXbgTqKaSHoLiELK3aTjYRmKSjAVWtcOSKJ4LrUcccqUgI4YMkZl\nVt7MkC1eVqlDqyk3tlMAVjwxH7GljLm8h9H0F+IKJoSJq+12ZB6bkUedt9IF\nEa8Jryh/sL2vdNPTQMxQgKg8II8oic6QD3pnMn58TzkbY8YmNlfVmnexSWXX\npvATPYOTlBs0zF9ZL7fIH2AyKD5Vn3hQrkKv4XXJJqlcTL7er/rpf09501v7\nIjNk9SircmiJeMfN5Aa5nbr1bIlrtuVytmh6zNMOftiC7seyvRdqhfng8nit\niSuJ\r\n=rFi4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20211115103018","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115103018"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115103018"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20211115103018_1639564240906_0.9896575641342034","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211115103050","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ee06720706a62ed96b8d27399333a566489a692b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211115103050.tgz","fileCount":28,"integrity":"sha512-cOJPp+7fFBWyFYxap01Y7jsKkSeWN+lmyq9Enl5U82X55IRAOZDbY/AgndgcTX5REExeEztwcCNyJuXvIfNvrg==","signatures":[{"sig":"MEUCIQDZDKYuV8liCxlI/5C4UUJNEDvdQevTaPxkgoQQQFR9DQIgV4dmz6rzXRL8zswtXWXSn0qlCIkVX54qglMhoHTHtNQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucP3CRA9TVsSAnZWagAA4RgP/RLbxeVdJNICvcGaJGDV\nzJVhEvOt5RHq5MLF3yzGteNG1DIKflApAOgY7yQ827FIks0UFzF0A1YA6J0c\n5djzWcuWf7t2CyTk8bLHMMYtbwLO/nF2RuGLBYav84CssriA8xVkFrbS3qMv\nSXNKfck+dTzdxV2KjnaoNm3h7XryjdXzZ9ZujAiWe9IShCa+Buz6F0sjogxz\ntsfZwFrrhWLuqzKBxqOCerYe0n+2etflzGUnpGmcbHUgiddu841yVEOPEpFU\n4AxEroWCIOVZHtAyxi6gpdVws7kJr0O+yR1UXfFMjancYnrJqjCgdvsJJpYa\nEGyOfO6cklIpy4a0pns+4mIsVWOfeunE8wYybIRA+p4Deqb1+TFPteKg4AMK\nxFv9+Z6uURicl3E36X07LwO0kJQJ6ABd2kr/oLtfp24bNyfpTfC6kMoIjPl2\n71mznQ/mvBRWiEerfi/YM+BJscwcUJ/R9NqNbPCXA6z6OgCjbfCRqHSSLnjj\nJx+yDtHWn8uhQSljEijr1rbo2u5SRqEUNNDcqPCkl7bJOivYbw7jCe1F66gg\nMW7xElD+V0lpcLladPEPfANJeMQTCrl+N9myZM01wekScK9t2UhCAB0p/Wbe\nvotJ8cMDuOzNA7rIQ6X5o4WcdyioIoHTX2TLyhKp1FpvwW3mjJYrvVPmXc6g\nLB71\r\n=mRmM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211115103050","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211115103050"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211115103050"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211115103050_1639564278816_0.5363122557108586","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/button","version":"0.0.0-dev-20211115103321","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"cf48a769d0eee8cb47fdb479023b048a65e84f73","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20211115103321.tgz","fileCount":28,"integrity":"sha512-Y3QHmO1ysGrVQJQ77uiF/2M+axwxIjJdtjB8Yep6jZm2cbH8JXXEgiK1V0H5d8M4FBra7FYVcfOj9mfTeYcKNg==","signatures":[{"sig":"MEQCIA+njYBKFHLB3TPgGIYak7RUN5b/P6xBf0PrsUkCSn8QAiAKBCCu1eFTUHSR8s+MIU9o+qXLuo54Rg+SPa+lq7Y7vA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSMCRA9TVsSAnZWagAAKToP/Ah1J7GZ5XC8Jeqp2pos\njOAkYqM7oGVLZhLauGARMtbbJfTLdV0s2gZHKsB1QIooLbXbNDjafXZCkK6m\ncjpIigW0Gz/SFF/+cHAagAQxaCA0huwSDEJ9xGaqlrEyq5Xg/a2ZUj18TOCR\n2luMzax0WgvKnUbbjQAZCFJozgkPR+myzGXHw5Nus8tq5/1d63Mjl11ilFb5\nonYbLaB3pNstKNAhssTfvIRxqWt6gSaKzjulQKYsklu5iC35T8ii8WMiaJqc\nOGf5LPpRtlV7DrcR7+dxgU5bvaxIFgOaxzE55M+l2uIFMla14Co5xp/JPEmw\nKs53AK2YWnxIzhs3pEpqd41nq0fo0ALzuK0/NRueZJ8n4taupXDEaHh/kqw5\npjIeYAdIVn5yP9xtSKRAgMan7GpbzKKXjXMWMvmcTbZXhgEf/FWqqxKNw+uk\nbR1JTVXsM07Vv4pPnWs/ujOXw4/ZD1BbHd1IwW6UmPhPbvdbxYDA8nwYRS+1\nViZ4F2ZJX2vj5camTcUWs2+HVRIDtM+ch4UZ6k7vg2MxUOZEe7y4rAsVPIvR\n+I6Oz6qPphrOVVkDmAYYW0O4jB33l42GVo/ddJ4HmpVWpnXPO9KOf7ly7dfh\ni5SkK/LK+RvYrVAzIOYGko13z8blvYJjT5mXqnWp4nBftS/GK3OqobUMupNG\nE2nw\r\n=h13F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20211115103321","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115103321"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115103321"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20211115103321_1639564427981_0.622635605204864","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/button","version":"0.0.0-dev-2021111913282","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"225e4d4a8abae543c4cf1d237e6769d806c38c03","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2021111913282.tgz","fileCount":28,"integrity":"sha512-4o5EeEyv9FYZzMHXoFGpGvtyNZn/gFWl03lRkOQMp1bahgWyOVqji8w5DqzCQOAgls3CRIoUGrzuYAZoe/TJJA==","signatures":[{"sig":"MEUCIArns5ksiEYMV6KetrkoO2AepY6nzs0VQizfwEsPMswDAiEA1m2KwxM58xAZRcsY17trFQMv3y04l1zVDQlLpvcULII=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzN9CRA9TVsSAnZWagAAv+IP/1fj383SMdaHRNQZGA5b\n5AhY1S7RawqML2ZlzCyJ6sxcIWix4XqHD+HfOxMaJCUcWc4l1/QocAHBIhiq\nZ2c7zlJdl0j7VJyiQna7PMPwQOJQZBay8G2qId5PDOz1N0+th9Q32mFMShLu\nFvCyU1NhnTMn2eKiMOnBRcgtud7l6HcifK7bAIc/mPMbUl4Ftw0vrAQ64Zz8\nVg44qGBYNyNShHaqfVopOPfoa30jBrhXdCGyibBPKoeDLLOBHe7/OVVi7yLZ\nJQadCSbHakWgaHoQZwta9G7OOPGNSu1WJqVTXEpPZtpmAWAT2TKQWkHkJrhk\npDLpDqvTxAW5Y0Aq3K60UQbolxkxy792bG0BzLoK1P798KQO7VH/GH91maqT\niImJomBEF2wkwywGfqrWRrMpXAeJXw9XSeeItdARQZT7mk2xhFnYKd9CGwMw\nZxKaTwXlxXQkmO9wzMWP1IHoDA8ZnV18XgigRI6jJ6bHUD2vg4KpZKU2pwOA\nVFvyFkDHLs8dc/STeitf3G4pRlzLO6NpWqtr6UsHJKALhvVnKD1v+Dt7vt1z\n275gIfdXVaWCuZ8C742+jricNb9Le7paHXAYYIiIM8J1uH2YfRggfQhlJahs\ny8fU3VHDr47vdMj+kpsy/xSbndrvrTzbmp8n8e9+ytY3PQy7N3c5FjJyANVV\nuFzl\r\n=L3/s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2021111913282","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021111913282"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021111913282"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2021111913282_1639920509233_0.9928376405215924","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/button","version":"0.0.0-dev-2021112024830","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7c556d981172da2d15467686e677d7e552ce566a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2021112024830.tgz","fileCount":28,"integrity":"sha512-1qInQmKPQrOJ4WNKu5xDgCCeNChUsZfZGVe3rI1gmKUY3br1TD5nfhEMx3rIWareIsz6OgjWs75SUiW9M2QYUA==","signatures":[{"sig":"MEQCIAo+2QabMMVItu6v4qBAuCNsv6GANXxfBviltLXMz2OpAiB3w2hTrPN8Lm102MlleV87I+6gE6iri2F6BIXqMcF09g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8VCRA9TVsSAnZWagAAPVsP/iZWmoqd4s3ecKN2EdKi\n0vWrXLouTpXhFqVpLV0aTwZz2ASRJHjdCMe8TamLT5Wt3kz712lbfbwMWnNu\nR7aM/nDheHboEYdmvBE2AnqxTk8PsSYq+rbzi9GzlAwdwN5paJHtIqOpdsda\nMwrC3/PCdeVD5n8apAaYLzBAhudiuFriuT5bsmtOAPCkHmveZAf0/Kchu//J\ndQuNW5DUjWuuOxXO5gClALBYXTrFmrwmOG7Gz1UVbukFPlV9/fBnd+Y8ayki\n+SUeP9/o+qhD1nn1znn7RF9zKu/tkrk3KF1U/8DprzTq98juqyjni6QXOMJE\n1eV6P4v7cwmtJqWxlDcPZBJNyOBtAN9oXh3aX1HYe0rQUA/f9Nd/RkeHja5T\nDcOrT1q+tgJbMohqFqtezm0mzCiro/gcvFd6qPwCp51muHN67qV6yrZN8C44\n+7Sp0BTSTt/R91CVNGCofFd3KdAmBwyfVzrrj+C27yXHKKyb3ASy+bGrtQMx\nqC6GJJic1GWnxl+oh2O2IbSjqOB7zFM+3FyNeOyDoDGeycmENiqjIERCk7/Q\nYyWtX7yaPfNrXOKBdg/k0Gn5Er7qvKTIJMJA1UumCjMeo5iCDuCurpj6uxfZ\nybGKYXtHeJuGca1jh715Vb4sE2is3Dp7cD9zZ3wfmIrRpAAlYkvMPc5vqWy3\nCLbX\r\n=zOc/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2021112024830","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112024830"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112024830"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2021112024830_1639968532987_0.512844400285879","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/button","version":"0.0.0-dev-2021112031456","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6a4336e2f57f5da8909983262003702ee3efda58","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2021112031456.tgz","fileCount":28,"integrity":"sha512-3UhdIlXCKSho0MqItpetGRPtvvRhb9PWXJGm1F24034+o8NeCx9+1dlAjMcc4f01n+xLCEfkfOCG4aDzLsxycA==","signatures":[{"sig":"MEUCICahWDQTfEXKbiqJfO+t70St1SHa89ly/LfJYRCePBYIAiEA/qh8IvLiuwYwlWOW+hOfxE8+aoEEZ5asIyV26HkdbTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VLCRA9TVsSAnZWagAAFIcP/3pHGqrfBNbc7OyuOMx4\n+r+gZU9J63fxKnY9UGa2ut2Ogp8gj4/J15ytxoSA7LhNqHTOiOY/8w4IvuC3\nResdksfZEl41v+GoutqCG9SLqwYhrnBtyYh6NBIf+LVbCPKxSee45d8Uk7rt\nXykCNxWJZLJJrh58rkWYp0WcXWdvoXYFC1UDuj1LVLlS+X6tYEQlDWg4f4yB\nPSKNxoWPrMJv4qskHZueSS5SVOMEbIu857nsKnhzfgwNNVf96tbKxBwcwpIA\nl0dH2/hRflAe/noeXLvqU4qWbJa7ni0Ent0ukcaab6TuwDH4x98D38qEFjQ1\nZDZs4KOjE9O3p3H5WaExyASwQPOsAMSjQ4fQPV5Q/O4+FVVHs2dZ1kWNVrcz\nhCXoQ6KkuEtL+dVmWTNieAbpIk1X5bywg4aS2qFwTqsSJ0YWsPJIEmHAN9fh\n9bLTybx9kHsyo2+01lau2yV8XSCWP7OS0VDUWEYQGQM2h0RgaGacfJF0w5eF\ndBaTeGb4fbPiz77JbldxsPy1IfiCKGK12WYj5xmC6+vmOueQXXlOU4luBvQ9\njykiWY10H+XUgk87kEzdk+X9hFPI5BUBJn26bMKzagXHLbFl86UwCg9snXvY\nhTYjg5NiwUcziTssIijSWXPRcFmERCtzm5ce5Bp3+WlADYjbhfA9QAfYmldG\nT8is\r\n=NhKB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2021112031456","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112031456"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112031456"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2021112031456_1639970123472_0.9936957870209253","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/button","version":"0.0.0-dev-2021112031622","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f19936d2237f4fc0899009e3fa035e064cad6013","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2021112031622.tgz","fileCount":28,"integrity":"sha512-vVhN2U6Z8KiHx2wwe1JswA6KHgBuvvJF8yHAhvUgNAc3G2+g6f+1xAmzROlniNSe31BChMvuN7xGAXgYojQc/w==","signatures":[{"sig":"MEUCIQDpgzb357lglM5KIfUgLDaxjhnORtK2w15fIz3ROtMJ5gIgbwmCn4HVMDary8A8W/TKKm9NGDspCpPp/tb5snOd7oo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WhCRA9TVsSAnZWagAAnVAP/R9K13brHmWgJpjVTaSi\nbtpT2UfVJUz/dbWl7TilUahUtUnz/pP6HnxU5ZikUzYPgvhSUiwHJSh93Ujr\nz1B7w9WXzv4BSXd1hAR0q6eZ0efM2A4bB5m/kEbGK4X8zHiSdSeN0WUUb/Jo\n0rk9hhaVUMCO0dwjoYOb7C1M7UiA2soLuvJTMQydzWRw7z0iJWmM3YNVdZBp\nvr5YwCCmAVtilmx9wmXcQlIX4h9CZ5uH2z2sr567+edokLxT6RyWfSWMuX1k\nr0UMOu3rT+o5OTpbfvnJTXAc45JcwVWhptM6sGfb76/bZWYX0qQOXeNVsZLF\nsixttKtAgGDATJgd8M1Cu13qPGEmjJM5r2yV14qzTqrLsUKg37h1sGJQ4lFW\n3vlmRzSh/jIzy4qRaGuF0ds2IXlHhHqweQEthuqO10RawOknO7J/OFdmdNxJ\nUZqyHc/4ertEYNzQZyiw7rzvaZDjL5mj35PxlbLsl0/0NZF4DXKcvW7Unjgn\nruH9Hjniy6PRRtmJ8Quh6E8ecxusRW1HDbrLEbZmdEqDZf/pPHQxO5h2aiRb\nE4lgh8/rDZEm1k4hez/mCnnAKomV0LZuRzbL3Ev25xMJdk1QmkKcZhXFbbQw\n485fcZ/9TA734yLaE90zIIHzKaevTacwOsOhne3ukXStz4aI1pO62QkmT0rz\nGzsh\r\n=oITG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2021112031622","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112031622"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112031622"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2021112031622_1639970209056_0.09837136454141104","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211120212826","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"29c47f940d8c9fdeb52bf808927074d5dd27543f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211120212826.tgz","fileCount":28,"integrity":"sha512-Wz5COxjqpgvfIIE99VBnTdahYrp9oa5FD+oxUZjiIpgkYFY8KIdi1Yl8pV+m4ZDTC4zGjUOQosHchNafOCPRzQ==","signatures":[{"sig":"MEYCIQDWrVRiyMgFpJ6WL8vOe+rM+LuWIvwTpXJ6f8y+/dtjXgIhAJpDRR92ixDHwl9zKtlwjY8+SVBLJEUYW/QCLfaC4g68","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWQCRA9TVsSAnZWagAAQgcP/jww76D/7iZMh2vcEJzb\nBMu6tXACwQo3azsIcrR6eKppOhEqS8GDex5jLXFMX903k4tIl9irXmBKKss+\nDanEQvPa/AHvWq2XUXZyIcGV6+w8Ict+RXtnNeofuORzOo6NWoJcC0QP8+OF\n5JuKndji/bTThK+6dprqSB/2je7JASlPMnzRaWBJcNMFAFJO+Wyut+EEqD/0\nXQD9oL4K/J5foz60yjKMVGdSdRr68fN3I01Mfz1GQTzaf/cHnqS6Mm67z3i6\nfZ7yYZruVqhmZfoopptpW+IojwSRO6FkKhweQ0/HfJrMVcHuROoCgdg8pmSk\ndHSBQ6N35B8wJBwS9Ah5T/aoR5+C8GVvUR9oupzR8L8tJR+C9+lDp392p0pi\nEieIfVccqBQlMVVY6zlp0Lwb2QgLNzzQ5qWp304+F7B6JTAYE2eMZ7H2JiR/\nnKvzDytFNz6EyBVXs0GB88VkwP0WzqtrPy2sNRzJG0ZEdadT0sWvjiwA4II/\npqvYbJkgHfg9tuEQHfvfeHWdwrIPnpKKPxSc1ukjE/LuH258XxaJB0mtuuHG\n2Q+Iq5D2/bOjQmCTNzTG6ioMqJvXcLgBMJR7ZG8hazLRClJ1UVdDEpMTmLwH\nbuB2z5ry/BDnLHCS+JRBMDL9uoQf+Pevyq1iZaMTaT8Btlzwrpq3lcQ9gqyQ\ngHVv\r\n=pP2j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211120212826","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120212826"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120212826"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211120212826_1640035727879_0.9656068670331501","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211120212927","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"505be454f61ba3d218199965a50a2e35165ba97f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211120212927.tgz","fileCount":28,"integrity":"sha512-NmRwQ/EUsii7AWDufRVIpRQddX5LVvjB/CqRKODFllQAn83WSs/1RbD2nxyWIwZJgcbVHV7J1V5gARaFLga95w==","signatures":[{"sig":"MEQCIFWFncdhDUFqvm9JGGdSKXgtMcTjzcRst2bF4OiNzHbkAiBybWtHifqs4rzEhCrxeA+sqqmHIry65EpMov8eH8bpHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXMCRA9TVsSAnZWagAA4TcP/RTewkQQtd9RwdYx3AVr\nOjLE9dSJlXfiE9fYaXonMxzD/FzmNBaFIELNGYZzl4TcSRQ8j+4YWskb5Lft\nu8NyNbdnSIgWjHMOw9sYvVE7dDGG03LF40Ig7Yl3KfP55hNV/QKBlrDdNLK4\n7zFV07gS5WwVq3h5TjMegf1ni8g/VnEqt+btzW32kUqsIq48g1Vk4tHcNwWQ\nNkKU4gkwgq4hAgEq9NTq70SkclOB1O9u3zroZkr2m9weg8Q1SQpuAHdsgCIi\nxGBx0+ZzXKI6apQIY8cyEdVlHnAyaeb2B5jxHd0cozxOzP/e7FcyIMmnYiBU\nE+izuzBLYyJb7N0Y7xleHsDB9OVSEiGOvgl+KfA467OfcUEytBHvBy5xLodj\n+HBTw41iu1e+qOBO/MXLXWIhZ/MFR2g0r1+sKyaZVyCKjZKHqJmCYfglkBIc\n9t8kOPbnZmR4hbnpZyRCx0NjV3zruwWJPM2Senk8iV/OHPH2Dr/P65mm1JtC\nVBBSh/FzRFHLsHQ51ptd/Q7wck2hzSYBXtATfO9WRjX+oPUf0TXLiLMujlD9\ndY8hdqucTp7cd+GC6weS6zWI6e8Pvi1kTAoGY5Wed/lay3w3naCqs38HgnhD\nX2xBA9kiw6mJrI4g17NhPTA+JhGMSAJuUvByijK4uT2VKW1gaJspITb26yOi\nm5ra\r\n=p4PE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211120212927","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120212927"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120212927"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211120212927_1640035788171_0.6236158916916668","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211120213315","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"84654e58fad44aa46d57c8be21cd2304df1c698b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211120213315.tgz","fileCount":28,"integrity":"sha512-3Lq7blBtFNuzWwTRbdJ0iH9YMp5Ri0eWmZ9sn6D+CbuJ9ykkT1SOuPF+SJGr4RqSojat3Z3Zsimzrm+KNxLZMw==","signatures":[{"sig":"MEQCIEFxEnyjoGE6yJhCvhz44PwnAbqDzwN08vkzpH0+aghzAiBlLSs3T0vAADxt1ZEOH39h6d/N1smTBfx/apJ25ZejqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPayCRA9TVsSAnZWagAAhy0P/i7823gFyWStlRHYHVl7\n6q247p5+B64tdKnmhSbThet4kJS7IzbDgiMOjAR8R+Ydcs4RnZuRYhV9trC2\n00whbNU5aQY8w1BpNH1ka/jSg8aXr4xoBNFmfB5kdmwVqVrPxOvyJ18vb/Tw\nTjj151+19iYLYsxAZa8Hi5FPz1Z2SIaFhcr4WEVlkCrzb/auygrCU3XiT9y1\n6bPJdnW1+lryYkEDKOpeTdac16uUgvHWFhhFnaRpcSQLm+v4P/FB5WxVOUPe\nF/7gQzDynhC0EpAgNmWBLIEZrHuKV3gu9xkO4CJoh19gU5sxdvhyx8gC5pNn\na0AcX6T8o0uDjLnsVXuxmzu3q3+PwtV7u7bc3fvTjjER9T+vNfZ8zxOm7lad\nXgCtmLTH7XhjWlENYE6f7Rmfqkn7iO9XDqDbf+FIdkXG3nmJjwodUz6r1qne\nr2XoqNeAOQcFoHykEzGPVLQvWq0ehPFZXk13OhKvGDECiTRZftJ2DocjD0xR\nkmOSU7ndu/gHmA73R1JAE/3RQC5lFgncpSYWL8YYawoJrWdL3hxf6ahjRa/X\nvwJG2vNva9GOGmyyurkXuqVWIPHsTJVxKmkfc5UdZUjygKTDR4b8q9nfIJNp\nyiZ+iWDxqzyVAbUkhVLtNQC/RINrsVa22X0RE/xW6GopipdRyqnd9mhAckq7\nOB3a\r\n=nA8h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211120213315","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120213315"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120213315"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211120213315_1640036018683_0.6411388499096238","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211120214314","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"617523bbe6e70961e16d092eae3da6b18acdd917","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211120214314.tgz","fileCount":28,"integrity":"sha512-Y/4otGVh81woRoe49+v9uF7Ir4UZTch/m0jBQZ0tAEpeTt4YqlSV3u0PpdAKRn7hqLtrwMfs8fwvxzZnNLmw4w==","signatures":[{"sig":"MEQCIHiozSa5M9E6puy4JBUF1OyVDV+C3f6rRLoNR7ZSwHeiAiARFSf1dKZTx708/zQ2pz2Y5JoSRYmumbbgV3jMlRu0Tg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkMCRA9TVsSAnZWagAA/icP/jnu8Q2Iz+EChZZExTsd\nBfb/BrD70uZwGyvfG3u4X3J6BKTSyr6unhtkmmnZEe/l1M81aYd09mqs0kVm\nc2A3Fk91LjFyG9k0f1wVZWJz9fEb9FUajTyf/9Vb0cAIFm2uaZESjJqMyvhf\ndniVSNO1bbPi8XLakaoXEOD5AENICPB8npo0VzzNDRdlvM5RShOQt+crgaFZ\nGlvSz/O+95k72N7+lRewMWospI2g8RzApveVI9oSy8EGfI0ryFzt1WwqL9lr\nGPz0Wbr8p37238MaFtlS7Esd1HMLulw12n0Ld5Cq8LLnZceqgm1/EdwT4ABi\naFArs8w5g/6gFuoNLoUeFefK5QfP54ossuuTI6vsABSRI1heknvpOEMGN5lE\nDmCtqsWVn5mfz0Nz/67cExgCeiy0S72baWxyENpyuunDRP/Iwky/Wk63vQzF\nufo5gQ7InofvhkNJRnetA1MgRuOR1nnLfofkJd5p4SHgNy/1+rjwkUhdFy9D\nO1j8jNaM3QOheFZHl07iv9Zdf2S5/vdb6K6YYmiOVZprxgR3nFQycmVkON9r\nlyoygnTeU9gZXgbayT1k5u4/fnfSQbP/8zizO5EIV2rM3a3qWU3R1RucVO4s\n965pMspqH+DADDFBECmC6JYk8cAFZ9RvCuzQWuGgdQtBCzKqwClLuuPhFQkX\nyCuJ\r\n=7hJu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211120214314","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120214314"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120214314"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211120214314_1640036620608_0.7075601806578069","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/button","version":"0.0.0-dev-20211120215621","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f9bd358e712b4582effb3141aad9349cbf5b2f8a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20211120215621.tgz","fileCount":28,"integrity":"sha512-klCGOAryp3PoAUYV0CtvXTKQjSqkVizXt0LlI3Z2K9GMDLWMmnOe//tLAswYtJ3Pu9p5tMsyM+z+2JH7RWiR1w==","signatures":[{"sig":"MEUCIQCu7KKFrgya8IOFwfafLrU6Tkjv6zIafbRj6j+tjN3lYwIgNykwoxuOn3HqIDVNFwYGdnynsu5AtB4XCHQjjs6jvis=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwhCRA9TVsSAnZWagAAGNAP+QAAaayt0tej+VjmyJVT\nc6PTNoHQ+2MVB6eby5oqYciQAy111kPv+pMrL5W1C+g0RXJwOjz0jZZ/ccva\nw4DcRkMYWL5Du+pzRAvZ2DtjfRIuAJcCdXL0735P3FhMyIibKui/jckD/Qkm\nPL39AMWcgxn27T0EXmjIUA1b8RTsC8o3lKrP7lc9fCoTRDciYIBCOdXeHNNc\nQ12nFJk4ZNxa84/vFN/BH6kVPsctNndemwaz+jABw0R4Q8OuiyqggRZ846y7\nrRDsJE6F/bvUrh3Hd3LkVw71u8tZFSsendXSkjT4ObfalgyzN5en1j/o5XH7\nb/vLqNRfY4i5PmWECtjYyZ8WA5O1tKbd/IFg8CCM9+eZTFvrJ5fv4t60OXlR\nNkz6fDwHSGF8GnmopYcZIO8m3ZfrYj/gfdk/prdepQ3iKctfvSgmITxA3vxL\nhzEiiO5uw/sv4r6NN59h6jdGIQUNTA8lCOCAYCAXwYtz53a34REsHp3/Z8mL\n3WApu/Fqyu6d4WMzUTyPrCnUUq6rd93BC9b8z17zfTDTzd8G3/nPhH0Zi8M7\ndw4cnHBWLvCskr3iNO5SLeQYHVffA4n1grNBoKgjsPYrCQKehF3HPkzmPR33\nCyP2ok3D2H9d3RFcGcr/UAhtPhoL2lFqOJ/0JuweABLR3DD1eSfGm2HnH6A9\nWGsQ\r\n=Y/fw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20211120215621","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211120215621"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211120215621"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20211120215621_1640037409491_0.90051581601493","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211120215645","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ddbd9a6d929ade0e9645cb7f0b0167cbd7ba98e7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211120215645.tgz","fileCount":28,"integrity":"sha512-XYCu80m0tSgggyL4vMSb9hS4ii7U/vi3laXBPzWsCbShAZtGcBitIpN3t90ZY1+CSMmPS6MXgk2EXQcskjkvbw==","signatures":[{"sig":"MEUCIQD/VHLR/YirmJyi7AeAnEzqmI3UHf0OSZyz5bWelZRlfQIgXaLxbNiuVLQycMxcbPHCCpIxlHo3AtTJcRhlpja5Mdw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPw7CRA9TVsSAnZWagAANCEP/2S2ysox7qcyfFNTaFH8\nK8yjcDpEGFG4BP5V8q9eCHRX0fJnylO+CGGsht03mECh1WX6AD6swXtFFLP5\n71a/h7l7mC+tZzWeItXYBWP1amCasT5S2/V0Za7HIPjcCWQSpvl3PW1Xu4vi\nwRm4kGamkSClq096BduNiO1ZnSFzx11o+EWPsHwMxvIqFUVg6Y5XqSmRnY4L\n59LwUV94y0rYX84foAd4BSybY7TsuPFOIjcBnFheNzsJTdVDzuIogKFsOUHU\nHoalwICJp+vmddlggufLoUogfKHJ9nSzBQfxJ5n8QIANLOTwda4ux8HJ2f7t\nggX/+XVmcIwaSUvSBSC0NHfbdhIrXBLsnogp3CbZOqn0BDPp55SG3z3/dKI8\n8V1F63HkVX2wj3Tt79kqZfa/oXGVK8iZrNK7wjM4/wPLLf2TBE+0H+lCL37E\nDAqwyKDKNkwP/J9eG9HSpaf0Dtw3HccxmDQLHWCuAvxmpwjXMgubXHgP1yGN\njky3SFL5b9+ZZCd+co0AupA17GXhut7hD71oWQknREcCv3j5xZ9m+OeT/7dw\nuSfhkjjz96vLfzJu55stL6lR60rBeBh1oSQEXMh7ILAHF44ZI2kVxxVnrqTm\nSKh1tYjsQb+sJL3CC2Jk3BN5bOd+R4dJPDmlE5Jf06Cv+GWnlFlZPZgqMUwh\n7Q/d\r\n=LI/e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211120215645","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120215645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120215645"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211120215645_1640037435662_0.9030487165435588","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211126151058","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"27e1882ba827bfdec53beffce0c23eb5d356f985","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211126151058.tgz","fileCount":28,"integrity":"sha512-Vd2nSRjn1WL2WfSsiwh07on+CUY8OWLrB/r1JBlfA6ioHiMAOcjAe682TPGG0j0kqA1o5YmNUCV/I0A+nMPgvw==","signatures":[{"sig":"MEUCIQCswQJef1AesdqlnqOQ1la7ZHqeftU6TzmjGXzm9vzOZQIgOlP/YNoOp9xlGxVYJKvTF2/h2ND9IRldH7J2qO0cadM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYcCRA9TVsSAnZWagAAdaoP/itzG/LWlr4ptkqErkv8\nUZmNBH5dVPbP36M6vOZMkguhbIbFyuYCaFnd3Icx1iYLM1FLY+8R380jnMIx\nfC0egwy9MmajxPbLs3bRE9EcyYreRITnVLQNsJogoUcmHQTw2dpYJFaTCNhy\n0kjVTL0Xc+tS8UifUAy1IYas/pLNIq7QQTECxkt5mz56M4X3M0mtczbCZIdE\nLnEck4o2y9BdU2NxvxDkKbU2Ol4U0qNuHe/8VkBzTN9papL61oZesM0GrkK2\n9XePZCd/gg/EnGrQ2tBsUCjDXk6ACYi2g/myBG7yug/kMYDJp931K9w+KRV+\nKjiKx1mQMDTdaFluGixCQ7GYjJcTzdJaSewiVkOVNwDNg5UruCrPu7HpLZ3m\n77o/WgQoSsyGbBypUsgtVmAPDIL51GSfkhswFDhg4R8CJq7Lk9Kg87h8VhvS\nkNCHVynKWAUxD8znRSP6qTf461JpG2t8nrRZ175CmCGXanSPlFP1c98+C37P\nQC7IIQYRsb2gRjXYzXkqP1nIeeUjyG4D6+Y5bnDLmKILwxoGw7YlqXnwvtjN\nWuD3GzVoR/WBC0A4lkkTrV2lMDBSvjtaF8kifKiujGC1CiW34O+BhjTgzW1/\nrO8Bj4QHj40y/OJ1Q1KjsLa+OTOxOy6kCX9tRDLTtcMcU4bJmcGFA1CXFYdC\nt14h\r\n=CT9t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211126151058","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126151058"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126151058"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211126151058_1640531484005_0.44207933226756313","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211126153437","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8b413686b61278de233e786f8066d2b10d1ee5f1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211126153437.tgz","fileCount":28,"integrity":"sha512-TKaCGk9z4tEJVT2yRQ2iGk1NEcDV6ANCDg0JvpIxawMS7owWSsmlcoMFRTIRyh4NV8Jb44VNnJUlUN/vbHcTWw==","signatures":[{"sig":"MEUCIBsBDz9ADQxm6XAE2Pd27s1f+a7D42K4KYaFw3yDxZzxAiEAg/pIOMrqeDWNjIVRIp2yETZ0d5MiXfY/fsnzX/jlKqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIuqCRA9TVsSAnZWagAAHpMP/0FMhYrZkMhC8lnmw/Y7\n3KksBYSxfe9RtHl4Z8I/1BQ5i6wSvc0CCOJaF0fzoI3lZ4ElLu3ZLu86GMlS\nZC271dZkGaoUkjYTnYNoHeMbTtyRBex/PmShLVOBs9TK7ooQRiB6dWlJ67W0\n8u1BDMaLy1Y77aYeqLI8jztAdrjQk94sTSaMYtnNP5RjeUk4Yu6jy+7f6tXb\n0xutTRWorneGKqlCcKkaBVo3n+TIw7hzOXdjEXZHweVKmnLgUmRoHCbvqkzX\nYpc6C/mlhz5+eLZxcmkAN49d2ttlNnOk2fCQ8gJx56c4h53n2J7drsIWXb6V\nSAQOIlHkxDDkdE0XBkceh9hCR5/9raDHEtjhcLT5c5NF9XL8QiQQIkqS6dY9\nU8kiXznjzNS4yF2gY5+FyQnKFN64k4jVigpfDiRn6xjGoIxSUq3a4ojXsviT\n76e3MPjvx7+sSDLm01/36XG6JY0oouOG+24NFE1qt9yS2n9xb/732X0fjgfN\np0i3qsdp3P/d73q076IMZz98xGF43djPyy5bOTMq4U7eZ4IulA17O0wCO3i5\n/GTGAxFa1vnJzHHUnVz4g1F/VBKxwHcI+xJxUTdzHFJSTwgdSXZHmc3qubx+\nr7paFaefdWskW4LXZeuS2xQ/6rR4/i4xHiK4EfD7md+cGGMLJd50vbuhz1DC\nXeEn\r\n=nRdS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211126153437","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126153437"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126153437"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211126153437_1640532906557_0.4020010883041747","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211126153854","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6a79622d8f9a1a8222c1efaec060c89933dbc190","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211126153854.tgz","fileCount":28,"integrity":"sha512-hkp6KFXjk5qE9cFmdyBbYpWSdJbzI8+h2cnr2XpSZVWj3CUbFo0k2cbL9WMSFuqPTkecDF3dIBvJqytQMRw09g==","signatures":[{"sig":"MEUCIQDf9jHEYh8RAzmpIvHJkRaCHcIw4+gwcFyGI/h+BPFM1gIgOoKaFnWoGZGEHOdEZ4kvFB6tLZ9IREVChDomsM+9xzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIyoCRA9TVsSAnZWagAAO/gP+gKr2OPANJV8u0EiUxWq\nYtxGd+gqdsyQ79CBqm4UP171vMxzMEovk6cmAMKS7eV8DfO581o0xcKvWBcU\nMO341EeR965OW3PUC1KlmA4mz8DzVHKKr1MxZN0ndKc6JGnPWx1A2bCcNfUp\nEVezqD0Jgbxtvo6dn4XSMbE/xHhvlLsNFAFSBblsHR3gmwvJilqzbFExZnGo\nXBPGpPYY9oH9sIpxccD3woot6n7ADmmlm7uR4/rOSSIsNUd/Yip/ivyU6M1D\n/FPHdZxZmjsqwhX07C92UqNAvRpvo5v3FtCD91iESkWs1+Ouxyu2a/w8+Qho\nt9/ZIN3gASeez7shDn4aAWXNhdQOW42BPaz20Zo/LzuP5j18SizN9S5qcIyH\nQ41jlfB/BZoiD0gThJj9RF2rJ6nyQaEAA84biTHXhJe8geEykshX297qOCVD\ndLvilzr1GHwibvgZofPYLET9kZZTkM5abtWJgqNjpPlstmPXCe25UkI8ureF\nySf9Uvt+iBau/3ITR2W4bAiScu6Jbf5uhbdvX0DyEOGT/Fvz2jer4PUQsAOO\n1VrMfRMmTeo3H5HatKro+mnzRVG9eZ+ELuPYefmTYW6z2n1J8rCtY3aBVeyK\nkV13RqGE0q+adxwi2uacO2gMPZPl+jTm2/af6rC4sBhxRkflc/TQ2s2IFPu8\nW21h\r\n=4kMz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211126153854","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126153854"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126153854"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211126153854_1640533160829_0.42506504380687926","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211126154235","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0f022b6ee5a2f718ee354dd4248063091a2911f3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211126154235.tgz","fileCount":28,"integrity":"sha512-hHETcmWy4G1psi7IqxyxytUZkhZoXh8KwN9MSvSMjOAngU+RQmYEoAEw+AE7/a7AabWh6Si5idXVdo+7o5pMNg==","signatures":[{"sig":"MEUCIB82OHigPJI5fgReDziGeIAk2qUcDc4wtfqb4dkPWYODAiEA4WsbcWdc6Zd0UaPc67hVESGMl1RW9/s5BKxpX0/2jkg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2GCRA9TVsSAnZWagAAygUQAKB7BO2xdBilD555b+XL\nUPqNuBHeeFagjTWM3Keln6Wh+8VkcMYoanfXk6IOA7+uqqEp2f3NUtucj/LT\nFxOXZUXoXqabTaapY+KeW6Mrg4t6/QuCnzmAFNSrT72WeMXeARIXaGHjsHTu\nNMsD+dJ6CW6HbWqJnnpsZyWdjBpR1qNUXZeusWFBf8nydmlES5mAHf4BBxRg\nIp1kDzrtFirw1/Jm1lvFGLF4r8KX8xB7EfyN4ThDPq0ElFbQ8APAGNl2IdRR\ngLiTfj/jLEyd3oNroc5pV/n2eKwmaXVN98z6T+VrIB+yFVV6+Qzp+U3oK5Q/\nJDOfkey1/ll6J5sQlMxUGxRPmUm+o/OLtjrJmDwoLqMUB6mrqKlwy9uJxGsE\nd8IYPjm7XcGr9IilmdGxeAGKSRFAqCusiCcWXwuImT1/KlJmjT7sclVIALwl\nV8T/Nt9ekpXZghIJchGSUb2qcogkgPTW2qS2Ggsuy1tIuNrcNgxsaMFxfFbK\nw5gLFXrUIfeMgQAfgRHbh9fjSnB3NnI5n2JwXHHKb/GEqWra5KIVUVgUOjCJ\niXaUNmio1GVVnLtV31dSJRdk8Y5N+1yLAI6OPHrNvZ1YBqIiU5ElQHHn/OPs\nEB6uOr7E1v4ENg3m+lGpiNNkJ91T37nXOuJUG3UylYpm5GHAUQzeO1syPCqf\ncB+3\r\n=ugfb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211126154235","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126154235"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126154235"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211126154235_1640533382671_0.9745679294782128","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211126154241":{"name":"@chakra-ui/button","version":"0.0.0-dev-20211126154241","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20211126154241","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":"0cb058fc7664bbd602bf86d43abca4ec194af849","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20211126154241.tgz","fileCount":28,"integrity":"sha512-83/VFCRGB33IzNtqf2PkyLDURy3/QjRpaAixbBZ9Wlpvz3y6IyDU7W+QDnoRItIWHJYwgfM++YvPYbaVaQ22Rg==","signatures":[{"sig":"MEUCIAsHMrJ2fr1i7kli2UQ65cu+m1pWs3QW3kZ0BDH0nd1aAiEAt7WySu5Xn7YyxaTU9o28OpEYx9vK0elh6iLUriEDol8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2KCRA9TVsSAnZWagAAxuIP/Aj6jPhqiMxW3Rqjq9NJ\nvbklbrUFKmU/O8Iz8PPJyQkHC+YR+skFBSdeY1+WRoFWgufwrlnaZeD5GRAo\nn06EogtVX5BjCbAA41yw/DcehebyZOdWVO301jdvutIyvIji8Rytaf1NrPu+\nt9eeiMemADL8AuMEjpJzROkGydIMduUT0kgcLq8Fdk8Da1QwCkQ0niE3A/IA\n6FDFcvjn8sa0WgpiCbPSYTqGvnZZTE1TEQXEdngQWgbaO3kPtdkWhL04+JSW\nNUEwkYrVdKtQwusVIeiKEFWH3SWSnfZXnLDymHOUuNrOIkzdD5nRUKZR5Ueq\nrBYjArpuPWfoRZcIR46FHEmN2BlHzNV0Sh0Xrbmv4FGKtZLkS1aVe4HyCvgL\nIHCW4W5oS/Y2N1i7+QVec8DN81O4I6IKAtgRKMJi7gPdrKuihX53P042YAvr\nDEve8gbnS6lTknxx3Bjs0JOIhZVZrHObnBkCL83u9kcGhA3wjMvViVKCv15j\ngylPRLIrWIgKXi/YobhYp+PyhlW94qB6sBJCfcsPaVyt/iwttfDUvWuyAXUk\nDPB3T4UmYrLAs69eq+fc8A8gX+bgTp0wfrNarSYJ1qY6Wast9auVWfI016ka\nIiHCXtG4KgJWz8dck0p1T0KD0JrAeD9fcwU997Jcri0WMrlUVt/se23VbyFg\nB9DU\r\n=Sjf3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211126154241","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20211126154241","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211126154241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211126154241"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20211126154241_1640533386119_0.17775356548288745","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211126155055","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a3e21330a56f0fd8c0fe082c766041f2b10b28ab","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211126155055.tgz","fileCount":28,"integrity":"sha512-/PR6Hho0987UDe2k+AJiutWyjrY31XC+4ZyZ8O1tP8WLpehhN+SJeXbCcsiCVvvsnI6ZX0t6Q3GoFp8CxmWhFg==","signatures":[{"sig":"MEQCIDlYewzQoSI960ZUT1lszoYC3yWVFhpBvnVw/apKby2YAiA1e8GqdI+zwKVcxnDkv81ey4S/HKZ27yJkejKg/BIFgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI91CRA9TVsSAnZWagAAIoAQAJSYAMIE9jTGHsxEqKOd\nOUbg+DitBBRU9Dr/V/datA0pXgnyZq7qB5EOjXjZ9/ccwGvuGQp2KjeufUPr\nBhI7H3udGQG/6JImmBB0gN7vTOtMS0mL6SGB+PxVRBH5WvSYd+pyPoKv/ww3\nbD++mrxMAg8qQkOB+ObFV22QSYkoT0wy23mrg+JfqMArDcXvrwQmZkfoPpyt\nNA3Zv72dy09hecbbB1Vit6n6EGRV5uv25+aw6++305f+/bNhr1ZKuMJsg4n3\npoJSzVrx8bz0fl/kZmAQoKWl0BPJyemXLIYYBWMiv/Bt6ud4nxHWJGImlM6S\nPtJqs54hXDTR4dtp13iZiScUGBBPkdNd22bWrV7Xhrt2ETN33jTsjHNH7R0j\nV/a0oKMX9D1v2w2AVtLDinCrzoKNA0cuUTjCrhkIzFYwpx3ebaarSQjhMmYF\nte92PDH40Sn6nciXIHszUgWkyH+m5ls3W8r5Fl3LefziKNR+BALG1caJu/Lg\nxJ5tOJ5I2Qvo9z6asE3OFZkI67UQAypY+Zi2ZArf6N+0pLRejpdEDICyJT2y\ncwV6P25runR7KXOmKhwLCPvn7keFGFli6TclNVAJ0NDwq9M3ezCbKzZZAeL2\nX5enJbQEqX8f9A6VNrrDtNb35ER6ZhPmbs94q2eaHZEJ/pdDeSWz/S06ES2n\nXA2D\r\n=2z54\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211126155055","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126155055"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126155055"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211126155055_1640533877856_0.5206939839909941","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021112616030","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4ecce24a918b6ae549f13140c784b0ecc7749789","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021112616030.tgz","fileCount":28,"integrity":"sha512-Ks2szoIuM372SG3cmrWwR0WXgKceKBdSd/h0vxvxs73bZqHj3alVZBkHuJWG2Gn8gethgGxTd2ZWsbclKx3seQ==","signatures":[{"sig":"MEQCIGeiFHpvdXX5YgekNDKZ7YQQ4Lh9YYjr+DcmVGkVq4jJAiBsTLnnzGQ77x2/arFMaGsFNKlwZ7sepK4Kq1L72DvWWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJG7CRA9TVsSAnZWagAA7voP/A4XhFGiHw5F6kBTxUeu\nrl1IpBbH5tXWYtz/h+KR8Gz4iAgh0JjqOwWN22rB4DsR343ScEaDtPJe3vAP\nIzC5qTd8lVuXKpZ87WquwsOYiNkL5gGlWEmqfXcIR/OMPA22AtirCteEF/n8\nCFiBpagsUKTX1oeVgXcmYaAuG/TmGIEVIyg+7dMBve7mmugBUZ+xLjRaJdhh\np0nYCLNqp2L/KBNstSZW7MoR1DcbhScpDjONLE6VI7eFmWP/D6sF71mSgl2P\nWaZTFucbDWXJJ6dQY9zJHpdKUp+4QKJCWmJLOznNyPdmPi0lCYWBuvG9CyYY\n7L6JF8ktuf6uW8UMH42j33Ev5+RpsQHnSdq+ygVSslwpTDTmVllQbpHC5UIA\nr1+Rht+FVXtoyb+nmP/nCN6ndzzRX2cPysqdBu29NKEIqlzyFymLyOTzUlJi\n5/ce8DLr0icTGmXbN9L4Crlcl0Gc/yiHZUDxHTvsr812sK4KoHqq0tH2khLs\nbU4sAKHm/gB/l/H7Zi0kv2MDMqvAxfsez50WGTIn5lhW6F0bNeAoBTBGmfz2\nAXYUWp1LYfNbB6ltnEapoqx3UqQR/EtKX2+e0HrHpOzwbl4kXGkGh6VdLCzZ\nl3+UTdy44rHAyJQ8MVnhRD0hUnP3wh/A6PaXLW3AYHaZwSKLf6zFUfahG++4\n5xlb\r\n=Wwq5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021112616030","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112616030"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112616030"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021112616030_1640534459216_0.9597975914209329","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021112821613","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4d03d2faed3c9ab6c5bea26e0d403b0a7cf7c853","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021112821613.tgz","fileCount":28,"integrity":"sha512-DareYGBrOMihYbnfVTFzqKou53d+e5WyihkgaA8IfxHv0qNRHnUz6GO6ADW73l9KxWX2xdHGSglAVd7j8UI77g==","signatures":[{"sig":"MEQCIB9spsPVPOfEPAjG6xu9xqTqqdBb5/hDXWQNci2ZhKVWAiA9/CvQ0O/6XmFhC1XeqaOLnf/kNiHdnbT/YnXehNY7Gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3xiCRA9TVsSAnZWagAABpQP/2h5UHxtu57fQR0J3GEc\noHvfsL6VBOqEh2zjfqdh9mwjMDvAiZP2+pi2zwItj8WOai31BFKDtJ+/WMYP\nFOXfansEq9pUWtUBQQuaW4s/D0Lf53F4S7asOAWwS/5mvDvWh944Wt0MoS5S\n/J3zKSRl94UbdbSA1KfKFlniLCOFkRUSm2taGw9hLhsCViZJGxDUtvU/DwMv\n6laNdAy3ywvJn6aoiddWH8Cx70pImixP7wHCrJTNAxSMrIo/+QfeY7wFuPrO\nGZxFH1nmARSMkCDkGhyV5e9HaZl5hpvOwRyvO+wPDvom9i/fKcfocJ7TNVWB\npAVYc3NyKGBZp2vDfqtv9JFmLy+RzzFTt0OVe34ba22LRVRRSyFFBgN3mMVf\nrpvXSF14cLL4q8UEnUOBsDuKNErhe2LqnfwElyvlovi07RDqqpe0VBMtTzaG\nQ8tJKgQRVRYjGTduUHGxNznGThzXPsRWBCJQRHMwmrnZXTH8ydqLv28mhEVX\nAzm1uToqamsYG4ZCIwWdRRsvp2vAh4RopA9NWqkXXxI+z5sTy1siIfWg/Nf0\nYho51Ktx//QJ15dgMXwV6G+jXxGLGEJ+mZbnX7N2Hph6RR97ksU+XbMrQHdZ\nEy88Kq+7WXk1r+I7Hs6ycah8+uYYdSnu5WJnauYueapaH7sxdBvufB+NcMRj\niao2\r\n=dQ/i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021112821613","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112821613"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112821613"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021112821613_1640725602533_0.5698681455703438","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/button","version":"0.0.0-pr-20211128215540","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"47de7f0c54b9d98a7262be28d9b8d359d7bb9829","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20211128215540.tgz","fileCount":28,"integrity":"sha512-um+tLuS97FtxWuBLytLOWY2iCogYSG2LW1kjmdvYq03/0YfaPNDBbrfHerTZgLxUM4tB/CMtk5yotZ+p3A/EoQ==","signatures":[{"sig":"MEUCICVuIk60iu/vbF344F20MTJWz+Vr4pu+91YNrwtpSeeSAiEAk1/BiyPhZyABe10Afz3QtEH8knt3ssZ2lJQrkJ4a+rg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4f3CRA9TVsSAnZWagAAUQoQAI9+RXZmx80m8+Q4Mps1\n8jAhHn5WJSoxOpZmABN+X0k//MbYob2SEPtLUSHWmRuHZr2FD35MkYy9Fb8z\nvo0a3XTPY/RVU2M7YDJV3A1cazBvmqN6C19hcNos6bUwNTz6Jy6zEjpW3Jdk\nyJvmnxj9IyUmql1YTQyv3I1CcggWUQOZvE9GwTvYqIpr8Za33sjWJG2Bc8BM\nkiZPK8MJRYKD1m8rbA0RItooxEW7R+ngmCHkQY+L/SC21Xj2/ZW+2tw28b0c\nRB433Aa7x710mX8G4qf/GnCj58NeHht3r/xRvzVKQzBVHNK7vydlhhbVraD4\n/A1cD6C5BQbmeGxqrV8+oQ3EjfAu5drfMfL5Mc0/fv6PRqII5dHtRGU0S2VS\no9UKBZz6Ml4UaxDxPuRm6DQNNe6nj5ug+ySbxa+tDE9588nuu+NJHTkDB3jD\nurMnGc9lLvF+TdZiopSO9mSSH6le0TfDuJ3sy1Kj436FtOVlhSb5JkPMzcw9\nw+pfXNS2Z1fvaLQpf3vQ1eu7Dp24UVEWpYFlTvtmu8lbnqM7Q7FA6gLH4cqM\nJP/6KszYo8HPvZwpSkB2Jf4YwLwYzIJIpES3UxbmhkwuLjCkbHY3MlTTL6su\nMy5sSTU+sgP3vVk6Z9BdbqrzSh2/cWju9qRVx7f1ot6N2n1NI2uW1izAvjj7\nKK/k\r\n=xvU4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20211128215540","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211128215540"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211128215540"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20211128215540_1640728567099_0.502697337299419","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021112822349","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c08674a785c83b7c7afdf530894b8228123d3c65","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021112822349.tgz","fileCount":28,"integrity":"sha512-oQWmKDV32FM5k0ea5l1jTX4aCmCSUO6hvLqYb2q2P2i8hJ+tFh1fU2MnzVYL/1sg0u/ecxr38HiyCDEvwRAg0g==","signatures":[{"sig":"MEQCIHO3ytMitfUve4e/XTPChIo1QY7XYroJDJ12r0kABW+jAiBgK1sBNkoCkobKObVRIhMwXedovLUK4OunRDnG8RdLAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4ngCRA9TVsSAnZWagAAMOAP/2tcF8WrO69iASAOzOCo\nVLEaDiPXWPe8FxgXMu7prpHX8Fyt/DB+2KogYtOOaff9SHAGwgAKjLK4R9G0\n/zdXYu4YPBT5zXPoeBMzBNoiecM/Je3T3mjnzrpLCkWet0W9UOpGzV0yfHl9\nKn1bQMDzXrl0hFN+6eM6yEeoJ4lQ8UH/kiOHTCoZnHKiS1j2V8R9CKi2Ykkh\nrMPwniMLk7ptZ/SpwsztNxMmUxlEkFC2MEXH6DfXKrWoF20wNgEVvQ/VUbUC\nkkafpbwXnPjE3cJEBsaY7vOqezP/y8yCDvMhCMjhLxcQguKQ9UTtxln8Qc+x\nmjZCWfS7y+FYaV9Hao75zYUyA0l15hKSZCpT9vBKtCmC94tdsXOE35v+kvFr\nlVjyvgubpO0OsNFfEsnuYBpmQw1mxcUpFg3mzY9TnHL/qmwMfNTjBohI5Qjz\nfYePxE7J0/SBjpVfYpvDWKJXR6IKhcDkuxPLUpkGkP0ID7VkOHopGIDdfqtD\nooofZM4thjCMN9//Px/74Isd6Thn1tkyy3k9psMFeuYkRNaGfYTs1unzzTFn\nbgCGqjLbPCG3UV1VGK0sC/TLErnj/PySHRV/1iCxqfjux+G+UNT1BJZvBram\na7guHktxQURGQ/MbvmVQRRQR3H95f2AfsQbiAB/507q+cpZFZ9eSqxp7oUZj\nbmCV\r\n=bzGF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021112822349","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112822349"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112822349"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021112822349_1640729056782_0.6936081637799492","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021112822415","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c43672bea7932dfb689a708d4db031c465cea812","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021112822415.tgz","fileCount":28,"integrity":"sha512-EsJ31bp3Xy06qZnZRscvaUJY3tTahX4/5snn5QM+2gQB+pvLvrPgmY1MB4/00lHdUM8J7JCgwHTDou1NC55BZA==","signatures":[{"sig":"MEUCIFh+seba027VLum4MU9y75u09vsXQnPDkw/uRfGgdYxdAiEAivo+nOex0nbBxuSE1znksnwbSAGRdyFG/QNur8Vz3HE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4n5CRA9TVsSAnZWagAA7XcP/2iTz4lZB/RodyrNDjrr\nsKpj/9ZB7lG24P3oi4cayYc1WZGnB2d6qHdRgU1qQS5253Tv2PuyQCKeXbkg\noyUN1qFiS4vtSLsdT2K/aOdKNg0xDfMMHIJr5bQwQD/Y5wJ91X4hMD1Q1G1F\n147brrb70EGg1YO6Z+dmCVsNhOoN2jdfjwKmHDcsMaG9SS32UzIJOSzImRaK\n/1g0jIuqTDg9NWt9limb4zn5S+GeLHq9At35fuvMPIHTfwHcrEM/4AHGUIym\nMdCDrrqL1EwpQ6hp4J+nMVOQ/WBf1vO39HVYaeb5xbVWKgsgjN79PggDqkEQ\nquj5Iv0EoZXael4hHr7EtPmTWX0qMJugHYab3JXgBqfrLI9xfHOCqSOl3XWp\nOlmCH1qAMzmSEbNkf1nt7dYIaa1ZUy88nDHf9KOszgW6Y39GkDp2tgi/6Z+E\nP6e/wgL4TxZUyFW7Z3Eq484kolC4xCNF/lJMlzC1panxjddDFpP6Vg+kjqQH\n4AMiOil2Bg9aJr9t2ymlv6SjIrJ53VE8knghfLlGL+XDMqxM0ndjcoANS3VC\nzR7xj/2r+2zZCCs1CBOex1qZ1p3yyLljoYZqXaWmPebK7tbf228m5eurIVDy\nlsPPM0cIAGfibLIOonAfcyXY98Vr8vPixc94J9jZEcZhb8d8QPFSB+L0FJM7\nBJ82\r\n=cpFu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021112822415","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112822415"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112822415"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021112822415_1640729080939_0.5565919867536331","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/button","version":"0.0.0-pr-202111299618","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7a67be6437d69febf1ab798e26488645081933bb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202111299618.tgz","fileCount":28,"integrity":"sha512-IOSyQ8lZ9M37/Z/z4g/OT1QvMsNsLcNg+vgNXDYrpN7Uio4+3nJyz380QtbxkhDOGnI2OTwiQT+MhUNG/QaGQg==","signatures":[{"sig":"MEUCIQDVCr7bjVZECcsQIhcK0LpgnVjYQP0F0f+u5nIH4S7W3wIgd+oxCVXCgSIRIkw0h59uf247yoXKEr4+Crt1BOKIZyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCUoCRA9TVsSAnZWagAAoyMP/jxL3Y10VCm98Xj7ADxQ\nHI1pK4mabBqwVmpuVVdSTP/2KOADdrR69tGGt0tw7/a9wBqJAAhCOK1UARXv\nP91JEvtFgOi94Af0UnQ28xwCwlFc9IhrNxzCgoMKKsty2VkLIx+HUg4tKT/M\nvb/B7qqnTZyr+cbHw0w/kZ3Z/tQllYUC2NdrRone1qbX+lohcDT1TUj0pfDR\n8na6cGuYC2ugsZR71chUVmQ+IbKHocjeK+WMvXAIrIrbSs30jTk7zCsf7666\nK9xN+FwB2TsSupxYAVGiE2XogRukng0XSXHw7iIxecys06e62PYBsAINCJuY\nnsbUMl/Y6na8s57OGvYlGvN3Rm5VF/v4YXz+eGTobC2I8dDTHnyIA2SIAjAx\nm+35Xoass1CDpPaqBgGSNyLkWhMU9UaVcfNmbxMu5S5GK59hdvBVYnkPmiWQ\nxG1ROavEIiGRUEUDJ8JTcWCxCrSAN/opzqNuOe7qNfPPFMAp2IgiKkOhlCYs\nStMUtizES5TSzd3Urts7iPkDGQagSiuTIMwpDWpo+PCspBMwvMsGIekAlqhI\n52Fho9dNROWmVosUJGg/ZZ4tBvl200kotZC3Kk4OLkmJxPzq6h14G2Hgz4/5\nIUzsRKNsQ89jNfeF6827ggGMQPp0O98W6poPMnUjAqL8erFSRb9YHIzNa/pm\nvdxb\r\n=EqYB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202111299618","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111299618"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111299618"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202111299618_1640768808030_0.19063523090512757","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/button","version":"0.0.0-pr-202111299647","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"61fe9a73fa05302b48cb9766aafef6e4d14f1952","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202111299647.tgz","fileCount":28,"integrity":"sha512-YqsQIz8o0cItwyq/PCyFTrat28pUgjm2ffwGX5ZmZpx/uJdmitujMbJDQfHw4bIoYvlkBZT65RBx/f0Nm3Lfrw==","signatures":[{"sig":"MEYCIQCw5H5GFpuyo2ua+bPz/KxhzieewVodnbgvMnJDpwp0wwIhAJ79VUGhSbw9pdFex7Xe4+wuT7y7TgBLrHqajVlnmXOp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVCCRA9TVsSAnZWagAA3wYP/1wxX9Omwlraqe3/bFKX\nsMrhFBj7eoYRqt01M4WlaJlGFzAKj66fLWoRDxN/n+QD8aR9XvipkQZ9YCa7\ndasjphJB0GEXn+RUpTBXSMj2Doaau7KWtr7UbJra+jkjS3kuP6AKGZv2MpRM\nHvSnt46cnkrydOcBrFCV8N7ws2rTFrf1Og89RRZCJ6GOQV0SnA1m9SVm0cw6\n5bcsZzU1T+8AqkRPIVbXkaW0BRbPq2AQ4tgrOV5MaXDN8svBOQvBE+0lxIQ4\n9dPPm2KvZQ2Zac80EAbVn/sr9miADFb6JAGWzATm658wcI1Gq4+1pRvRSbBd\n1VRMf7q3zKFOoyu7Y6RxUSfGepCiFP1NNXm0KWnlpV9OlfgWh5Q9nAachKBM\nPUeRbYi/Jyj8oiGeAsnPTIkpew4YWIt+T20Ll+AVdIc7W6DQQZGhWKIK+pqR\npe1bUfVfxnp0siy36nL3Tf3JaKLYWZ0TNFoq99knNOSaawgbFnacyMru7t67\nebtLCBvzq3McDIllBPeCGpK3UvYVxz9iTaD6tIeKFanCaD/spvpHEClMrqU6\nrhOCuVw4Sgq/I0CXo6eh8kcK8kgNcmMWvoCVhE2XeGAmfDnVTYikISuk1qx1\nEoT6z7yPHJLZiAOBvzkm5OtBy7hUhfPDs9sfG3MavV+cmQQC5dYcTmsdahQD\nUk2q\r\n=tJ44\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202111299647","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111299647"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111299647"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202111299647_1640768834159_0.4883152470136156","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/button","version":"0.0.0-dev-202111299720","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9105673be4444b8de07a21da5de03400f0f3d69b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202111299720.tgz","fileCount":28,"integrity":"sha512-F3nPyXOK2QYynKfbSoZwVatZqhOLruByZslCjznIoFhjYQPpRJhSsyMGeSP73MQF8kSt2tLY0NaOYNBSQESlLg==","signatures":[{"sig":"MEUCIFEhBjiFfH3D2Qg+iWl9TeODLXLKJ2TW2ui/PUUqfGWpAiEAs/J4dXDFCnVCalgQhKL3q1trLbM7DE7LkLJxTlm2vvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVnCRA9TVsSAnZWagAAD6gP/01Drg+kY81Ye3rFrsii\nz319et04XxXaIlLmkFa4R5bFNAL4dOltrwLYVGyBFAiLbHPlb5/X/17nZ4Jt\no/bc87IXJ3GlbwAB+rdCTOeRUWSxJ8pBzG/RoTqnRkjG5fMyxqvrKfMqSgBS\n7PkRrFQEl6IVwyIDxS2KzCr816tb635QoEeDO+ZczW+dW9Rlj+7ULQVi3PQh\n7NztdrtugUg42JlJrod1zPd8fIzIV1BPI96HM3cB4WXJ2XNATAScI3JGFIw7\n9UV/MkNJG+aUAP0rbmsaix3xWkeAhxBajUe83zFhCda/x6xEsnRS/v5b/BI2\nxvvvpyoxe6dLLFjZ/HTBYA5CBbCbrCwqtojxzA9JxVSXk+J01uhEnL356ezf\n20lFNCnmQlQ/rFxNtjJCDSMHpdvQO7da7GmiWVbYcROc7Y+61agIe+6z9FKi\nr7tFxyQ5ZXVv4f0DkFALgnUziVUIe9VAxX8BGeuB1yPx97deao7U++MEAM/+\nRr0Vy83+GofxnXbJXfkTVH2t7YGmux1duZoG8nBwn07EAjh4XoUEZhggsOMd\nS4rjI2nD2wRd0FChyPqyoj4TJrY649PfpW9O3GYfb9XuCNDRkasi0AACR3hb\nkpPybQ5PHNfhSkNpE0jTQ/Z0So0Z40vJQ9bKIT7Txnn+3vcqEBzsb5q3D+bu\nwaBE\r\n=bD3L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-202111299720","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202111299720"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202111299720"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202111299720_1640768871068_0.9231239375331024","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211129982":{"name":"@chakra-ui/button","version":"0.0.0-dev-20211129982","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20211129982","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b30ad7b5b8be07adaaae0acac46c9c666d5dad3b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20211129982.tgz","fileCount":28,"integrity":"sha512-FKv3jUHkAJ3mVVEyvf1dqVohezhBlskrQHYEaC8t8mOzNwBiuidwqz2O3EK9MBwyIsr60y6ZotnniZzwWt4aTg==","signatures":[{"sig":"MEYCIQCHP9L43NZJEsSvFhhY7v+IMFCp1rvVY1+/E+D7+kTI8QIhAJEcDoQIlBoufVNZvRTb0GFsS74hQtQ+ju9JG+i21r7f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWPCRA9TVsSAnZWagAAbeYQAI1VMIGxR/kPBVGW++ez\nwWi/PpwPWsCK5dYALv8MF0cqhO1uvYcnsi9rBIWWjjsI803wogxHkFhUnENN\nizGFkZo4lO106ZWNC/DPn+/JyR1d62ms8lTN7qN/tSL3d9n7MgW160MCDyS7\n+FwwQrPOXWwL4yQNPfckdUsELFegYAOWT0Gce03PNpTOX1QcuBDelIkCosAl\nbmzs69HH2vDb9K4yCxuVFrHhqUJrGOrDV6V3kXDVf9O8kdAhmMtND4beC69J\ncFYFWzat0FCpqvpPu/59hwh+Q6l9i1QFPrdDPn/oyyDv4YR3tu1yah1Z+rvA\nLBIezeiyLJhjsvcsMTb3ljYCMvExyy3Vnvc5ttEVhAupK8FAUj/QssFvbE5m\nlWK+/FviYmfIHvvqSa3D9ey3zLNQjQgTmN36riaAnbOei9BDGdwvCJF3V4v6\noOVE2wC83908AtQUwFQ4Y2RUEglANezUhqe8IXlbgIyxALIwHXilneMvfcic\nlqGo+TcioOFXNIZXNXoi3ZbSwwid1b7btKWakucacMIjIZpqVqnyMLB/xyWM\nISXmezasCXEqkY9AttOEHb5GVD/M2cptMsRJ46gKny1POEIAzPhplYiUE2rO\n09V5KpbJ6CmD1byeiL18OHlUYNsTXuAIAWIkqLlXCPtJq9NlFjNeW8cq82wE\noCzy\r\n=qowM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211129982","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20211129982","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211129982"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211129982"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20211129982_1640768911176_0.7560150527263434","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/button","version":"0.0.0-pr-2021112991213","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"bdc480ca5717dac4eb72d4330cd8dad5cf4d54be","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2021112991213.tgz","fileCount":28,"integrity":"sha512-0HoRDm6Yg2uTp1O3czPNlSG73DABqFOBnC7jpErcGUrMHp9FAg/ECHXoGFbTCklt4fyheSeH0bIjAXem8LPcxQ==","signatures":[{"sig":"MEUCIEgmEZDE5vA77oOh3C8saH+qwYFKN0OyRj6bBT20ZvvHAiEAh8j8dCgb2+Y/82y5ujRXYVmEw6p2qGtly/JoGkHFST0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCaMCRA9TVsSAnZWagAA2KcP/jUS566IYHL9w59Ko9c8\nHvfmyzAk2Y4wSfSiHE9nxPsbczoBwcBR6gaWacUJc1fRU1dM+cBKtLItxe2R\ngp8ly5nBXCkLZovGivSa9K8+lwIlIpBzkRsZ6BYbrfPTX2cuf9OsMmB/i+CN\nhSZk7VbAhPQHcFxbSB8z+55mH2Ok8P1l/kh7Xu4p8ZLE/mAlCUGK2RHZv7sM\n8kz5oJ22+b0A3Ck1sPPXtLKZWOfLXadSXxHEjno8cQEpxXT+f1fnsivbvI7k\nkvjvMKCHVfXxGQnPCbqVsxONedZMP0xRRRugX4HVFOxHfom1EIdiyVHECJ2g\nzdfsJ1EhNi+88qbX1b4HP6Sc5LAfVOkEDxVU7K1A5EXSY3wkCB9ubnmrrsTY\nSJTcsxVF4KW7wcYj3yK2wk/Kr++02t1mgxh5slfjx3ee0lRsKgqjVeAWzykb\nwJoyesluYY3WhiWkAFqjTvc4jkSvjMKvFg5nIzlqkH0vBh0SA7Q9odBo7K90\np9lvsOhcxRQwvlLCaWT0gOr/VwDDI9vcOhOtDnWcv9cZ8pxkiuiMVEH9qOqb\nZCIXfcX+Seu+EFMXRj2iBTqZZrulAn60snmWnT9Hwa29vo3p+4Ddsu19F0sv\nacEr5rMIMyPhxVdA28QVliPPwtB27yYCRKyFgYx+HK1jkONyYnjOxapT+FaE\nl1HV\r\n=YZg+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2021112991213","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112991213"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112991213"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2021112991213_1640769164189_0.8944626282164316","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/button","version":"0.0.0-dev-2021112991233","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"37b9ec4e517615f8eb1ee4b8e661ad406737a0bc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2021112991233.tgz","fileCount":28,"integrity":"sha512-COW6jIjs0yV5h8atIuMocQ93AjMueB5FWtmi/Qw1mNmFPutY/McDY+EZPWOK0UOAyZMYewP2NEyfL0YgOPpPKw==","signatures":[{"sig":"MEYCIQCu72eVjgk3vczHNqmIB7Y146ROR1jHbCRuOVeN+kd/IQIhAIbyRUdCX3gpycpIH1wsRoxL1oGauVhobmrg7LLZzNM1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCafCRA9TVsSAnZWagAAKXoQAIxSROHukYJ2kvbjsQ3k\ne0n+ubXi7WQpLIOgPW6ZQJ8M/FXFu1n4R3UjBT4AiMPnFKLd3YOsITjA1ya7\nzyDh6o35odn//zIeY2eOp0a5SfIe8AaNc6l/G0Eo3UG7X/3RsTYTCcRoCOHf\nflJ3NM0y0lZfEB795iciAkC0Kw/7rb2KOak7l88jpUHTsMZvqHrTQ/NFnLjI\nYQZsIpSZWoDDl4ps9eeVGr9uTMFK3M1YqfFfFOvfmoK2cIDVxfHzy2NqaiBh\nS61NTANk6oH8bQvAGb+OfPs2rVtFRLdaNZQsMQjf8eKuwReHSQct/JcFkHCd\nHqw7hq2dhlD2yCb31sFS+uRPFcsQIIwK+MR0bheaMDLyQrME5mI3Aag1O5f+\nbA6bexiYZ0eecbu2+4XVp9kvEUHHBs2cvTD+I6TSz0qPsHmHV9Xx2Yp0LZTl\nkMPJiKSZSo5c0lBTUqzIIprQ3zQzRWV6GSryHIKbYu93fyRFyhWDvJ8OEjTF\nFX+cpc2LMjm7AXETj2EqW0dENEeDZlxXQLZziqgUv6h6ydUlY9QJ6RerJini\nCZM7HuwFqbjOS1kNYBUUMEZx+IFy0PR7cgmMfBb99p1BAPw18DLC8U98JPPC\ns0EimdykGKZQsSV4jHQ9GcFookl4D5kSmjoQLWL+PpEqinVhs4E0oVIx0e1X\nsMEk\r\n=KD9V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2021112991233","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112991233"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112991233"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2021112991233_1640769183225_0.7507860422372139","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220114234","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4237cebcd7d73573d679e60dfe40b7b18a68a9f1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220114234.tgz","fileCount":28,"integrity":"sha512-N8bxE6Or5PPKYoKDlO9Lyts/5+S0RrR4CXlPXlorITtWqHzpTVNzoEoo59RvJlOZe9tqCp5vvhIdv2e2RcqypQ==","signatures":[{"sig":"MEUCIELBaXPcsBamdq9jOeBIKG4v+kHeiRqiSpU65/yyTxEUAiEArnd+mZLhKZ/TxN2+ZExRJHBCT89JhfL8OuvIyOKYV24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7GlCRA9TVsSAnZWagAANmkP/2ova3UzrYNrqTKkQptT\nAaHYr2AUDyR8M+5lhaWAJVSoU4wPPL3pPBuuNBBQ4wHTrTznREMXL+LOywbB\nCv/6bmNFY+6XGjo+jVwbTI7fiUJDPS2MS8rtD0ImLXPZaHihSm1mpEtpgFm8\nn3HqEPndg4r5/vYgS2vxPsWjjCx8BFGk1ql05au2jvs3YNwp6GQ46hUB9g6H\nLbfs99sIjalgqWfQ17vSkW/cP2YnfMv34Qb4sX/yXvQO57Ll6XchS6BUYLj5\nSIzMH+QqMx3C4T8mmc15dEqqrh3WQaGrycNh+v+FKGDtStZhZekjcNrOGDaW\nIRhTlizV7u7B9kwOOAHDDcaX4qMedcoExpyVkRk/NZ/lADDFkJjTSGN0HVPO\n1PahtjSKIYHRKxptEjB49/kub+LNF84KnVqlLHpNobBZv2At7BGLWHR+tWFr\nQ/IzAbEeXMg9phYyBFW/fkbqtBWGD8A3CsRNWOLxGxyu1rWMFDkjvAyGOh3J\nLJbiQX5aOGzIXw035hguhintrEM5vV+Du0gTXhJcVwWm92UIvNXS+bibJ8iL\nEcOARTCMU9jnXA05rp7P2Ym3Vf1tCDxfFxjnd0hXUPnvWdBP2CZBu7bPrlFf\nM5OIchNAwRFnho99VdXjSfA13D/wy0lBWg6BbrEU5pm5Wmnu/4A/ihwHYGGm\nQkXf\r\n=ybtX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20220114234","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220114234"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220114234"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220114234_1641001381665_0.008465270206023945","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220114728","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"719a31e3af141b85657f819ce9cd7c3293b2ff3a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220114728.tgz","fileCount":28,"integrity":"sha512-or60bz3rCOb07yf6i8x/TlRTS5R5G5Hh8MYAu6VspIB5Fk2KPBkppJIabFA0XQqQU1rLM0+rH20YcdN3fMbpjQ==","signatures":[{"sig":"MEUCIQCR9u0QP/P6iXcfFEM7Np1o8FoGcqImgePiooOu7MejPQIgTd68R8/YSFZZuluNEO8IP26ckpu28D57XS9srVkk4KY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LMCRA9TVsSAnZWagAAlx0P/2lTq9+yY5lBwnG/zB2a\nVG7T/UV1VmGLEIa/4JnTvMcGm8YgIi+2Yh7UxWW9z2e+zAFOfZLaxIGfj36+\nHcMemk5dDzbfK99XN+QedY4LXPxfBbGUagx3MR6HuSheIXc/xWWvOiYxgSMk\nBl+x7OF+zOq+Z//Er8/YbnkBCB5SQwpNDB8GEqLsOJdh9kOqlrvP3ak4AZAG\nN5h6kc897/FpzveOtrqyMXRZ3jH3c10Nz/CGW9DAWgbI4wXDpwjEqXYUK9uy\n/kkGJyYPPUYpY7EK9/Xi7S5x2oKnGO0R8Ijoi6z0McUM3OVVWYT/XCFiHQT5\nC7LzgFTwTAWb58/wTs2CZrtBOlKnMTDzjOi1VubmR9hLt2tmt+55c7j02T0U\nnbCQXPi57ZuVbEe9hFK2reFIAjD3lGJlD7ckFxQHCScUpma0WcKR8EkP9b4e\nf7EVEzM+4mh7YnKRGRnFynsra/NoVBrvIcxU3JIAZ1iQr4LcrGXUADCd5UKQ\nGQnz5U0SykHv2+2y+ML6GnRvVQaEei1vQBehpOBIcfam74nW5xsrpntPLPgG\n409ArQxNoVGl6hPXlKlWQ15Oh8Syfme4av7XhI4XU6oH7Qm8Cfju4EQ4L8OI\nYZtdPDO8eEbYBp5PFvuHtxsRmPrTasODchUysRecabKOJPLR5049xw0uERue\nk5WC\r\n=pRG8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20220114728","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220114728"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220114728"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220114728_1641001676264_0.9165298062459704","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/button","version":"0.0.0-dev-202201134936","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7a3dac044a5276b35e395ad81c201e2e470e8fee","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202201134936.tgz","fileCount":28,"integrity":"sha512-5cyHxSInzeqU4aM6K2VEr+SWfac4G63ogNtBfer/UdLoVNXzQn0DiB5FTBvj75XVOZ6gXaKI+M4G2RhSeQX4oA==","signatures":[{"sig":"MEYCIQDRUUpzKP8G3c1pbxoK1o3CUfkXhEVnO1pF2vLgFmEwJQIhAKeuZaPG6NDjIFD+OFBeao47jWaI59viSalqb1ksV4YO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FwNCRA9TVsSAnZWagAAI60P/RvK6iRypixmkDDBdMJF\nlGJRd4z/fcORs8l3Ob7idxx+zNlcIWIyLa9oFFT50o4aID9uzuDrjl1IpL5Y\nzoW572AkIbgQWnMDzPIdBQsZHhTNU0DVaEsD4wPG3tG4tHd4b/wwiJWV59s5\n+31pvm5WEwtc24yhVhoDS92Zm7Cgs5YVMFMzkmqQcsV1g7hiUfIKX15QrPRS\nM6P0yM+nOAvKg60Ki/7DpB3NBeFv1ZcT2roVDJMu6KFU6BE+54hkktpP678v\nyYMP85DnQ6hR2uACaud2omyh0vkfHTIxEuzqJ10z010d9XXg3nBmbdoLv79f\nuLicvCN+wDD99qfdx7dC20NWZxFyqCP/RFj/zI2OEPRDhHPLJbJlGebbVD8j\n22N8IEyZBsf2W9v3uxFyZWp6HWfjhOzGaaoGBosQv4DD/g9ZYYlEvdvs0LHN\n+JXPLcfMFGWBta6vpiKB/bU41Cxp2iMgbaCPM1zNj+u01RJBqxhmpHmlsED3\n0IHPfzi8/Lp6Jtvi+inHYpxO1L3gkUhXezgg9kQ6vnI2WOAIQUhCDWzlM7rx\nouPqkryy/5Z0cDOBP8bd+RXezFFQ5sGic16tvi5wumux/b553OcrVkUG4XUT\nffGtH8jXxqdgv4WplWXFvENoRynjjAGJ2NSMtfCT3d/RSlhmDdS6q6wOuMtD\nNWw1\r\n=AncP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-202201134936","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201134936"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201134936"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202201134936_1641045004987_0.17586297700995002","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220281628","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1b1b4a76a961c528eb46f0eedcdb5605e41946cd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220281628.tgz","fileCount":28,"integrity":"sha512-CrFa46UtSJtQb7qXtUzyfiIzWdA6pbF4OINQi7Jd8Oq3jHSBd82JYnudsShIFXSqe8boiMNzndiUBcYbhpJueA==","signatures":[{"sig":"MEUCIQDc2wm9GZ4aWvLCTatBf/IqQ38gC5T8a1Ju4Awl01zFBgIgM6brLw7ji0h5Zict0KhWrYw6USb4xSjVcVIjmtGyzlg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V95CRA9TVsSAnZWagAA2g4QAIU0/pxQEN2tlz8WR020\nP8EKgHxD9Xb9izj/nrTA0kjIaK5p3I2Pz3d1BZYyoLM8UtIZLY9ZbN/LBLBS\nu4DOh+nCMHe48iVVem6YNQ5nYziIrc7SHZ7L2cW/98C7dDQZMb81Xm3/mVBE\nvZneb4l5ThRhkkroF4mUtUVLNpQCv1pzagLOuMhzqIFrgqVV6uM4mAagYpaH\nWH/SqgTz2WUTTh2iPjfafo7PjK6rBgqJd0oubp+QYm8dTnugfDzzaTVHUtgU\nZyEdblaypwTyHyeiNDFeSLekvrYwRsaqJy+bePDU8kjqBRRCbv0Xqz2DOUy+\nr4pHvI8jK1Biln+dFpTfVmqwibnTUR+1a5+RuXd7xctxrGeH8BcSU/vvTpqX\nwOL6FYIR4u/ERy4BZ5v2FLZJM+DYN5RYaRvS6P4Q4vUTXb0QSMnj+rd60pJ0\nbepSX8CC1ktkcVUt/pjRpeksQ1m4SmamAFaN1g3aDt1mMFGBDQpealXTTsuy\nnc9GckAoS6P2wKGTIAkG5PYsCpHfGs/Zg9A4TFZW+05fTwA207p7uKAdKGKN\npDTe8Rfprl5uYO4aRdaTBX0zOycwL0czMipyIVcRIw+DoasSpgnbrIkynhGV\nrdIFOBR/NTd1SpgMCP7aIxvexq/wFnUL45MfQpYAevR8nQ2VhXtG4R2LlvZC\n0csB\r\n=T7Qj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20220281628","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220281628"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220281628"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220281628_1641111417483_0.5386157828454943","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220282224","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4148bdc915ba7fb2c906f295a89017c538646a24","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220282224.tgz","fileCount":28,"integrity":"sha512-fqNsGq67YmOJKczg9LSdPU16CTYNq0vPVBeQY/CUjk9kGNsa0VtYyFFME8ZWyvt1UHackzYJ28WeJrxw5s0rqg==","signatures":[{"sig":"MEUCIFLF4os2cwVedZVr5jSHsMI3HTn3jrwgVcKvO4QowW93AiEA9lesnE4Dvz9nATQeFADGoJerrMihX92XI5rmQ+NjcJ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDcCRA9TVsSAnZWagAAbnwP/jq8KW94ZXu6fKbsgxht\no2pqC9AAKrFwjOFm7aWpF6X04GCIlLSLpwT4D0bxQtpdJqjInInXSb2ARWpt\nCftZjqoIRdM2Se+OlOz6fUDEUZ6tizXX9lmXnHqxuUu8Fc3FoxSUGpHabC+h\nR7gxPtUWjWnC+LDveEPeA1HgTOrVIRxXqh0+/9CLrfnMj5ttRP+yfjc/Qtcp\nHp1/psAWNsPQnQcpl5Ah6WFeZOw8VT1ujpLxhKMOyaR4mifs0jwudhi1uhkP\nC5BQRoHa9E0laa3SAtNdv/91fn4JYUN3F6xrI7leJOKyZGmV21oHkLVNOmJ6\n4zMHe+tA7KVvb7jh77z9irfmyuFQJ/4FWRIVIzNoxfUnyXgLgxBuIlAJ862b\n8vfDWPI44JNFccIdvLLMu+sgj7VxenQSkRMps0BzqhRy7wuIuSQWp9ob/oOn\n7jzo3pGd5KaQLncm5Y87be/Ej26d2tcVLsMBtcwdZYJq3Nq/XdCA8A/nfSnA\nwnEoFu8xdROIZyZbYKROT/dy9eUU9rgVzVurh+fDIFbUusizqP/NVMJaQ2X4\nBJguN/ZPPFnNoUkq2iH0K22pmsfuqH3VbJF0VOIhsBAFdPIfAu2hxvFlji0u\np/mWT+yKBw2/cUNQMN3IwLrNY0mYRNTrr6Uyvq1KhRGe2e32bV45txnPnnke\njSxd\r\n=U40f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20220282224","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220282224"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220282224"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220282224_1641111772273_0.9602049175067351","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220282356":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220282356","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"2609a72531cc93e3e49aa719b5d3c80df30dcfc9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220282356.tgz","fileCount":28,"integrity":"sha512-bt5Hz+rQ4uMCNyHHhDxKpK5KFzNOArIMXp3NWruHXXW0J+3+GLGiH6sNeQdAx9MxYb9vanXpVlxsM3lHYaxFLA==","signatures":[{"sig":"MEUCIQD8VKVrtfcyFQJXyUNoflCvqdFHnGhofeLXNe7KvF27oAIgRFHRp4iLi4+VO1h3nQJV1XEUzcC47YJtK3mOH9dHnGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WE4CRA9TVsSAnZWagAAbx0P/RrUz9Yh60+unCBt9ayA\nHcJTxMF+ajCYy+AY47BEVAlirNmE4Y1sriu6TvH9qa+LbKBoKiSbFt7qMNsr\no0QK9QiA+svSa4/Pefrqg2AgaSiqGgtiXvxKM+HKX319K++rtWWk2Z7xynfp\nxM+D7bC2paaARyKh3Rsl+9yNBmyEu9x+V+xoJj/voNFFlGUqZ9GWg24wdlul\nO8LUrLUlhMHduHKAZqv50zvN6MkEnI10ycwTQfxnoJv7IB4Y9K/airXGjrVa\nvuCyXuYbH12cG+RRfy2HwBJbBb/ZQC5Sd+He7BiqKJrYZdOi7GTR9YGJEZsU\nQObaan5k50GLeq5cLYgDlWWvHdgdadoNYubWmWEhlturqWf0HZ2DwiRzm2sk\nHlIDXj3hjOISXpmvGa0FUq321gRL0nTIPcgz1EfUqXNvpQ4V0vflox5zBTm1\nmakc83eRiYJdNbxGXxpjuHT7nZ1NDs1sypsEtpYi4cQfrhR3EBE83m1YFANd\nv9zRis6D8N0UTtN/43W8MP8y3Gx0PAnjIYzJNqwsLVdAbiaT4bSxFt/grvK+\nVkDuqtnmODaE2FNEQzCK+N0QDAarL7YtK2PVTlu8iEqc+f9+9TIIyEBRWDYB\n181FflMGuok6pu5meoUZLtWt0xzBL6MP+jwXp7puE4fL1jhgmFHcRHNakchR\nfLn5\r\n=S1NQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220282356","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20220282356","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220282356"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220282356"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220282356_1641111863850_0.27422001616549463","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022028277","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c12654b645db7f666d0e0ed51ae90ebe3625899d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022028277.tgz","fileCount":28,"integrity":"sha512-ipIY5Ow9InyUfCQKAqZ8grN4Bt3Ecf3tGrJkmVS3Pnvf423tGih0Qw3q6q/Yu4aalRKE5EqxZo6DCibc07OPUw==","signatures":[{"sig":"MEUCIQCUQLeVDyApf40x2nigi2rJV3M1eF6FgmfE7TRMTX+OOQIgSbZLfASMFkHmTO8DvBgDhWAcToePcCplBKfIvldxTDc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WH0CRA9TVsSAnZWagAA6jQP/21gM9rd7mZx0mDW2njS\nmXdkelPORWBfaG5b5pL1lcHS2FDhtP4bSIbIaeOq1pbav9OQwZhf7qftN1PU\nGNzoyzef2WLHh0RanSc6Dt2ceVi1RG8u1rzV8z8XpSvYd+tv2IfsHWf56Odj\nHeXfKRKh9VEtjClLRS6grYflJe3XQUTYDOFXRqNmJtpEyDFqs6tchaQy2BsL\n9kYgbI8EVAkXQN7q64vEavwS3Olii7JoOx/aAhQT5p1xtcQrPr9UM8Kn7ZI7\n7iMcH7E0pQ/KoFR/69cGUPgtEmhAI6utT0AQY5vZFXGUI55mkIBLOtV2kG6w\najOECCTcG17P9/pGnSIfzN/Cm2EmCYl1FENEPnMzS9cfDfeJgArSL+HPg3zE\nfhnPSiXaW9d26R115JXlD32+8bt5OQNgfduwNB1dp4kfrtXp/UPVW+C4PBOn\n1XkstJPM2bQYLz70RvPGSe+812RpG0HnXQ+U3e5zspKtSsQ1J7tGBNr2gSEP\nlgykwrau4IvddiUHZoOQAH7moB8YoMEQ0l3bv8rWC2dPAUC5HXneGL05sw9f\nvc2DX8R0SLaNhW4nhol5stfJA7g0hkg34Ui9kHdVT01mfYhrt+xOCxUzNnBp\nRT/t/VYo19XBylIHqLLfLonZVvmoaR7adMGJEBKGOEKrV9rIZRkGfZrXXXQI\nBHTn\r\n=xED3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022028277","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022028277"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022028277"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022028277_1641112051850_0.3438100668854076","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022028387","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"e8301aba2b9fde6b3973a21a2af7bf6fce0f1240","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022028387.tgz","fileCount":28,"integrity":"sha512-ValFo2XiYdjWXbr/gUmuOjArocDtrpCkuJmOl+iE+B6G+sC3GOuPBvhCT36QqMDmLdWvMmAN7pVLKJkItSTD0A==","signatures":[{"sig":"MEYCIQCIwRTvMG9oh1Dec5n3JJ0jWjvFKC5JF7HFgK7B/UoUggIhAM/Yptu8ciCXxBgenQ0f9TdRLRhf+gdGW+BqtdTjBSII","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSQCRA9TVsSAnZWagAAn+IP/it94UbVVtuUQR2P5MMb\n234XTyVdCpRyMqwVz+3eWwmfgUv6W/WFbd0vJiCETw6/QjMIG8dTBt9egh/W\n5c/tsUibGrhF34OA4UTYwUwwGp1c2g+UbQsQClifEy6Z6qXBLvX83j1kw0R6\nvBfi7qvIEzX6A3Liln597CPNo6Qjc3/n7MttgI1i7QO8nHx93c9f9irO2itc\nTgBI0PQ3obdwt17/dOOGaO3JCujAGmpcTZ4FbpgFv8AIMASnlvb98q5SsW3T\nZ2Tz9tWLEULXXwM+/l+PzyTYNzct1U1nSwhncBbRFfrkNj1k6A0nE6ZFci4v\nENYJ0rxkPZeV46UJ5M+AEcBZ8xmmOYiqmOoxoirMuyG5aq/IQLzo7y4zduel\neNnz0OiI0xiaCofLFC//WQzT0mmP662un/WqxEBarNpTIwQ/2qxQvWkDgHFI\nkw5EsfQtwNnNMnNCqSFTTJ6bSi77YbbHk8c+nxnjJ0s2NswCdU/z7UfscY1u\nDCkIUcXx9IHr4LPX9ueITPRD34lVQdTHhCNcX1RDqvWQP91V8AKh4XD7RRcB\n7N9E+L3sQzen6cS/IBfrhCCHbbouSxsnD7OwyiieItrg6C8C/FErLV8S429u\nZd7wVehmBR/L4CQhOKne2fdJS8iexTK3MxOFHD1KceEClVhOFLtjAAvMaqNZ\nvAxp\r\n=qtv8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022028387","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028387"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028387"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022028387_1641112719971_0.055548241085672245","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022028457","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"29a7f010c9bc4a89e0dc69a629ae7987f887a97e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022028457.tgz","fileCount":28,"integrity":"sha512-gHdMlrkjqmoRWAeeUC5eeAb7LwyooZYACoEX7U6wwZTF09M3PKPn4BVOyjvX+IoC8WV4XTe9huPkTjNhZZZ8/w==","signatures":[{"sig":"MEUCIQCUFc7lL6bbfhheH4V7Z7+T9LfeMeAHlN9iA5KhEGFLgwIgd08i+hgxIYmzteRfE/Jo1xNySsJVota3WHqv/nPAreg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WYqCRA9TVsSAnZWagAA59wP/iy6n17EWu56U8N/zL4F\nafdo+BjvEXP8EGy/OCPdQfLS9KZywKSkl/GBdXDUglS+NRZKqbpWYk14RrDF\nrLgtmP+06ZJfbE9+4/hF8NGl4Ry6knjTT41p8pUu74hOyAduOiZZNage39UK\n5wPdYV6788wwjalGfwbCjghR+q6MN4HUlegQci4lQWRgDrxbsgqzPjKI5h0w\nyPS5QVbwTviSBsAc/K6FA8M5ZMddj+WEnokU+wBk6alo7JxsTgijhS5pA2o2\nQCl+60O69Tv9ojd5lrUGZc6XtDHYS20nU5LUldjg10WdfojdTqIvvqTfgINX\nzmwh6+GFCD9Cn3396+iOSCABav8vQjCSUYs/qDZkEH7xYp2cAjKmmGi3Glfr\n6+ST+CpD0ApTpMG2UlNE2ht0diPk35t1B+jWgmECJc9usEyv27S92uG3c0/R\ngnEQACfsY5aa7EtgeeH8sc+d/ZGK9Hg3lHwseTlk25A+nE2P/Uldlw7+ecf8\npinJGsEpIKuW9WIXWiSPZ4nd5g62dfbPMpGY2a1ZPgCRZWrlvf/JjqI6+1uE\nHchbi8mL7YvruqSPRqnzUXBfkcqovQmJazZJjXh43SG6rOoaCprjmO3UNoZu\nSSFKVE5PSF4CGfFIaEywrBlgI+iDJLkMxJtxW5rMlb+rC0eSw6tcexBpLiQc\nd+Bd\r\n=eUj7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022028457","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028457"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028457"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022028457_1641113130544_0.8360855260512603","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220284534","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9be7bd3eaee53c4bb8c1e08545d3d78aa4d6f294","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220284534.tgz","fileCount":28,"integrity":"sha512-IThNShIAcmnN6XxtjXSHIuWCP7sOaq0562tY4vNN0n+dP5J2MAe8bvFYD8tZMezPjcxFAojUw55i1akg4LK0ig==","signatures":[{"sig":"MEQCIBnorAhkejDgFNO5tNRrucORbpMmgHV87v2d/6CqknykAiAExm9CwpTMK1VFrYfjNzkhdwkxt8xURQX66h7u0fEYJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZJCRA9TVsSAnZWagAAc9gP/jBE0jVN8pLlS38vrnSK\nIMu0OLsvaOMJotGTQZpi6S3dwJxbXsk4Y41CJBjoLKdeO6xQUpqY5ZAvhoo2\nY6HTbM7KNHMVU2yjuz81Q6hC6D+9nIkTakpmxBYQCXtY6u/wANDgaM3yyfIO\nfAMSGzF9ierScVSPR8fU2D0+7zIgHnjuD7HKmV+sIjWZHe377vD2qkBKtgbN\n8EfF41xp6fypikExFYo/6P4DePiWxH61tNWF0viaW63C6xStZo+8KRiJXPd+\nJ9tWRDALb5yKtnrUPQ8Fnn96KX/hriuCYdSYU9ct4p1A4vuNSpRZa99LNx9o\nxMzJ1UlFvhyK/PxV8uRjy37lpb6hWC4A5Agk36sn26YSAdYzh3GqEmeUeh78\nzTtgginsCOrXzlGA1M98eAH/XhalR3OBXddha1VebpflgdOMMMgfFMwDd/hl\n7T1AGCsrEm2ZOMwNHUE8avoFoPacg9bRGdQyNDYihaTEDMb1LiDm+EPtUqnq\nqzpArElq5L+Oij625dw0u5VkySoWdG1Oqk+FYyn27ZuEBXSaMa2XCrXgEibk\nbOcK6BTXyZ0PL0cEh32EuYnabj/CoFNP9UG+2u/IBRn+7+i1lDUVhdVbl+Sl\nIYmb8kHtnElu8yGB9BAF1AT2gpoOFVvNaZ+N1D6ueU1sitKvOrsyG1+O9xaO\nyrSR\r\n=3nhl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20220284534","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220284534"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220284534"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220284534_1641113161458_0.34423793733222996","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022028579","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a2f89d3d13aa8a17ffcb57168a1ee258c34f5ec1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022028579.tgz","fileCount":28,"integrity":"sha512-Basmmp1gMS5Nv1+C8fWkrnpBTCtc6NFZL9iLlsoxPFJD0Nfl5Dzp/QcbRuhDwbH+JfrXoLnv8/HTMKcJExi8aQ==","signatures":[{"sig":"MEUCIQD11YSzaU2+NV8nJdn1GJ3TOuCikjAeQSCsyDnVicsaZQIgGEypSpOnkz/fHT8SPpWYSPeZVwW30hty1E2uzx6Wyck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkDCRA9TVsSAnZWagAAIoEP+gK4MfI7N9MXUC2WMEW6\n5ncKPJjDfDYmNAIrrbhuxeTJF5BA6xVC474PwXRGgYOT0cFp4b1ANchvTjaM\nAbL2l/ty+h+OcvO6m8DNey0y5DKS/OBtarjea6Pq1TTiDl4R+f0jxIRYU9C1\nn4b3vScz6vkC48+ZOoitmCpwx5U+4sl7ytnbZn+ytblCHYbSfIyAYZsMkn8A\nkORE3CAwZD7uVDfdSBEIL+PwJhrbTkS5xPFm7uuq9WIXXvum34qt8sNsgcJb\nS+NtPD9+Gh1GxY6yhc4o6DH6ACsbRObXFuFVkj16HYHTbDnLH+fn2NuQXUsm\ny65jshEMKOuvUf9enL3E/1YnQiZ5qPrVAzPvK48FxzEJh+z7VcPpd1duBu00\nZR7Bx4w4EorUKMVkGcax1rW60pI5d3FmgcdTtURnFLK4xwd8q7tNCwmm2WrU\nn4KDYN8UXdgWkWuJ5koEiXaF2Lt4TDOYzT/YeIBF6IhM7izURUN5ND5vMXO3\n5Lyyopxa7lINGcBnaJDIOKoKWZvGpsfJiEoJjIkdwwVfwX7uwOjUMCLImQF0\nRlZ/l7yU0V1ZBgc9s+plnrhHPjQHxw3KX/mBCFlzmquSn5SpO1UP7TqbHfDT\ngtNMpk/HWEo7rBKNMTyCGtMiOKai747z7h54KOuSAIZaIRVXhaoptxQo5RZ8\nxcT3\r\n=73An\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022028579","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028579"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028579"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022028579_1641113858972_0.37267119349332","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/button","version":"0.0.0-pr-202203225541","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"65c56d3a7e2d780119851fb1d493e29860d3a6dd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202203225541.tgz","fileCount":28,"integrity":"sha512-hO8Bql6pB9GWq1oe4I2aVUKg+SPldaG8c9x12fbwGlDa+Js3H75ytylatItu0E8hT7YgMYu4O7AWvUVw25TaKQ==","signatures":[{"sig":"MEUCIBIEI7DRDOCkAmA6SAjW/VDnR+/ZF82TQtgHv0ruq+7kAiEA7Xz4vq14cqZndg0/k7X+fujkHk0HM6M/a/ewMlc5SJI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038MCRA9TVsSAnZWagAA17oP/jkctSWTdh4bmjSQn8TE\n5jL+kRUVcdubh18lYCWdYkoNTNqu/U7cvc9kECaedkyoDsZnzKIGYNFcCNf5\n96443EqcWvMQmgIvP9K///YaLNRTOG5aNAGakdBRiFKd7u1GZqQo4jBVnueo\nbAtTwOfrGq97RbQkl4ncxD7KI3ys1WQy5xoLWHLg5XUkRiTHrCtm3nussMOs\n2iF2KY/SU/JcH+vJ0vZJ5iIWkXb36lOJqmZjh0VZ+Q+6OS1ijHnDgQ8Uygxy\nIlgzYYQBrbV+ucYukaIDK8cFc1moc7VvhRcyyLk0KwPEvTOGQoB7dKOF63co\n5CwnB26pN2WQjf1kKB7UIXWBc/LObWs+4hNRMr8LCqiZa44JkhEw8InpR5Ce\nmyFk1HcedkJlSYocPyqa3fqbZL2kzV8lRjnDxAbQ/spJiy02DVsrVPNNaBeP\ngoVodhg8s63poBJuELzsS5P53oEpAa1EsimalzOm1lUk45qVMHsTEyM+2+Gu\nZBwzd8Q/GusqYBQnymotQRNAkf/nODQTpGHYEKbiSQdP266iLAjQ87Gk/P4c\nE6OlPzRD1LaISUoKvFv4WQvepzPBpKykvCn1kL7Wx92sB2xGCAegIfHmD37T\nWwxX7KtyIqcWm+nR7uUlCEmdUBlukF++uCRP0J4qn8OEVQ4meYBwf/gIy39E\nEyAZ\r\n=oWUX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202203225541","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202203225541"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202203225541"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202203225541_1641250572526_0.06645481776889417","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/button","version":"0.0.0-pr-202203231241","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"aa0c5225712bf7bc7b7e7b655881a2a1b2cd4010","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202203231241.tgz","fileCount":28,"integrity":"sha512-LcyX8KIc1hJTfomuwYoK1Kq5O3o6M/IZKMzTKu1cXZIAr4akMjKuqBeYKWb7F0Snfpd+UR0K0JJAgpcyAJYetw==","signatures":[{"sig":"MEQCIDboiocZgQ36Fp0qNrPhuWT+uyvEGOQNK7iYPYiln6emAiBU7tf2a0npwL/+FFouTNw/EWlK1GYXEQ1XLcJxnoF/Ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MFCRA9TVsSAnZWagAAtW8P+gOmNgIUJcGMrXIsOT1k\nfTYWYmZoBrU2Q93bh4tj3p8lcKodggkXcsDqXKpNKQCVvvlRaKJZcOm9ECuy\nNfQh9t0FeM6oZ0FxYiipV1AnY/lPNSKmcNsnZ+ex011zXXYDcjQg1u3S758h\nV58cYXOdXXwQgyUpovf+38tNTGGnapostk3XuZgCKk2CRCTaRlI8FXUa8ewb\n0/sG/lIEEIvz2iGKjcv0dtj4dtrOEOjWl4vAF0ERKHRznOlciJEi6e4T82nJ\nND2oSqn7lF2NaOehW6XDofRleBZv2r3mhR8yedQkEiqrvpKRIyYzql9eCfcM\nl7KCy/jt0OdhJc0CUfOTFQyEJSic2CB0MU1vpy0tjYU0PEV82pUWpryjFt8e\nqbOxQbAXlCP3ofY2/gjBpYSjOxvz1ZOVHqBgO+MTvT6pFBY8LbPDfEAy/PSh\npbEpKlf4ksJyhsZhxijFmPZH0+hkvWdJSqz4Of4tHVPEqd93lDufHvx/2Vg/\nnT7umuFq2iwnbQoKqtAfNyJNp4sCBTbyBwbK7ZcwDZglSXx2FVouY4y3gfvs\nqx1nNwQT9wtLF3pY/DM//ueTKnGoRzJhfrHgRJ4tXwfPLZsXMLBNyydaWB2h\n4AFa6uLGnkjKjJwNw7YJHNxMYQhrPjnNI17q1a7Y7PIKK/zDPoSnBWaFAJZL\ncIXM\r\n=uHuw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202203231241","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202203231241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202203231241"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202203231241_1641251589637_0.15517949373284812","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220483049","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8381458b39febe71b5ca069f17d4aec8fe625dc3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220483049.tgz","fileCount":28,"integrity":"sha512-Bk7mP9e8yM+EiJzYqfsgXWsDb9/L9Z/hgNsXaLdMjmenHj1f+Jn4Oqp0pUvNKy8i9J8Vk2Qs/cEMEmkL+jJ7rA==","signatures":[{"sig":"MEUCIAhgxzLLXZNCTUPK17VtuxFgBMJRXsEkkxfP/M1r7IHUAiEA1oV87GSgNJxLzG/IY7IC+B6fiUxlxCD46wz+ig0+0Tk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXZCRA9TVsSAnZWagAAzewP+QHXhIWF10Y0EeAKvgfI\n0GlS2i90vLuvbohIG7YyNsT4ihXhadHK4LfyJEKkJaOmlVmZ9HylgA8Amb3W\nFeixcZbc97gU5HkaJn6L0DYOjlcBQMfmVlD/Cu0wPOshpClNtW88RA38zATl\nwYCjQYxtpHQMH++UkgO8bu2u8kfuW+Su8UBqqzQgBNl85dUvLgp4aQRo98+j\nKpxQnuD3E6g3084jh6gh5aq/uCZVTyWuKwv1IbmF5/6hOSPh/VAlBsQ/X3rb\nTdwihxnJoO4SJ0Zy2EQoRWH5RhM7qhlROyNZU2nrjx5rI2jdi+ZfoOncvwJm\ngBmsrRbtFtA85ovAr0a9t5P/Hb1+Ej858j1pgzmZqZspEzRbuxnh4D4C3rFP\nGG3YYPMyZTMT/vAgqWkRgAW4NLnOwCsYSOwfizB2hEjdPRIAzAKFVVs6Dqv0\nvCfWDBgk3X+Q7H/TIGsW8A1QXe9B7RKuub2o+uMX5kHEc4JHkOgtCwROc46e\nA8UNV+MUMsdtwc7rr0zNS+rG6b7J7cUxBP9AreM2oONwcbYVL/wmh7uofegs\nQW4nvYI2ikswbYgn8StSxloG8CncE3i6GAHOfpsOm7p3aROtEeuvFOyFCDDR\nirHWp69XFTkPecvPWZMKAhQNgDzfH87oTYPFUK2WAh6ZCXT7oqFt9Q0Eoacz\nWgVd\r\n=1xZF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220483049","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220483049"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220483049"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220483049_1641285080826_0.7344645302887132","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/button","version":"0.0.0-pr-202204173424","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d14454671965a0563f66308641b40602f69bc408","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202204173424.tgz","fileCount":28,"integrity":"sha512-8+CVSLW6EWQ5DkNHVIfOPupKgJ/YNSU8zWPNQnNld/jHjr2SFl6RL91/zWStlU7x7A7pf9phxE3t9vXIR32cSQ==","signatures":[{"sig":"MEQCIFtO8xLIOiGX2nsrKcT8I2vOAFhunEril2hzGP252A59AiA+JMMJplmD03DHnQgkiOW3NfqhdnC0Uvsq96lmSNUWPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IU5CRA9TVsSAnZWagAAUV8QAJ+vuAmI/FjR61aJbqXd\nPCboGXOgQwjlVoXnXRX8hf4adBQ/EvKkPizXyHTfZUjw8yJbc4U+1HV/HaP6\nDfG5U+hrOGOcvHtjW7a5OjmSpWscQ+9qb9oWIa2A75yU3x7CaRKF9l444Nit\nLa6D8BjeiWz2+sqxxZZCHRVyFEE/Y0D5j/VZtop1O03c8oLnoIDlYpBrOLv5\nnZn+5Wwf+Oemp1u53WQzm00Kl63SOrpjJ1IHar7YQ4/2Q4MdaFwfHjvU2Ih7\no2YCzt3ZfxCfyxfuTNFuusbRJRpguyijRtixwCjhiLspjSAjBrU5epSEtfhn\nUVRbLteaPBiowUMnL03O8DF94aagaTBCqV4nPBBVIdg3LNUkxpQaMBAnB868\nD2X46VctPS2f9gaXQK4OIe/ZTNMtV9eqFSvR1XrggRxDDXklYGazakkDIkeC\npv8cudfQHEb5xpOgQkAYgX7Qwlr9iqak+FYWnMxH3zLJieEuZfteGuz9btoz\nO6QoO1PDU33mFHWnrbdc9Kg1Ef4BUgKG8bkeGZtudWb3EoaLMBDC2QrOMV9g\nQMj2lFQli4beO1W5DfDHGLGPVou/oSZRH1v3UZpBq0aUO+ow55UrmUshjaeL\n/97aT19lDUE5QZAgxDgKyDk6jWbDxhfMITZ92To40BAZUWlGxVbIRR+9Of6D\nkBAf\r\n=bQjp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202204173424","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204173424"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204173424"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202204173424_1641317689554_0.7789129302061721","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/button","version":"0.0.0-pr-202204174042","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3f7aeea86aca912cf60bcaa7a8084658106f2b43","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202204174042.tgz","fileCount":28,"integrity":"sha512-8EOlPpDnZMG14/IHeG3sTsY1LiRmHFTIFQvCwx/QVKUlV6qh1wQ1RbdvLjM5dQwyF/R8qBHtA5EayCfA9ug0mA==","signatures":[{"sig":"MEUCIQDLDtHlyTA3/ps8QyIz4MLV9giEqF9bNQywG05/aQ0DwgIgFnJ6BxUM+IlvfCooHaHt7ER1l68+nkMJOeDTGwnOYx4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1Ia0CRA9TVsSAnZWagAAgQkP/0emu/K0IkVllSKp5oc4\nghxPZtqRG7OHCwos7witvafuYfamzuqeApM08xbUI1tQwJQLOJQDXn8jf+lE\nt7Sz55r48N2pgLMOeJhj36WB6DRLE+oYYfTfXJTt7D591OtC+pSQ0DXTFJWj\nSiDQgfh4fmBhw2Q4A7UsZ2UMhydFnW8I4wK1rb/H77DchbuzGdiGwHS88k74\nyUKRrRoW/rXF048RMQGp4kpmdSQwuY6IUGIBNKdQvwXL3d0NKqOisv1fw5+U\nw3aNL/vUb+FxP/g23nnJDuL6/aEXbCfUsN5Q3qhu2pkWLQRSa0G+a2g/3meC\nErlI9uz/SaEKhb1JGWcrCWczZz3Ic8uUSzzM0R6+WTKYkrDgSJutXiTIiDiq\nbN3UW8BAJ1fhhtUfVaKyyKPrRVHafkE+GBO0ETBiNz6mB+TXEh4MRHVOq94X\nO/OKu881Np+pXwQBoTUoDijvAJNUc8vaXIK+hLrxjtS7e6yogC+qo/9FKuDv\n5l65JmkXaNNjC2bpG0hfbSiCiXvYcxbBsSyknmdCWg8pvaGfM5cTQkWoXmh9\noSslhDhbslTVc56/+4aR2GSpjrWKO0lYpnM1rm/MasVdk/2PbZ23XaSb1Isr\nQr2IyHgUTArhKi6nXqBQu8DRB7wKcE7TWujkb4qYnXqmIdVgDfVtrG+8f8z7\nTdJO\r\n=aUxE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202204174042","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204174042"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204174042"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202204174042_1641318068017_0.7836225979929783","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/button","version":"0.0.0-pr-202204174930","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"461b3feba09dedbd77fe9d66cf85d2ebf746de20","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202204174930.tgz","fileCount":28,"integrity":"sha512-+OwiuTKp3nnxQbZDFybYFh38Jbo+Fv8auxGuL0J5jxzQVUSxold4f1d0T6YSHRSJ+LOu8j33YbhFqxOYC1pfTA==","signatures":[{"sig":"MEQCIC5DUu/dJ270N6XIROwYe6HdRTqBOCwiKtaCrIGVn4e0AiA/01Zg+w5/AMHoZvPMUBkMmYzn3Z4fUdrQgGTbciXxew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjHCRA9TVsSAnZWagAAApIP/1TOm2iIP6Lt8dWbtK7j\nal2LJxy/0vMFzoG7ChJYcLi1qmcoEDtnUcCTJMnY++D+FkZoRqHEr12lcwxL\n1f1wl5WGka8Eji+E2CTLvlkOeYzDrXf0jLH3SO5NXMqGinCXUhd+C71d+ecZ\nyRQw7/jmHx2hwJzawjNVZiDrMnAq90uUVwQQmgfiC3lf7fzVqkaf4IuQBkbD\nzFvuHuC9NL65QLOzXeRpnQaPx/bl33YGdO7fDjiv7/sclYHADyELqTGkLuJ3\n2uxbrucTvIgKCKvN1qlnpJizNqqRcGedetlYu/+ZK+sgZvMeelDPB7c4aVoq\nL2YTjA7nIo0KQKoL1kRdqAhRvE1b4lZF41m+4VaUtDxVdykpryR8eqiPgfHC\nSoVWNOjoY4yKopiNLJf0lcCt/teVYYXmdxp2cLF9xLZCQvZeovRxdI10Emb6\n/3xps6RofwtPQI0ss9UZzI1Zg2i0juRSTLKTgvRLE10qM0SrVCdZMTfczsq7\n10A53raOKJ/I705o6f4CXsnb/r/s/maYmqam9AxIliDMbY6Bo6KwMGADFTf1\nPcolBCHFTFTIo/vP2ZoKEUJPn4e8oB+4iuPwvKjXUircdiQiWhBySFb85Kj4\n7ibhRPE/OtDiC5X1l5JsGCVPY3qvIu2V0TzjNdw/MJCK+xY/7jvo1cm7Z1Fb\nfknd\r\n=dhNg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202204174930","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204174930"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204174930"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202204174930_1641318599494_0.551056828647339","host":"s3://npm-registry-packages"}},"1.5.2":{"name":"@chakra-ui/button","version":"1.5.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ea70d837d50aa85970fc36060ea4d7aa9d166281","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.2.tgz","fileCount":28,"integrity":"sha512-1LyZ7o4g+ZF0Qfwr77Fa3qHtCGhghoIPG2lcUWhhPk+8ygHNF0ZOngfsiDD7aoEj0uXsvlgZ/hdiqv0PmMTRzg==","signatures":[{"sig":"MEYCIQCztvkwTc14rd2qNu35bbskHWVa5pFRNOQACdIdysiEiAIhAKlnb3HkCsRearZJI7ZyDbUa9DEB9edLEfnSdI0eco2M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/CCRA9TVsSAnZWagAAW3QP/jqYln/LEBbV9pAHq12+\nJ2aD0Lbla5l0fi5nGDSsvRY1Q9Gt8YFSqVNaqYS1qZGRVBN/WaBHSJ4rneBe\nuuI5pYHNeqAxsrDk9/jyvpwREhOnAtgLOIt8yvbekFsv5wF+1IVeX38TQCYN\n1UjARrHzBUAJFAZ023wdqbPfIC2k53p2/jnM32bpG5JSJ9kXUX9Hc/g6nB/O\nQ8lfdMeHXzMyhLO2xEAvWFUIMlAAOHm/1FoDWb9usyoew4Ro9zxYzG5HhiRG\n20YVKF3vHVPkQ4u/D4+tEXZJLhnF0pVt6rz8NNw8kmZzqr9OZLU/YMaI2ws0\nFQWl6FMtOp805qJh4HALqM68KaNpWC/vYtsaCjmMgbEghAYnscMg6g/65qx9\nHikVp36KqXOTiTXuPxoMmpwIlrhyj13LRnZqOMS/Q5cVId+WLhr0u4HvBBiS\nrOe/weC8UsqQtrLRt3XwNQfDipd3y38R0EseuiMZ+icm/EPA8TSjBqgwrghb\nmVYTuGJyg+qAbox3ok9rxZch0V5GAab2TiYtp28h/lAJ3MmAKlTaxFVISOJA\nXK4HPCX0AuUT3XrnrtiFqKjj6RNHJGYSu42sqemFCKinO6BGQZuEAqbzhaK1\nm4NHcR6m8rbik4bqdI832NToeBk7qN5awbz+Ro7x6qhjG1gAco62y/ZdA7yC\nBR61\r\n=WLEP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"1.2.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.9.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.2_1641328577932_0.8054893725060619","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/button","version":"0.0.0-pr-202204203645","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"38e61f25723025bf323be7ffc96753e8b924c1aa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202204203645.tgz","fileCount":28,"integrity":"sha512-FrOEoSmusOTDm+gGWnmX3UmHdtvX+UH1xLxtyDuQfOiRRtN31WTWfFfSrk6D/JnmcTT+ZR/e3TQ7uipurWwDCg==","signatures":[{"sig":"MEUCIQCCzQayxu8j8YZFhaoFKx4XKnGI1wvfNTUZCwxSkLpDFgIgE8wBQzZRPd8sXjDg36Bd1A3A8QQf7EeYHmnysKk2i4A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/8CRA9TVsSAnZWagAAAi4P/09LrnsV9c0KKXiXl1Sl\nhmnGLKo/Hr6IL+tRcNLlcawIQ2BRvAhD2Ox8xQgy98PahW2x1j/5gQqxurR1\nFM9iQRMOYFnus1K3U9gLsoI7mKtiHuczUoFYEGUEuaP9xY8+mcxf9CVRl4Qz\nQB+AZH9hz+j2ojM4wxSp/lwRUseHnVDidAkcZTVyOolOkPCGov2lPB1TNUtQ\nnIeCJYGX3+rLNjEvj6TKT9mLXRWg4vEqbVPuyzLg69H27qdz5j6Sgbtzczyc\nvL0gGcevICK6Y8LkSlfOoSAfK7ZPBZDCxnBglROnHauXpRCg/uXONtMqCe90\nLkW+85jw57Gocq29bALPcHp/QVWcnRpcUxFerjNIqDC6PT4dNxFhKOE3QNTq\nkRU/vCrEL5gAl4XaRfgraLBCYTX+D1UNynfdpqv4fRkIeAs+hqn0gMol8/VC\nT964CEmFMyDQoE/d9vrzEgyp6hb7FzwBwVQBe19LcXhLrJNBJ1YyxunsVq1y\nNXxtLxL54BXEckdcDmNtUSvgeVhsyg5fbNjtmeqonK6JpCSNp6AMLPhKMs6P\no1MJk5RW9d0Ql9B/usUxpWsvZb3oe9znmy7T5jmliFia/z6AiE4TyGkHuWBA\n+nXoD2yLE8pJt1Q4xJQSlz1IAmPgSeSLaWsohaKWq/9MogBWohqkSBp9I1Tr\n4gTX\r\n=55Rh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202204203645","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204203645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204203645"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202204203645_1641328636281_0.32391128608403563","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220421928","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f6cb3df4984626a423c6716c50f91a62377f956f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220421928.tgz","fileCount":28,"integrity":"sha512-n0n7EqgI/yD44SldbnJKviuXMJ70QvY1hv+W69yA4m974IYlzjOCzlbUP9wy8ZTosNli/8lzcLatashS2ZE9cA==","signatures":[{"sig":"MEUCIQCXmjxA179iA+kwaysUiz7ycqPNbv7rsHoTocrQmZ8/UAIgAkDd6JwkqEmBQAWs68F0b4kE1P1DV+kqq3ZifxK5F5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LeiCRA9TVsSAnZWagAAPb8P/2BIh6BpV0BE0Ko4V9f1\njzxKPwQpxIGtXLZ9HtKmHKX9B5Prhvv7LEr7l8I0/p5Wj4YDkh7VYIuaz9rt\n1dSrRGMLB6sGqiqxaYzYMb+7tikRDDFdEm9bqHmJJv6XyL0mS7bS024i5xA3\n4VB79AaSY9M3EqX4h06VvbRxOTauZoiplcgHz/IaRP7k26ae60CUSDfLXbz/\nzzKLAsMs+iooHUJKI+TQNh8tAoPfK69IEhNgrYgW+eMt8nhlKhZAmUOTNwKX\ntQfJz021i2pUTItXWcy0E9l+EPxhOMfrEEZYdBSztxieIV3pMyUOywJjKZzt\nroXQr7+wMVxQQgnAJyOXxvoAFKR09AGAHvfi/IPWaNaUcPkFZQIDYsu4FWlx\nmU2mGl/k/Yzd/RXgiPULW9AVWspnpX8cClPOvRdesNQadGdsodh34zCGwoeS\nbMLh6833pxQn/VDrmmEf9qcU1NFSzQzWDIkncR3rZyrBzI4obPaUoNTIIiDp\nXVfuUNXb0wQztePom+Qc/iFIWJfk/SdI4BcWMF17uxTqvEzTBHWbl6503bl/\nyfmWTEJIbTjArCKuRcqTtO2BoZMAxfxR8KhcwHx9PuUgHTG6hzttZaYtyU0Q\nMXbBi4r9cJ4eV6JkGW+3Pg+t7LIpG3Sr+usUyW1PESNyRqnrPX1GReDoGlW8\nqueh\r\n=pnds\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220421928","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220421928"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220421928"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220421928_1641330594595_0.3062096927555511","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/button","version":"0.0.0-pr-202206185910","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202206185910","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6a9653cd047a616ada2135acfea9646f52b86707","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202206185910.tgz","fileCount":28,"integrity":"sha512-LAIDih5BGuhAaRHK7818NZUBjXG02zi+leyLeXkfo0L6bzNv+p2i/zvhJ/8F9bJkn8BJMtRo9aj/uwxQHel4gQ==","signatures":[{"sig":"MEYCIQDPLyIf9wAZZR54xUo0Q7wRhFsEWgv9RNW+oCA/LIxwkAIhAJvfKE7ussX/klDQFC2Xnlf3Qllc4KepqLYiWAJYZC7O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zwbCRA9TVsSAnZWagAAzakP/3W3zAKqJhuKdoMqJEH1\n/uG8Ol19g06W3pocSAJ5Pb0A5bJzc3zwrRfEFAH7oIkuzkpGcOvJZB/AJjVM\nYeSBEeecs8v+ZuZ7UrKjl6IexMyFH2eR9wUwALxOfJMjjRGBDVTCMy0CRojh\n7BIP5gl6nmkbaICzpTWZVY/C8onFTXoj3c7fbz/7tF1UDDgRFcZ31tdnfx4H\nC+WsJ/bdq3tDReUW03+9umvYDQ8CPN2PpyoxB8+jK2urX81zTMSJfawdu+5f\nlalgLBYeNEylflwORzM0GWEZIEOTa9ItJyhtxHUyM7AH9TfrPa8MnU/2Wqgn\nZkqJFPMmF0evRS7hnhmHzOrk0qSHa74uWDjFbX5UjrR36fUEBP5PtAn/pSy9\nCfEE/vcfAtauURGuwjzXZvO9CvQd6J6AfJoNR3/Kq06uIJHx70gmzxIYGkyY\nq7KQzyH1nOFT943R4Nu14AU/h3RU4f4mBrwQRGHQRIYP62XMcSbb0OtDFeyp\n3TYqNG+4510qQ5+F1E4LeL/tYJKNYOlsmGyvwI+ekOsGO0Po6t/WtT7UKdmm\n5aD6gvTA4yzITf6aOiaNMXYIUMQ5GigS0IH3ZvpOPoGznDH1cieR5ZmeA4Jt\nK2qDF5rjRy6PiU83UV7x4+rGNkTRgRR83uBd7a7GitZjaag1CSjOiN4k3rHU\n/sNI\r\n=rFaQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7b34351fcdb380a13640a5a4e7927f4585848797","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202206185910","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202206185910"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202206185910"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202206185910_1641495578934_0.385766446006393","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/button","version":"0.0.0-pr-202206192031","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"bb7a0535ea47539fb4e69771d6fdc32804be7dbb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202206192031.tgz","fileCount":28,"integrity":"sha512-ag5cAVW/xr9k+gS+C+0aS6QtvQw7SrGOXktQCuTPdZ5cuR/A6lPOggwHaZNFijdriHIyAoMKVD2Q9hMt7k8iQg==","signatures":[{"sig":"MEUCIQCszEMN5OdhqsLgxGLoVEIoNZMS0n4WIDBniwmeLJZ9MwIgJhV0YLg3wknlfw3VxljQosDSalOyNOjcRvNE7f37Z8A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EcCRA9TVsSAnZWagAAaakP+QHSLDNAPvn9LKd8Pr0c\n/3mQkDkXTnQtPPk06h9z/AoFYl0PhYzlJBm124NYXVRSzI1zGbvziCqr4R87\n2haknWKz2zo/uSx835ihRD76yFAWKeNuB2l6rKmJn9fNDmHX/L7wi5osEh10\ng1qRJIui0OfDT5wabJUFKaKqSjujCff56WhXhiEvG+bFjFf60vaopRoqRmkT\n6gpbL0b4LJ66Fnsse+3nND2Qzrq+fe80OpD6OEgb13nndOpdHK2vIx7dGOBg\nnCPYa+kI03AIVAZp0FF+1GPHo+Tazy+VFVBTnuWEhaGsfR4wQ8Byb8JWxdAB\nzazb/s/O7QxBM2VfZynHPTx08CnPXuvvxVFQd93nqfGtUTO0EAbqKaihm8mi\n+IjWywH2mDfce8r3hlcJ1uMwo7r2/ETnKnuopeB+sFoYGoc8K0+UuUQrA+z7\nQU1QM1hVQ6EPeqDs/SxENeingJYhtPWmzE69NKF3kozvmynxrMIvYEuVYYTO\ntlam0s5Vkh/ZMA8DoxQElXaB+QoPTXg4dKExUqeTq3nUpWa8qcaHbURiWeWn\npT+y1auXTcS6QYyasD+loC0BtpC/wQfFUzFKBLbY7x7vzHRrCJR6Qo6nYFWc\nNvT1MmDyAcjVpKre39Kb83bT5IU3NjECux7z4W9QBl5vHBV+o9slYziZ/C/d\nquot\r\n=lre+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202206192031","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202206192031"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202206192031"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202206192031_1641496859819_0.9361951955473682","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220620149","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"546b77f7b91c643cf57fa9e4e2c15899c73dd682","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220620149.tgz","fileCount":28,"integrity":"sha512-A0aGRkrSyn/oph6DgLCG8IK8z7xkoGhLaYMH4Ql9KED7KhpObqH3nJFPbnSBrBIKlVIbF4k52L1/VBT2ysR7iw==","signatures":[{"sig":"MEUCIG1cRDJEKeuZXlPmhbhgppQPcL+Q3fDdLUQ71ng3Lyz3AiEAhAiN3/feyAxl8E/FcK9mgBxpBZ/bAVak2Zlb2QOabZ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rHCRA9TVsSAnZWagAAOu0QAJbtdGsjUq264/QNq+/t\nw0uKu0eueqm++KpgCZFKae4KxgMWiVAxij2Xp1fotCz/CNDCD2kaSHF27KWT\nqk7Mm4fz97Aq2dOygxRgh4xcCA0uphCyfmw/TDu6uNCR6GAl1MVaWNSM0Vx6\nUFYo+1OM0d9nfQSghQRs8vZZ7KcdTN8m5giHmJR8uhLgQ+ImtU3g+eTfaz96\nkqwpvQfz+JlLse6ryZoALM+KOxXuEFUZUCDoQkG/fTGHa50Fx0XbZFNA9I21\nB0GEWHiDyTos8jkUMjZLL4ZvbKTzLB6WEujmZHCFrRunteiEU3soZPBHheE0\nR5ncuQ3zMS7pwc9naC5GjLDshmvYE6M+IlHw/8lFM5H/IXpd3KyqsoCBpmbu\nHzdOEp1L5hDTyl0/3ZCYzp/YnFl71czMeIW8F9Svz2GCRcJ6mJF/DImCPL1u\nCCCyxcl1aQOdcH9lze7Hs8XxlzQ2U6Fx4skqdyfTvPEq8/rUyXIuBvjnZw6D\nZaZIeiuQupeIimrbFW3tBwoPBf/v4T9Sud1s7ZHgz9Rj4COp75DBHGHI295j\nO/gudRqQcXV17nLpDPlvCWTjfjDNCx8vjOepjO1nh1TNoZV7dj7oUwX7ijsH\n3/AtNQihMRmTc3VfGY27VlVN468p8bEzJ44FzoTtuhIkt+CPYQPdwcIsYC94\nyYSx\r\n=hd3M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220620149","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220620149"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220620149"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220620149_1641499335620_0.4119775693118988","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220620653","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20220620653","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0be397d6b9a02b0982b8ef85e82bc4335917b41e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220620653.tgz","fileCount":28,"integrity":"sha512-Iv81FaupQLpK7Hvsj4dwHlU2MbyK+Nx053lQsMa0y6YGBBDS49oTzFSoiNF+YsIVUvhsJG0M2tPCLnPhkN6cGg==","signatures":[{"sig":"MEQCIG+Ubc4Wdv5h/PIasR0Xwxxw12fZJlhQyqiiJT6mh/X4AiBnzMCH2IGk9WfkEiQIc9aZAMuTlrWZkXz5HMo/lCdasw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v0CRA9TVsSAnZWagAAwDkP/1cHy426dQVJxj3VDutI\n9L5EKhLOmGQjvTBI2usNh+NFcuccXL1Piw7D9O3JNi+32/NPVaJhJ2SgCrDy\nGkKibINJbX+1fuHwOeNtupl/BuMsvv/pTL4Rm3SS0FEAPN4EzWJhz/jMTXqy\nCzZez4SwcaULTgZmdRdoNL+TuKtp1ZfYY9hmLWBSoJkdThc++ad82XTIWg+i\nyCHiDTXsU3rgWPNx/9DFk/QZm2VvBMlSDVYT81iy1pNQvva3cq5Nbkfz/TLH\n0zuHLaVcZsuDKYbZFjzf2AWpmj0RmC6fY5Ziaw4HnP1DE1TVK1MV+QVGSvTH\nVxwSuuZxN50wglqebtXjekHgvVZlroAN2fYh0h9HU/hd4nMETgO+SBwFDymL\ncgcBHMqrKcyY85Nma/MzOETXB3YOaE24wgCNU0wATyAwSZ6MqV3JyrFeTpHr\n8TwiSc78DjtczmdgzEFcW6fEShQBWlecacGK8xXue8a1tTQ++HBRVOt1jZ3i\nTvZ7MhvvRv1ezb6j5kvwDWiXgDhJ8Xp08b5xppO+ITtTZNffbPa8na9jmF3Z\n0nH+ETB7TyzReaK4dGNZOAi+wAM19jvF7c14rmWKliiZEdk+gBN73noKFuHe\n32Vnt/JMCCraZg28f4gEyT6GJJszeztKhfRR3Gs/ZOMJOO51r+d3YvLRG+EI\n3Jov\r\n=+YYC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-20220620653","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220620653"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220620653"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220620653_1641499636704_0.9713378586551027","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022062070","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022062070","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1ae5a24905f56fbbcf9340624207efd81281fa06","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022062070.tgz","fileCount":28,"integrity":"sha512-f2hanImlta6RQs3VpbhSsadZH0YD+etAVc1jvY3bggIpfMMmjCz8gBJL9SlL5gSFe2KuzHnGOm/js/5Huxkpew==","signatures":[{"sig":"MEQCIG3uH84tvGIyEZnbpVTSgr+qhg5isVDSbb52htGHr0jxAiBUMB28pGLm2rRNhjVSkzgS94uCXsWCzs3EXiLmCbpfyg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v+CRA9TVsSAnZWagAAbF4P/RsLcTKvPFPoJsL+Z/0i\n2EbRR6w5+luumNs6tOWdj0gbaUIa1bX7ttEb9ss6wEKr8IQUZ1VwSVh2BNg3\nxYanls7iTt2IIVUqu8hj9Y2W98/qrNHC2d2oCW6Uz3OiZLr9wHRMx6tdRiI1\nB+JsNQkilWkR3HqeXG1i44vn7T3qTXAhJ4p2Tv+CEEeXLgEjZoOpacmq1lqr\n+PRd4BJlwdnpAfLKbroQ+5hT9a1RSnaxE5niXzM22PzZHBdqz3/4diMgtgAf\n7IGrK8XnkLieyS4E/eRuVlrTNraOm8xIntClF/R2SgDX6cSSzNdPNirvK3AK\n2bjZqjhY0jZS88paXuI9Si6+H3HwEh6hc7bGtQYhkZS9VSWWa9kYKJYmVQzt\nlzk7QlO/dt5Obme0hKOpT4vKRgYFy4thwnOzv/fVaMh25DsBNZ/GDbKPF7/c\nEI/IE5ww/wptKJwmy/OR3IXgLjz17ktmfE/5TluFApJhqXXDtQmssukOWP7F\nmJLr7CqT6iIWTY1RvUceG+iCOud5+sobht4J5DLHHrXJFG8elIV2YPQF7g2H\nXlKJmVmWD5ZgySRNREJz8IrmNZuPPSGPkeCkrwl5xaH0OdBdZhMltxOGIOXH\nZUX4Srk5cPo35Lu0NJuwME0ZyIUPbDf/ZQ3iSLDDVUn4VT+2GTfFxed+6f5t\n4pGs\r\n=Xxgj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022062070","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022062070"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022062070"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022062070_1641499646797_0.34628562633009174","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/button","version":"0.0.0-pr-202208163634","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9d04c5b810f1193f4c4998304c646de895c6ea6c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202208163634.tgz","fileCount":28,"integrity":"sha512-Dlh1GCgbPn5iyHvnFBWlfOGP3nrCnEJRhBkhWpTxrnrFFvtQp7gPmvTyZVvcRismLnghbHA31aiZsq+7/4GgDg==","signatures":[{"sig":"MEYCIQDRrGQRrCncsBKFlVwk/906oXfuhPoNeMUPR5eDWGfL2wIhAPOY+Pa1UrXpWTDfaZXabpp5aoSKs86TadTzxUItFUTm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b2vCRA9TVsSAnZWagAAjfUP/ArLiqE/rnscDu00glCY\n8yhiubXe9+ggvlL8U+PVIZ4mAtk4Ig+zs/fTaIIPbd49fjf7kpm+bGbgQfHL\n8L1qTJN4huFSEc/gb0NOK445f495R+vOEQ6Sec5wntvOn3EB4FXdkZW60p/O\nI4tK6pbXQfe75PGq+qW+yv+4H/fBXCUpHsEUXMfIn69AH/HXDZqAm7wvkNNT\nzwCXInBpC8jQ89JM2MWmfBu/oqhCLQ306ddjvVGliqK+gEXo8MYTuW1TaJmc\nYcJg3qdBU5YF8IpQFX6PCXPcWm1ihWbVS39dL/ZNlKw1O/llvHE7jHgoc+x5\nZuAHoDlY7p6CNKINt1H78BlVxcKzri1m6fSow4oljNq+TkmixBesbwSqWh6p\n1jq5h8ljvxZkDuzUod7vjaq8LYQE0F7NOa/M3g1fGrgJq5nnGqAwyHmw4knW\niYMOZxhHff7vgnLGXXo+kL33/aJfHjTsDvwGTLppK7QgS4xhT6jSAQm91Ich\nRe1sVfrsyFkfKXNA8PhLksA+9oSM3SFHC71PiZ1mJMeS9w2iQerTLc48hrhK\nYdVi+Zj4dL07m4vqDsRqk/5PRqvCiHh2Tz/4Udpqkwz4vYUOPDLRdK0NNJDA\nFIdgeUrONb7FZrShZ3VSy81nOfzK38p2um+RLOrn6cUNoG4tP29ee+jqYi+0\n37F4\r\n=Lrcv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202208163634","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202208163634"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202208163634"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202208163634_1641659823364_0.8663557765385113","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220816386","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d025236c53af6c2564619100e61e2ca14e15debc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220816386.tgz","fileCount":28,"integrity":"sha512-QWX6nTfZlJY22Bek1Iq4P+/QnjexTl3M5wev8EJRzFLz8uaNFB6+W9LRat0Xt3bRSneoD2QPSnwL0Sw3A+x07Q==","signatures":[{"sig":"MEUCIQDmYJ5J1mkosEKT/EZj8Ownh5bxhAAeRdrAoqCnYt5OXQIgLZ3vAOlmTAgtj6lVl/N+4iPgu/IvymILqIsp1SsrI0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4KCRA9TVsSAnZWagAAy0gQAJ6W5ZleENDLOfJlLwOo\nbD+hKdrvLmRJg0dvEFltCBIauxoOPUrbszCjy4b13QqLzM8MtM0yKyAqYYVu\nNkpUhy8BLD0xOJPhk+5M3MQLSZF5Fa7eWqnMpWRnIjl/jxwVGLgFFMYqjpZM\nSpbbiz9iWRV/tZpNGNhPZK1/UCG69LAJm5HlzAmOGuAVYIw3X8fukSGAHOXW\nQhuH9fr/BEKzeX8zVRU4fetR6f/SBj24wWcuW0bttGdIRFl6x7HlE0UxzzzE\n9j8D0qELLSgxmFLoGbJyqcGq/ZVAbLGHybG6USwJKmSHGf2nz07MI3JKiwG5\nCfh4xheq9pLxlXUbFYvvzCe8EzFM6IilWxf5AHWeLbaF0VS7w+5vIQCDoULs\nFgUtqFCyKg+8N01snegcb/Pdv9EzaBcpwD35iYYA2JuKN3fkpcCZU9dLyzFq\nR67EYncT8Nx9gtSTuX+MEl1ZCODlB6t66Bkvs0d4jZDm11pwXI3/1921aT9r\n9mSYPKgqldhGOZVjT7hX6v8M8H0boDJJU3gUhf167jDv0eZtaPRlm6dYOuUx\nJCQuM+7M2hm4fvvH0aOeiYxr5QblFaVhAz0J2CSKcsGebGhV1WL7+TaqrVSj\nMq2Q2Avmdr3nD4SlArmCpiWjwziRKOLeBejmxNgMCkyWGUOufqvf9Z89ezrJ\nYJ47\r\n=f64N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220816386","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220816386"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220816386"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220816386_1641659914409_0.8343650681709192","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/button","version":"0.0.0-pr-202208164521","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3c5951bf6f26bd1276fe8f0b08738018297fdc8c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202208164521.tgz","fileCount":28,"integrity":"sha512-tesfvsHCYNZgLm+WqA/G7ZI2/sVHdaqgciomkusApQyoCbrU64oazDGJmCACo6Qun9eJ7gCMPrtySyujvlrKKw==","signatures":[{"sig":"MEQCIFNM7nNAyR4hSlY4cdhTWIf/5ho/LLnWM73PYiNGyasMAiAtO4pA0dBtOJCqKCIrSAJT1n8zfZ0KLkzhFaraQVXT+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b+6CRA9TVsSAnZWagAA3j4P/iKg6dWa1nLpMVSe8AOm\nQWyvTM7LPsoeXc0/S9igk6pfI7NK4jGQc/Ts6LPqpIilAj20xOHq5UJ3Txqm\nmm7MPB2a8LYaM49WLjWTG/sqWiWgk16sY+PbjCjZkcJxWuClN4iehJSfff0p\nvqj2hvJXkjJZN7+TnZb16R82UbtgfdPip9sSa+RO6rL5zWKiO7bOo8C/HI7m\nd0ZPkft06akmwg7CF0HxB88lZWoQo0xulI4YJtoCdSsifkuh9HRweSaad2KK\n8o9r+DaLMlcN2tYua5HYqUVFl3weaOWGFee+iCsS1Ybfo3yAizLENYzY/0Gv\nDukxitEDGEYNGUgP2gJ243Bsor7dP1w6bO6YL+4BlBaw1+HcpeTnPTWrW0Mh\nVM/qLObhoJ0yt6ML2HlMZwGoNNEF/QSudBvfQh4K3W36TLMdV5d35DZirIEs\nRuhdNLO0Y7z2MQf/sR4jM2lLiGZNWuNws65++1sdSVZ8gk3bJ9oyGDRo7XK6\noru6KQNqGIPjCb3kG4RK0+2l5zJDahom4EttXitfhYLmCkuXq2qcrzhwlISF\nJemBlWe3seV6ptmm13B20G20mdSsNgagu/I/UnvesHtD+xRWe15td5aWZ25u\nzruCSSTNambigbg5/janpp6dJIeY1byyCTflAx+73ISOSVndKNBoRnNpXC6u\ni9KO\r\n=C8dx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202208164521","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202208164521"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202208164521"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202208164521_1641660346662_0.3833418102504669","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/button","version":"0.0.0-pr-202209205059","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202209205059","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26213fd92ebdb2a8c1e081fd199c4eb867dbe52d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202209205059.tgz","fileCount":28,"integrity":"sha512-xBPFKn5tpUz0DARLAXCbMpHLFnddniNx41E5ReKNmkObxQFxjCmC/BVk4PzvmZo1eNXyx0DnroqRpKArHWdSfQ==","signatures":[{"sig":"MEYCIQDg9Itoyub8BbVRhF7TXe7eOhnAlwEvdqsaThuf0AcMPgIhANCuSFDR5peOzAyDYIcCg0yjpiKK0gSKrzWqYMFYeq9N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rNCRA9TVsSAnZWagAA1U8P/RjCCqt9egx0fhptyPB8\n11EbQJtxhSVnPLk4Omu2T5CJjy+vzSDmFLTok1QjmTesTT07wH8mMg9WZbP/\nd/Ezp19EQTO75ICX6WoFe209C2tgvcFRpbMEONpZPG8yoN+eVCu9XE1+JbWL\nfS76xJk0bqXA3rkPejbsLXU/zXMjTeTUB+SCwSOKPkigF/QsfjC2qxXpxtmj\nD1rTX8L4ZQoHLZha5H16xxQS1vfbcAo+qwkyScJQDg6OYH668WrKH1/vtPNx\nh0moY8hEUUrL9kBOfF4pv43K2x8EIRYAVLdPL+PTRCKMtHR9t7/QVjsH7JrR\n3jcpir5hW1hr1YLlgcwfM6PrTChSbHs5MJtSimamnP2rcTYVi3F78d5u6yBT\nFZy2zDlGJG3VGUkoCw9q1OigHWb3JaLXzQX/CZMRWFFw5rlspPw7PR3ETf6i\nnHJGuJ9s5oHTmf4G9KmsYqV4g5mRbkR20buyc7CPrRjpzvZU9sWNTvBpCYya\n5CBAWSBAoR5dY8Oj8fHiqg00euiKoZkduq0kYr0S95r5+DckC0+V2H3Ar5HT\nuG1jpMaG4nqIrUZ3BXLM6T1GM/zlNwxYTGBHHy4ABPXc4jKMXMJZSKm2PeF2\nv0dEytPavPn0DR5UpjNdQgENPJr1b5TiTpNVyrMkXJO5EpiwFnBapO1cBtlx\ntR8Q\r\n=e+xA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"964c30674af12a49400cd5332aa6eaf02b1e7f28","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202209205059","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209205059"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209205059"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202209205059_1641761485165_0.1827217536136594","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220920538","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20220920538","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2dd611c429a4b5c067c95a0e603e6f035a1d8614","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220920538.tgz","fileCount":28,"integrity":"sha512-Hx2wO01FGTMAdm34ct6R/6oVwsyyFaBA/T0YjaVr9JUbdC80+6rVrTDySzVhyMJqSb/WHkltYXMIQ7p34cTVHA==","signatures":[{"sig":"MEQCIHFtqAtDjw4csX/3rBtbP6GXzLJwmKsNgmAz+ImMFOYgAiAoL9e4tGxdZ4I6GbmbgZmXLyw4hAzM/cf4Scz+qsHhRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20tPCRA9TVsSAnZWagAA3r4P/3qhmyPmcHdCuENbDu/T\nJBQdph9/z6f9Nfvacb1J74ShoQVCqVEPwz1CulbZmyu0r405goLt4vqYN5aK\n2scdDqvVcDO4Vc4n647x+R3HbySuPJRhVbQQf0SQtCF5qLg94saFNHYy7F9t\nFLMu6zVAVhML45+PaZC9sTmS6SOGGbgNxcXl06hm7OGyu4XXkLIQZMgKumJ0\nQ6c2k0u0XcKYuzExDXhDg+vwo+Ypi311Cu2jAo5Wdk+r34fNIz9lJC+gqztN\ngDrqflDvs2MMdumBs2I8WSgJPzaKCttocCtwvQRdooh2QqdMS7RhP8a+o6RQ\n87bjVt1GtDfsij8vjd5PYJx0HR81A1yz8COKjmESGNJjuXAXH1863XEB7GI9\n/U7DsaSubejC5KkrF+UtInVHnz6fL8lKnNPhbZP5VvsAcjLuD8LfYdGtup4X\nYBy8PLLjb2OV4nr+l14TyTsRL9f3iHCaaham8YQzF4NINTuM47wvZ9gafJrt\naLdLPkl1VZ5arjGdQaYjgsRB+9q9PlXBqIaivHLstOzf9XD1LlcTlTs/3QLE\np3TEO2/dZLZg+h5DZMMv63UpxsEk0A9M3bfR9FTozS6C3z/5z74fUfNnLSnV\nw4v4hgJg4T1UDJB3LHIid6BxruQoVlEiBusj3rv76A6zOQ4QpQ/VTP87XqR2\nVh1b\r\n=7JkJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"1e9727cfa2fe06bbcbaaa28e2eafec37b111b875","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20220920538","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220920538"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220920538"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220920538_1641761615640_0.9181852298089419","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/button","version":"0.0.0-pr-202209211330","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202209211330","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"51f5cf9b20045d40f265e0fe7029dd434c82e60c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202209211330.tgz","fileCount":28,"integrity":"sha512-gPU69XdYnVS4dt3Xng9r/oHMvY86D8BL9qlxxYw2amlceZPFkbV8HDF+8r22VHU9jNGcd5lHluh8vbHfoo3v2w==","signatures":[{"sig":"MEQCIByZ87yee+d3ku0iaQDMnQ1gfONNAWLnwTI2h4rhQdnPAiADgmDD0M3E896JaU790qVZEU53ywuRx68jlNZmQvSWmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21ATCRA9TVsSAnZWagAAPRcP/3CqmWhP9c7VryWT6IoT\n3EKrduyjqUyv9pjszAOX5GiEQud8dqVmDLISFHZ640vn94zQ/xawrCPVJZUX\nqE8s6x4/N+qOup87HlbbBb5COMxiqBZMt0yJ3KrsRhmvW+V9FcItrmgcYv70\nFenvzPsDfZ1M5xQbf1SbKvrdYsCUBA+nnFkcDWP+lZKLdC+C38jnqcEnQubq\n2I/4wG1wtba9DbUh7a/woumM//hnRsg57DF6ZnYOYWjR9z+WTClksTmyxy1e\nP9fYMiFJIRSzfCRbl4ciPZddE+QemQaYCOb6DpogAc+fPoztAtdZtoKCHmbt\nIDI2HpLLHgUxdS97geH2gq+T7sd8SZpv4BRctY4LFZsjFQae70HfEVKfUI5q\nPutNEfUIR5a7VBe26lzkYvzyxNaw3F6kJimHLwQfyQ3k6EhRJh34olFFXwAC\nyXscym1KheXoZbdOx0d+L96BxtQIYLKTBCe+bGMG2oVX6UZkH0r5siRDKkkH\nkKokl2z0d641oLrBlU9a2qBDv3/jTIIBAT4gLDp2rSPIM6pJHQQGXbZe21LN\nIxT6m8mzI9ObNR811dqmDUqMQvhdKtBrH7nlKt5yU1VLUejcyDyAa9K0irer\ngvU+lcL0p0Uq3yZGfyzFaddHYviyo1bezIYvT1P5XghLQpSTqnnT9mWia3XB\nlLJv\r\n=ShJw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b18ddcba046cf5fad125d5efdbe31f414e4d9afe","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202209211330","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209211330"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209211330"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202209211330_1641762834844_0.7984725579926621","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220921590","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20220921590","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"793552b7f56ece81d58506426bd304545d18a06d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220921590.tgz","fileCount":28,"integrity":"sha512-WIyybPx2xmI6UwIg4UkzZ7eEBOm0nXJnrgKaMIqjRNWbdvJTcimueT1ws2hABjG4YgoPC6hD56+Rtzj/U/5QtQ==","signatures":[{"sig":"MEQCIDzUpzfC2RJoiHL2pHcT6SwY8eGC+VtCIvll+bnpuhegAiA0tBjsLDuoCZh3r5Y3VaVH/P4FpWYothcFqeUdUrwURg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21q7CRA9TVsSAnZWagAA6msP/2t3oVNdffrbEJUoy69T\n/Gb/EupfZ0SPfwFlNSvxn27gEBT3tmDkjBxka7Xwim+L4O8JbAmUuNPIGZpD\nkvZZ9JamRIsd1+xNWFpek9qByK7/L3anYa6wmKHxjHkYV6vqOUUYIEn9SDBh\nNGqvmn5x9R84POI3eIMtaug9lOMyhziAdXYOQO8Dro7+Q+6p3zr1ZQr0Akyv\ngt+w64BVevgUA5e8Dra93uLJBkaNKBZMSsh7WaZqoJF12gC65TV+x7dJtqV7\nLh2soZYCEsCFEhV/86uQ9pD4nfMnmMY57nJJjFIEI49IovvGz7zDykF3bM6+\nwW00Y8gczbF5RiwPTQ8EVggrJ3qeExLElgvol/KZIYPyIsdk2pAxXF9ET9xp\nF4imFNpkTHealDpDdDlfX8XiQ6whfkIFmOfvAaviphN/J+vukNAgQY5DRsRV\n21FTziJl3DsH7rt4VRg1zwzS4HITQP+k5n3KWvy/E1SHaRETvwhQ7ar67XM0\npNpJywKBfFh2s1VfjGwAO1J8bYkGqzTMWIE2bRG7sVtlsPu4n5Xz0+BulbZj\nSLMaLxSfDFDaYwia3eClVSRrmM07FHInT7wRBck0qLs5sWBGMR1ZaS/GrrWF\nJtTDLP89JrSxqtI2RwUz0Ki+6bKjIZTitj1EKYryKIkg7XRrxtEtUyI7iUwZ\nswS3\r\n=kiGH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-20220921590","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220921590"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220921590"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220921590_1641765563359_0.3775730883255535","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/button","version":"0.0.0-pr-202209231642","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202209231642","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7a8e1031a751901e3e71da2270cab8231fee60d4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202209231642.tgz","fileCount":28,"integrity":"sha512-mwg0i+oiI6grsfMlM8Xgs0ycl48aPy/LLL811GZ1O0DEsBDDO9hMZNjWVyRU9xzceYyyzWLhKOVuhz6ktSrRSg==","signatures":[{"sig":"MEUCICM2y4i9ZW9VZVdAgeZRnlxxudr3FpTTmH+313bgcW1aAiEA/UnKmKGsDI8/2v/5pk7n6aBSJxXRhEQV4LWGYC4d430=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh22zxCRA9TVsSAnZWagAAaS8QAIjzqFO1wDHNe+evvdS6\n94eTOodSL3Ux1lXWf4CWUr55hRWlJiKH6mQdx2agsPI/YlIpakrQq1svnHUd\nYOGbVrtb6UYxzT3LDX9SHAF/7Oa4F8qpkJGP2Jv2y8LOR6QdULE/mz6BXj4V\nytvmobvPlU7SQW17uapCv/bzzMsWcTwRGXeJvOX4S941PnB25MpkCoKcGhmN\nyBZDFEa5D8M51uicbhjWX0PktawRssVLMhK3lLPrQdKoWvnq/fxFc+6l429D\nMPfT6umsYlED4x7Kizo6g9u36E49RWujoPfG1CqX/sgOKBXbZ5pJAHdYpo1H\nzWUUu/EOn/wCXKo378Sl96BHp4BOrI3LSm2J7FEtvtAOmN/77Tn72ymNQOjs\nqirqJvQfwHXXI/By7v/TSBoLkM8HF9g/f+CsA+zg6X41zbhfW9FP0x3CTrVJ\ncNjfT0rSPnObCv49cXVnN0n5n2tJP/ihIpOK/7G5Zmlr3C4aiIpzt/AEms13\nyt22y7q1OKM7zH6vr9IaBjvUqvIGsLmdPXfVQbE7bU+st7U4N0v/I0dm/bd3\nz9/RbF42ohK4+2789q0s7W9J7DWDu4z8AgqLZG4NRbHaTpfYWCFlHmn+2bLq\ntgM9TYO42dRAJakuX1l+jlKKL+GUGf2z9IZsTYZhtZfXmwqzth3QQiOMbVoR\n/0e7\r\n=nxcI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202209231642","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231642"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231642"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202209231642_1641770225704_0.016800613663552122","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/button","version":"0.0.0-pr-202209231818","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202209231818","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0b48e8908b532f5e19a594b5851efdcb516aa405","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202209231818.tgz","fileCount":28,"integrity":"sha512-qJfliXDe6AScFokogUa4SB+/1sOu4zxl8d10dv5uEO59nHPcQFycN1UKVi2uYxPsA0o0PX33UqK80dwRBMt1/A==","signatures":[{"sig":"MEUCIDoE2yAIb4d1zeXGX1N2uuYymlDMECLIe2F7N8P94G1dAiEAkfC84BCrrzvGlubdmzdqWuht2XeWYwtmAIumI/ykkvU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221UCRA9TVsSAnZWagAAHXgQAIFk3kMX4EMX6q/KLMUW\nIQyM9makhzFrJ39UpTxU71o8nU0BKQIlD08eZidgBSePm7IGS/W/eI481auL\njIv85yulM9lxmBjSYfU2ajNEiQgDJpP/DnKElNvShVXUoVhYbSGkDEzJEq1A\nWiP//SRdAMrMqxJGoXOYHsCck84XKixAcrJYOx3/TzVfGP3a7eT5wJrleeUV\nSys7e5mExFjevizWR5TBaABUCIUuXzw2+WkCaN1QXz/ujW59n53Vwm6NLPjM\ndLesiBoOeGB+sZuM4tlykqntkMMi87oKkvt1ehEZnIoM8Il2tnXLn5LxL0+U\nFhWvht9yGqhG7awfP4+VBDzY3sHAjOA3T+EwUYsGwWWk12UWso5ZyA4yEChM\ndW/VCfqE4hiHPG8qaxTem1XY96OMQB7FYlACeZPt4sHqB6ab1U/5KQ14AtKH\n4OzILL7Xoj/2hReZZwkL2jKY6kgUsqTp+4/cThrLRqGVrwXJBF+fH26BCnGN\ndebdGyBNbGxjQK2mj5IjLgby4xsRT/f+aWPkVA+158uMDAVWrGjGPEDqqWL1\nWOUOFoWOOZUtzJAVywI6FL+6kKnrr5GcskTaHnfk1O90ZVxeALG2zO/p6ePH\nAk0yArwKolNMXTi2Y/nttqE6Bs3n9kE6Uk4KYtW+Yu78Af6HFaP2KyQjTUrn\nc8xy\r\n=XsGH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202209231818","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231818"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231818"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202209231818_1641770324105_0.32288148783943216","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/button","version":"0.0.0-pr-202209231927","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202209231927","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e9722fb81fbf1489d9847ba4abe4a59fcd1bf45c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202209231927.tgz","fileCount":28,"integrity":"sha512-TGjmlBvck4NVRiitWXc/AC+dlhAAe//8X+X5IV2YkwXY0TwC4HxDW84sKGcMuSpH9KGclhZU9aFPj9u8A1G8/w==","signatures":[{"sig":"MEUCIFFXk0TZa+DV9PVD+fps0oZ0rIVsvWqVM9/CEci7FO2vAiEArXorHWboXmYZ50IiMqAvcxoWpELsboU97jOPA4xNltw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222ZCRA9TVsSAnZWagAAIrgQAJxvzqDFp8GSI+w24VyW\njy1rckmrFpGsHdHyE8V5HdOK/Qe8tFmeAyDSzepN4ZeIk6GGQ1F7tUjN/T/f\n5v5W6dP4AH5ScI39IauD1XrScmUxyT6L6SviF+ZRzJ4+mmv6xNuq4fhukuGu\nJvzxNN+JEOzhYqirNhbt1H8FROvBs88mGeLVx7uyH8TwpMJMNxGCC8hz8u+T\nRcbHCFZPceDM7r+CHlCO92TDq1Fh4LmfIOMMj1uWYn6bVPPSZP4DesU3GSeS\nwZXklSchdA+h84AVJqDM8eK8/yN7C7C7MDoG5rsPKGrqYMpaMXjE7lbfh+eD\n+a83kNmAkfLRo6tPv89w3DAmYxSFEobyT8GZwaY6hl9DhKLem0Bn46HxFOBO\npZegsL+KQKHOxkaZ4FM0XGf/cT7NeOR8NFl61XjCZsJyw2zfadlC3fNJ68lN\np12k5TlgXlfibzaIBz70fuCv/ZCKP79ibA7Vh8eEfc6OZRJXY+rR+GOVmTOz\n/o6A/LWedIgM5RlKn01dvdT+eVn24HZ5UDvl05Cc8oDqBvXPdCtMtltgbPpm\nqfcWT/sOQNciXviWiCCZZLk2TkVJbPK1EcSuSIJ0h1Irn/zmt8qSeugLoUGh\nDLBTn8a7ceixwC5huCT2un9tIamBe7sS8dhTt2jOykimvFF6AZU+pU+pmRPC\nVQk7\r\n=0trz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202209231927","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231927"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231927"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202209231927_1641770393346_0.6234421581833567","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022010134944","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022010134944","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6255f9da9bda582115c55035e05fe417e927fa8d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022010134944.tgz","fileCount":28,"integrity":"sha512-vLb/QNIXrtHVjQ4A73p/eB412b9xc7okRU+Ak1PoqgznAhyLhtu8jVbvmQu66hHo7+CNXqPGRITie4cNGmYSzg==","signatures":[{"sig":"MEYCIQD9o2g/ZGw+tSkY7n3K5aoINZk0kF5sjBqL0rGdYje4WAIhALaf6wwn4hsetoA9p/QvGqVG2PkYdTcyeqNJHHBjgn5q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmLCRA9TVsSAnZWagAA2nEP/0h0xasXF8nHeB3rxvxW\naAbwHidFd+6mQDMu+oExJvhUAy5P2+k9j3OW8vtQlm1kQcq+QAkD9J/a0d9G\nKy6ByINAJJuS/I+DUpRbKHrrgb5Sx/GDM/oL4x1+i6BttCHxZZBL3Fcdsod8\nsreLnDJw7MFr+fdTNfR1M7MPMjYkQJetwD+D2oePkd38E/PJCX1Q1obgBcEk\noY8HOac5CdcsfLgN2OtBQY1Y4m+Q4jyqjO1FXA4RfcATE3zDo+stha0AheKJ\nJGzIy+igWXpvJ23Axbrq4zdXV2ImyPOuImJlkmGl+dcPkfK328uCgg6st/Sp\n0aEnSrp0R8EAB9oHAfGuTJgFagcE5pjeWCLyOvsI13BC3ZcN07sLJ5XzzWQ+\neapLAzbDNxBJVWuECql/lf8vwMgS2FQxJuTPzTwueumWsuGwGi3nADFWGW0Q\nLZn+r3AWRv7T8YTV1mHgHBRzaRYikNVR26EQTxtK8lPdkP4xd18h0IL8m2SF\ns3DbQqUoGN0KZ095OjJ0ScxmeER4983SquQ//H44y9Erlqr9ZsAaoP3AhlfY\nmKjr3VyQNoVrwj8Die795pZMmoTqLGeFvxFcxLo97gsrZa0x0jkdrzSW2D4b\n9Tyw9zFI8SXMS+lsxcWgZVpmJGvqZAuUmtDiLkpui5wXaLQMc0moKxSxGXz9\nV+im\r\n=FcnW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022010134944","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022010134944"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022010134944"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022010134944_1641822603729_0.7917783764671076","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/button","version":"0.0.0-dev-202201013510","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202201013510","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f312a6eff5a76a05587ec9964a9ccf1c11bf65fa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202201013510.tgz","fileCount":28,"integrity":"sha512-QEBGZXJpwqG+YchLo5VUB5XRU3aCH/a2ZsNZXT+ru2bLfw9aUV7X0siPZeDGG1UbmbJR5A1SirdQ0XEBHTiVXQ==","signatures":[{"sig":"MEQCIHfauFFyUu1IVidzt0LO9hydxQWbQoTPgRVxq8o/b7GnAiBVn2EMFZzuvni3xK+e2/Y0GojaspqMW70XVGrRoeRvbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DnaCRA9TVsSAnZWagAAPfkP/RBrmFCGjys8Ob1a/fVf\nD9gUAMF0yjVBcqoYFx75ihKT0spkbbQQ3ssKCz/BgL/k6qhLy8jAJhdaukxL\nwR0WwpAqSA18Iq/qgmwkRO5YF/8/+Mb2HL90vtcuXRnRzS1uJs2Qae3jDHmc\nM3FVTunMRn6nStUMGVXmtcLvg9rGbeaVi+OT+1pLOsm+VwLkeuv0cmlMW+8q\nlKyVjMKQc+IfW3qOnmqvEEJvYG1x/RiBS063nZ9VsNhI66okcOX5y9eVC4p4\nRwisnJFhZzcwqr2hGPuGFNi9dMtNXjFl+XBX+kRA7vWC+sUXc4UrbMazFGdz\n8HHOwoWHloHHZHEG6lgQfqxbz3M3qRowA+/vu4K1UrpWbxvBlBNcv2905yKw\nBrRjbvJNwB1AGMHXc8CFPm/e4n9kIpPHtQr3iRijTJW7pIJGRHLQIDDh0hi1\nuNhnG9pWZsfWRu4y5xtKdErLMrZgU1Yi9KZh6UrZmiRXHzGKu+GwIB1mJvf9\ndNdqaiYH4PCN+5QV12qOOQZMWHdEedti6HWFkVT5vvkZ5UZbNqgFclxrH9UJ\nNOHNcRH9gsFez657eBH6jdfe4LYI/ukyxWt/fGfyCGutM988kppUpHUwm/Lt\nyqn6NlaqiHHAPjzLdbZo83gF9VjLrctGWUgA0D2R+wnuJ/C8YmIdFQFvu+Ad\nEfRN\r\n=LtPh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-202201013510","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201013510"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201013510"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202201013510_1641822682729_0.4496472816361321","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/button","version":"0.0.0-pr-202201013538","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202201013538","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fba2505961823dcd8c3c22ad0e9db4e1c97ee808","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202201013538.tgz","fileCount":28,"integrity":"sha512-o8fVk7pxmSzuyd3UXwXYI10YjJqI7rD6zmCa11JGJ9ClNQnJzc8itfaAX1dpwrDagb/TU3xe1Bg/4V2zr0hQ1g==","signatures":[{"sig":"MEUCIQC5qJtxrntX8p6FMJcx7lmcmg3bVt7bR82x3hhn9QOTFgIgTYQBd5+kA88eV34yb+lAN0PKX26GGDUDUJP3YldcwuM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DpaCRA9TVsSAnZWagAAsmYP/RnwiB3P9Do9Opx/yPld\njUUFxbhR1IJIylgn4387f+hqoWywv7c0OtBlF9VXAqOkRKEzs4nH2mCJCwoC\nz7CbbhSaKkowY+XrZmbp9vkV3XruO5+hQF+ZRQLT/Ub/QY1wRlKDmjt7TKHf\nqXWp8vZPjWsbrHoCijn67Ztr2fXuWDRQkkoRwgqPqNXBPvcM6QXfjers8rlO\ne6A076CcykVWS8sNtTpG/+pQ9aT7fb/umlAJfrrdKRX+XWNOaKAuXDgMcOB1\nra7Qy1A/U0E7wsgm41atTQM14sIp7XI6XqYt2xWkK/1Uao/ntMLFVq0mD9Jt\n83W3cqPUQKIqZMxGXs16zv61tGwJO4WNiqFXLiNoHhnfe+GGt6uYjDoCm7EV\nTb7OGjjkMcWqW7yFKmVxTZb+aLUN9IHsj3fBiU4t8KGvBjcZUUQ6sgGb60ny\nyNp71z6MzvidVi8RpBYoBs+4pMFt1SfizacKjTvt9SWI11XDAShWi8pktdId\nqPxJLBONjQ6TPX/NeCG8vrM7CUfnRAWqG+VmuPGS7gUBGzUOQbMbIUKcVm1L\nGaAu0oEgNzq8aImepAYnv72D4jkNQvBEGbgNuKS2D5qE7q/Tc4rjZgCV/7cQ\nPVY3G008Qq7SUYPNOs1EPfPipQ7MW0jEXRNdTSU40I74wTxUrBaW9OjUIh4C\nOYxq\r\n=Elig\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e1907581faf50b92f840816c8ff7eac72e06cad0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202201013538","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201013538"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201013538"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202201013538_1641822810617_0.010565919246990685","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/button","version":"0.0.0-dev-202201117413","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202201117413","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"03696093db837124898ac4e631321da8c4a93f71","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202201117413.tgz","fileCount":28,"integrity":"sha512-dKnqd97In4SqyzeagetoZil9ZKugPeM7OQbaYmPeXLNir8/2iotZvZZME/BPwk8kiXx8n8eK2SCKNaMmf/6Mrw==","signatures":[{"sig":"MEYCIQDmJCLnG9PFJxoN+AEY+TWsFYP/wXyQhxa1d8bLW6/JRQIhAJgYxF9xIz5F3EuViIeWis1+EqnphvqCnaiiwr8t2kIH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFFCRA9TVsSAnZWagAAwOQP/Rtog+cJQmKdJZnGVoX/\nsmmmTCfRfgdZZ8zrJCj/phIE91gBTWTyQIwXSoPmMOi4G0MlxzX3XMUA7cNO\nrNP3Qh8e6qboY6e2YcO5o16dPk5Tac/LY8ISSuJijVhCYgLp+mxA7o+Fbs4Y\npBq8puasbwetMOJCthNkLuoVf13JEDGHnjzlHbiCQixuWk2s5lmo29oRPZrY\nTF7H4aVI2WKsDZUX63v+ER69dXHrWkWgxpuAHhX6SSN6XcfkQWg/RFrhb21I\nlHTSB5UXCZY9jiNZ8V0Z4tTyot6TGzrBrR1ILxYG3OX/y3RToWnM9NsGBvi5\n50QOHzjCdjjBMiZgDzEOVYgVMNRZ0Mcn1fS3PrbRVsvkhpsA0ol9Hj+67ySi\n7sKDzKMk2TQJjVK3KzJBopKjCn6RIchHcRznohG0AjcDDr0vU/hVQcn9J4rM\nA77R6o7+LuSxX/IA8AoWrPAMJoHMubTn6g4LZwY3AqMt2YObeTfB+Y8hyEiG\nkY4/RcIwac69GSfCRg5FS+/IIt5zlpQqDLaRXfTD45mPoi2MKyxXPVoO8FbG\nmsbr5Ouax2Gf0zLVsdNtpeWT/e1e3wpvs2ZSbZQN/jeIwjjIZuKkwJLn6mQ7\nXCz8NceP/0rulcmcat1np7En3qRI3K8Z7DG5IsacaOXnCc05Gz0zvlBWRaqS\nSWJL\r\n=4Q+g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"472612e7aea64de64c6744365f7d5c6a97bcc438","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-202201117413","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201117413"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201117413"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202201117413_1641922884829_0.0948957880701573","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022011175644","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022011175644","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"061d9e03331e356c89507184353a2a06a04b1146","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022011175644.tgz","fileCount":28,"integrity":"sha512-o7THhDVZxYVC2ju6lXF/qJmw0SjeGKTlMAmCNXFVn30dy1bKlKnllMHG4Rs8bTEeVxrQryidlJrFDZSkDRTMwA==","signatures":[{"sig":"MEYCIQD53zDX5aKh95Fn9KMSFKBelYZDzFyAk4lz4D4jkYwUzgIhAKX/YoScYsrCH4H8LduqYAD8ACE4Zj2UXVCpf/K1iV5O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cT1CRA9TVsSAnZWagAAN0YP+wZcSmzVC6Yy0v5xFs7g\niZryKrYw24AmxjWx6aX7aNB4K+5jjWo+SaFIBn5OTeLx8RG6IusuEQJHV12V\np/CeRLpGvPU6wMA5HWZvFE4N+1+KdoDKdCjNOGDog8o3UtZEtNIgzD47niHn\nVOhkNbISA3fp3ndyq/ttSUOAiNvy0F7d4mi1tIG30smDnmnk9+dDqTYz+4Cm\nvMVgOf8uoBaLDCKjlBQKaqfbadz3j3KW+nYzWn8JASf41U4U3aoQ/OCnl6ML\nYuhRLjyk7jqNpxN6QKyAq5nJH8cGwaUBtip27Ek9rihwVa/PWPunVGaZCefp\nF2WBkmnNAmPhthEAxqp97rVLS4qjQx2n+I2KlGKlXss73eyxaEuZRfxk0FZF\nOR+2gwkwmfsA0PhgLFZA/2kdz8+ujIDro0H9uXOIOqyEzDzhbklLblWHb6vI\nKElYHPw54Q/2maUxn65fD6XJq6cJIGBYgGCLmXQ/XQrN5nHaRTXYw4o1Bc5t\nPYCjDLhOtTuixTDKPoFH9w1WScZ3kRJ5P59n4mhzowIjH5bisCfbyfpLHgnn\nniD3V69y+2YE9kC1Oo4+UtxSRgSGBfhfOKJ1lLR3QZ70wJ6E/WmxbGQFLQEs\neqb85rFhMv1XxRn1B+lTS8B845MGGiFEKhguJ/EQbDZSrJzSeZsINRXt/KdF\nkWDW\r\n=E4zI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022011175644","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022011175644"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022011175644"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022011175644_1641923828991_0.6218985251272051","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022011182024","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022011182024","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c15744ff6be326da30249606f46196b50d2614e1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022011182024.tgz","fileCount":28,"integrity":"sha512-IE3XAeSXUfk2J0OZ2XAVffg27Qbdhd/0+N6jiIfFt9UTt1ir5hPjpJmDz5cFTvrH7H6k9ZGuGEPcbXf9ZpsJKQ==","signatures":[{"sig":"MEUCIQCB4ToExSra0TNamq+HC5Du4dHBGqEyGU9R8Xwx/c5OowIgDZV9Ir4ksxfunRIdJacnSgalAmP6u1Ro9yZ1TsD2jkI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqCCRA9TVsSAnZWagAArpwP/3AVDh7FUq9dMWI7+VoF\ndzhWtWgcN3ioj/whBDS8ZsuXQrHzKgPrLM+MdEKrG0vTSTQISqarANMgStvw\n9e4Nnq2IGDgOtt6m6nTDqFCjxgw3z62jko9CBKP26uNgnDXJ+euqnoxu0jVL\nppMFlYdR5dlURsY0k2PVlWUXn7h6V7wCCJ3n0ZBhk1k45WBs80ZYBYbZG7Qs\n8xcAZOiXXLLRAfyFdqC3cegPOPfVRPIrDFNGovX8QTaSYZMpzK+vjU6xnLIZ\nbpfEPBpteYw0JpF2q0Fo+PpJrd3ZNyvo9+2V6ctHRdkF7G7NUFBj9CPlm6bc\n7jwr7+lx4FY8SV2wvwFxQWsjVb9JapsBnkLGsyGRWdHJ1NB/OO3OWzytUjcI\nEtETzP8uOwK0zMEfTwNWmyeBLUyvMppHo3924SZ46GiopHcRZskSGaD/XDMp\nF22sCDyft91Cu2C3ZEfh2aZ3s4m4yo40aIAmqw7AtAkj98udJtPt6x1GDkz9\nO5Mnfw0e951M09J8y6a9hX+QQiJW8ZY7o/lZ5MXeNGacz105cjR1CzjTFoff\nYkfc3L6i9195hyGFqL/W2zBhs1qB0LSZD62jx0WVOFKWkl5KSbYcZMGOYz99\nLQt5fbFUYWe/dCAIlRQKMZpiuhc7EflnnUMkezcRCL86pny98QNWAXpgSD1v\nbp/E\r\n=tPYf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022011182024","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022011182024"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022011182024"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022011182024_1641925249879_0.14528680381841896","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022013185957","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022013185957","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a35a4b526b09850ce1d3e97b81674fa2faf90c0a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022013185957.tgz","fileCount":28,"integrity":"sha512-r+aVE6hrAF6JOF2YNiLXSqjFIVasxzkSF5Su/vRHZAZ8GHmPEBx8bXnL528vd+KgqdKJExv/ILE2Xy0hz/68WA==","signatures":[{"sig":"MEQCIEb+wpObvOAoqN58UZMgmwk1jn4ICkp7uUCclXO+ZKKzAiB/9prbO6SnmCiaWbjpw6dHjLgT9ngbOc8v1vp0jT3+RA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbFCRA9TVsSAnZWagAA1IYP/2tNVv5GBSQD28d0EPpo\n/Ad7KeLOuGpiH0JaimdUKlwrWEI+abqKBSid6uOezA2y23ys9OD21oI0Tt8t\nbUTWXntbRXnPdR1BySbzjDVL6bnnekcRybUQuIWS2wewncyQrSRt2/AtfZli\nspaMhQB4B98lw0eJAlp8S3YhsjkacgWdhozf201IubJ18huNRfRT2er5DkVj\n8QkzSiBVIIrSARwoCvJc5U/NCCp9b8aVt1zkb3j7yXOykI8PkQx3dK7qfy2z\nIMLysAGBYYEpNYknF2REDHVuW6kU/zNunv7F6CGVqivf2YgoWImEURqGBGpK\n4TtaTKiWWz8t830/ixH0COMv1Ws7qZkNDu2OfariATGsWP4p+zDa9mpgT05B\nDSgH7/5LROIz2bCSCRbgEGEKl+keorgdyQagTSNN7maTLtazKhIi4/Wkxw/m\nac6Q5VZwyO9v3DRhrDSe+YvXWpx1abVnjqymwFat+AbCBBG6nwvtjpAgrhON\nXxI9ZxOxYCfSjz91/9trfewR4ZnKI14I62Y1QJjOaYDY52fOCd63ZDZY/sCI\nqbUQSr1KTXYC7qhX4MOk1vzJ2n3S0mYbVtwgeNZyP+cZzOJcBUYcaYiScFQF\nYY4iTcJ/bs9SH8mqTr7g/8b91vuH6SSWJsWz6wqWwspntWIV4T9LIinDyT7q\nY1kO\r\n=0Y5Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022013185957","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013185957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013185957"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022013185957_1642100421281_0.8265575453174672","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/button","version":"0.0.0-pr-202201319022","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202201319022","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3ee278d556b33f90c7e8096cfb46c401a56c020d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202201319022.tgz","fileCount":28,"integrity":"sha512-l/FVnhcKLmVQh3wgXbQIfh8q5jktqKbIGpMf9PsGUbhY9NNy8C4ln4VR3PWFvxkK0oz5Nchwg29m7Uqc4lN41Q==","signatures":[{"sig":"MEUCIQCxwg/LxEWDAKJrDh7uoRkzIq/+d/bvC3aUfCRF8PUZiwIgBIUTX1dYBJt21TCTzCHV27MyNsB1dBP8sSmnInXTk6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbfCRA9TVsSAnZWagAAE7YP/2IuvONib1yi7/zbSGt/\nSR4kfV8ES5CrBtKchPHNTNdfwSlHEzO9n4Dq27cUP12MXhVflJ8+FBFW52ty\nKg1tseVGPrB0HC+15MbBhWQQ1HlPcyaL2YztQIvViHbeeTRzL5VkswUakR8l\nMss9VvMxzRlto5Uhv4QFpf/YVFYOwQRG8UAET5BxgkM+lUZ9NNQnu2lCJ7g8\nUCIEJA+fEtLdexqq9Yh6DK4LMf7zN72D+W3jD3cExEcqITJfyiaNEH8YwXsO\nRphbpDzyR3tVF0kd5280HmjQzMkT0oxrU0PFWMbTayQL99dULH9n1VFg9YMW\nEbIbH169ZqKCo1G25Q19knA4aeQGSnz8kZnmmRxXRoKXNM52O5mnWkUjoQ4K\nzFz4tokE8jyxCXm30vb0rWcXKWFfaQUiKJKekrA4aqIgmWF9O6dJCo4URDSF\nF+bTjXWbnUIBSX2IoXpnbD/hwkTvuAns6UBKmRCqes8h/Yg4UD5tUC8QVWPH\nwtKoHaouOAoxYpIDaBNJ2uO8O4P18COa7It/IIc7EdhS3F2L+V9TxOI3qY52\nMrC2WtCBeF2PugXle9K7BklJnkcet9qPckBq3Yjhgzk7TTMehkM7msoc2KBy\nE/io4U3CqE4r7FDe5EuQuS0o6fRO8flJzclO9sxNaGYIeOwkq6trisUHaa69\nXJ45\r\n=lvnM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202201319022","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201319022"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201319022"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202201319022_1642100447530_0.43177171266807046","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/button","version":"0.0.0-dev-202201319130","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202201319130","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e28c1116de477593d3ce1f786229dc0c2529bae5","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202201319130.tgz","fileCount":28,"integrity":"sha512-6vEfClwRKtjN8bZyzplTru/cQi5TOdJ+rbhZD2P3ds9FntvmhhDja/eSDhuU3FONdR31Y1Et6BZbY/Cs1YqU2Q==","signatures":[{"sig":"MEYCIQC5XXRjUSWZ1MwgKJBFpcRqkzAjQkqg85ebRTJuTBo5LgIhAI08VOogrSZydimisUNVaY0CAWmNWgvF7Mh1lf1lcucE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcgCRA9TVsSAnZWagAAA0kP/3TxZey56Zzn5zbhNFFM\nFa0sCY4SPQyHlnA1YHbVH2ezhWY4Xqw9O8RIGDHhyQ7lh0sXJ6sdb9Snrjk5\nJi7TuI48K3U+cN1pLssQrlF7xiJYIkhEHTsZesV29L8Fo9EXqt02OHIViGr8\nAsDykGnsom8bzSZYYG/ZkLObJHVOZ0L0t+i+7uCZ8Rw1vJvS895hr6Seiqsq\nd9/C5UAwr4ghqXzQvgKXUeKLHV+xr8C16fuWBmIIFA6rvadj6nqOPnVnG+Xw\nOWMsoM3OH6CWFcOo60ybhYbLpns4mmYjP1uPrS1fJKAeFv2p64tfCEdubynN\nt5us+isJC8i7JuvRXTU8S5msrhqoq5eabCiifkWAo7nVs/6c+SXpxxfwmcQf\nKJtEiqgfCXrhZ3KVqJ520Fyd9fgTz4RffvcBCKt7t1hJ3Xg5U9ZHHVDiqcxr\nNXd/onMrNqW8EHpu0iRNkT0JlsRTu8/vJ+y43d0b9M3tTUmpcKIFqbiezGed\nwZYAqGT6QxfjPSQF9mP6Ruyh0uBjeq29wUsiuRQQ1GUAPFoVblntoAApvFhz\nFPtEqrHE1HorEr6WbjGm2ihIELaosv1/ZXIDz2dmVkSj7/JLjrQeUw5TSELC\nYeWmLNnnII7iMxgxPYY4EHFe5MI+zLVk9NbFmAfUb8F2tyZ89SS7vyO9Of5/\nNQxT\r\n=PDgx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-202201319130","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201319130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201319130"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202201319130_1642100512049_0.7319511172889246","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/button","version":"0.0.0-pr-202201319211","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202201319211","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4f17ec0a5b7b0a1f96a1711cad8644bdf93839fd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202201319211.tgz","fileCount":28,"integrity":"sha512-q1RvnnR7/rN3or9OtUcM9f8qQnOfn4pl+0ZsO5g9OCB+NbhxAuURBSNMEJBRfcErnbXjzzjECK/bUxnUF/oa2Q==","signatures":[{"sig":"MEUCIAoNCYAfgWeGlKOroV2sVvT0s2DamIFjXpTXJVKfGuS8AiEAl9ONmKdeMuAkthc8Nu+cfimbtPLiysb/htUXe2OMgQA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdLCRA9TVsSAnZWagAAtJAP/iMb//NWBnWiW5XxAhQ7\ncmV2O4IO+2aLwbjHQf9z8XaId8yzRWvLw02u50uniRRXv437qQCnujIWFFj7\nQJex+UTejolnyB9qFHX6Gs1xNsYy+bradAHIsBRxASsfpZZYwjc6N8lH2Ria\nk6yGFuOqkjWuvIrBwF4WVS0asTjymAVkKN2xBl/zeHy1cDNuP6vR3wvOJx8d\nHTSha28MpiJicQuYYWBAHt0DFcey1uk4TCcA+DZV/LRtYVcrpxCFup5W1ffM\nIlFZIex4jCNNvqMe6IS5SjnqX3zRnzcXgantRy7QZpKWVUOTjeleuRZhow49\nN/qEL0Bvye2DOKrA9PUzKLi8dXmqhtPX0zEaArGCVXjg5aLCJB7MjaMW3Q2x\n32FA0EgIi2W+TT96t8qz+9h0RZsulvdHhkC2MCkphueOggEP9DREw3KVsPED\n8fFI/Au1qAO+v8TdKtF6E4bTQtPudJ4whWD7eUPZu0BorxjGB5NJ1Dng3KI1\nwibOxIjSGqoiYzk+gF4H8/AjOrAhxbTT9zPEcnlRaMmdMkGo1J+xfmN4xETt\nTIxiolFaW8MswAdICiZmmg2SQ2QESGMeKYboCtUEdQhrqmTm+N9ADkLiAZfK\nILSz62mI/qWo2eCqsNE20d/L8snmJnirQoX7U8ImWfp/JIThNPuek5TqXU//\n0/WS\r\n=3Bwk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-202201319211","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201319211"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201319211"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202201319211_1642100555372_0.9526669403276826","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022013191557","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022013191557","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"25bfba23be8d626e418a144e652582bf6cb54b3f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022013191557.tgz","fileCount":28,"integrity":"sha512-B72rKeseJmflS671q6SipN7MB07SwdHDOYdQ1F5SNrMKuUWE43ItwceComScAUswdn8TRKBAc3IamS8/HS/ePg==","signatures":[{"sig":"MEUCIAxKphZ2YUU8SX7ylyRd25bmDRm/Y4rMLIHatvGvdiIrAiEAvHIGzb478K4xcgEgV3etB4fes+Ln9phd//nkB0x+GV0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqCCRA9TVsSAnZWagAAw3QQAJLn/trz2sWpaG8kBJfV\npn6Sg9YaXtib2b9PqWH40ChXSoiQXZyHkXPHTCzaCKnfrwSjMyDzfL88GLcA\nWRb0UBpJ8Zihoeubd48c0naMW2LsvxrMFfNVN/k2JyMJKElbro3n51QuyH3D\nz7bVgjke8MNx98F9B49UGaWVvQmbJfM+XeAo22Ol8qBIykBIzAv/HUs9Ed5c\nRXAsq36quTc0zkJYMFaUNGvufviOOymTHJNtdtqgX6JMMsvSsM76LiALyNw8\n7/+JVcw8bYK9xFrbGL4pJGqTmDMaKba7MRNx+JTb/Rz42fIhcflSiS8cQMxp\nS4cvDJ26pud5hmZjJeZ+jB9YnU9pfBhRbGLolGm/TnvreltpbZj27stzEnHW\nfdL2daL7hD9U260M07yXZhPGlJv20wddkbTmMPP5hlsvbBv0icdjzKAF+lcJ\nD/5YuNrzpYasI44gcASu/jUZKe4p2qXTQfnYUFsLKCrcb+gOjuFFYZzfy9+p\nCuVGBVRZHvREcV0Q5TYYwXzUL9irvKzwy2EYlzYLdUqDej1v8nUkERB8IQGH\nsutfrGDLWMZmBr1Xzbq1TNsY8Z5QlQBm9ffv9GCLvyPR892nyLg5qkNv/STx\nHZAdLVvmf0cf/LBxaEhMVOqa8h3sWUw2V0Ucujj7JJARooFAYlp/uMSXDBr/\n8UIm\r\n=Iorw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"a6219c93bfc679948c240931a962dbbf1275d0e2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022013191557","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191557"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191557"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022013191557_1642101378263_0.7489379875266722","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022013191627","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022013191627","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"83aa5c21849e44173d25425cf0e0e088a75dae46","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022013191627.tgz","fileCount":28,"integrity":"sha512-1z+IMPtiX1I0YGXSrawG431ilYgTUvaLd2HwrMQkQaRKpEsl2lY88JhPw56PS1yzD/t1r0pQqfpJvH7SmYkNiQ==","signatures":[{"sig":"MEQCIFfz3C+u89eAUCCBkisJ3u2gN/j/+Dk+mIIyZSeze8DLAiBbnWe8cgyJGhzBfMH6YdGqUtdS1ZulRf+AhQbbWOsBvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqgCRA9TVsSAnZWagAAUHoQAIYL/yXB8tX0KX6iARcD\n4Lxkq+IztegWRurBAl/Ipq938An3tyhkmqKFf1tyVf03pFA1Lj1WzmH7cfm3\nFDU8d2ba5o4voJwTIzVH1QnLNHbSZOnZFqAr/oZzhWAwHfswK+NhjhupWK68\nMphjLQTCBYTUdfjkk1Ai1hXAil209k8+CujcSYCUL6KSXMjCj14iJNTCDPqG\nyabmYitd/VIbBUlpw+g7DV/uF8RCqZFUWs9xKXr8JgA0VMAE4t+VLuWcTC3c\nMc7CcRpeZTXb5mENEx2x22fcN1CFlkutRqAOXvVHExRQtFUY5hM30cD6KI3h\nmS8jDcYSTi5Ptmekek5cYPyCiizeM966Iac9NFfswPWieoK5dDMtyhrh4Qno\n4LR8+9CIj1GXugkzQi71ScbODh5+JZTEH5Jebx91qgjQR311dAMfG+QlkoN4\n0tcijD0ryJwnv5JOTZMS7y99L7jYINkIDWR677zVeeXrNA/0HmE3nB1EQcva\nZhf/LNJ7shVmFucWdTG0tDuRPhlf0NQatNnw9fxFztdjSLVI+TiXGl1qODmI\nZAzOVnypLTYP4fagFfTgMundhcn04rsABVfycrAkT+egTilvxQli2Si0CVTq\nt5YbFXmqN66rxWrBLoOcVqQQJhMOAzvVL3VkD0qocFTUlyWoZ9GzAwLIVjSi\nq1u+\r\n=38SJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"35cd42c5e934d20b58adfe0a2e856716b73892c6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022013191627","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191627"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191627"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022013191627_1642101408729_0.42947233778550076","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022013191632","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022013191632","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4534202d2f279525848897af333e51ac88a27923","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022013191632.tgz","fileCount":28,"integrity":"sha512-bcDGL7E7YJ6gPeJcFbp7PUnoSz4tDWxpKgkMePZ891MVsnB4QGLACUx1V+M9q1XzUjlgfdyuB6ArlR6RLH8n6g==","signatures":[{"sig":"MEQCIEZT3OM7JAPwmI8u8LGgdXzQ2DznE7k3hqC2OThgvo9eAiAe98V6CEcdQroc+AOmpL46xaWVPvPrQZXFXrSsl7O8xA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqpCRA9TVsSAnZWagAAmF8P/17sOwp/mbEPvk0aucdH\n6YAoaKum7W6ICFdKFeGYsqQiELB7aSmFXPewrtVSsViNzH3OAQCN1vZQVQXX\nwFRod2RbmN+PLHsiEXoIWc7+imT11P/qKzTRjj9tphz6F/J5MIlyJTGDOw0m\nm3sjcY9KjK/UsoJYpdODUwui+XI5Y8aSNiu0VuEhw7BBVUuMPbxtQfWuN5wT\nkTMTpRfP2UWLPIZ/cthNeatUmssLQvkUTxv5qS12WoN6TfTzKCc3rFhp8e37\nL9QGgzB1NCAt91HYk+UwrlCRzW32MMDOboFjNAxI514Gx9x1lZYKYnNc48QY\nsVgxKIL+sJhS9OpOVMkpmFdTNUSBLeDRGP2EoVmAdrVOfkgaooBZ+VmutpDY\ncO00iLRs6DIjLxcRmUwg7XAOExoWgBx16QAJkTWH2mWfMnIwQbw2nsTj0QhY\nVIMHBAar/zU7r4Nqatwihm16GU9uEPvuvRvdZmomwFvsSRyw9V0SgbfZA+8n\nEqe/tR6ioWEC5ckNflpqBLtqmHuM2LYKLCMAcnUSG1oOrUn4Gui8QlfM1SzC\nLTR3xjvWjNArTz/a67LMYLjtLyuy+iU/IYXntCmgA6qzjeIGgbSH1jKfhLUy\ncUbcEKDEkGHfjJazHjJVSD+6m0w1HwV5MqAeLmOg5hjyN7WdxIJqSAp52SB+\ngHJW\r\n=wGIP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"d9ade3b2b8c64e5194f2678429235ebf023608f7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022013191632","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191632"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191632"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022013191632_1642101416956_0.8751900862519781","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022013191659","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022013191659","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2dbbe36b9772f97ba18a84913b645df4466c85a1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022013191659.tgz","fileCount":28,"integrity":"sha512-fwauOU3tQTaHoNkJ2gzDg8Xh6osphA6vtKOdh3/wP6bbAguc5JYjw47Nx2VshJaj8YPRfhDLQdpe2dZCroJlCQ==","signatures":[{"sig":"MEUCIQCdpyIrh1YNu65paPL/JXqnWyZ1NLz+0rc5OyxDIi1EOgIgI+eFo5fLjRzjXzi9L8satX4H89M83bdwg9hF1VxC+bg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrECRA9TVsSAnZWagAAOYkP/iW9zn4kkvd19L4utZjk\nq31M0NwEhdx4IECAkjlzAaX3qXFI+iEczRJGjgjNM9OyIdYpu1GGlPf8e28a\nUST5p4fnFxtDe7miTiujXQCJngG8YKJB619s4g0c9+z6AFo3+DRPFsszlo0i\nJPqUX2S+Tz5Lyd77C62XxWA3Yjoa5e4MCqGBOkYmuYgks4nThhDCpRXNCVH4\nYSZCXHh3q5Ghi2kpxiVJclJI4K1bFjFKjS33E73uPkrctS3pWNSGrhooEb5u\ndGZfDWmCv5cj2PSD4XS+AjqN08G6Tn7kq4z/yFqGcz3TsTzvZRnxEKze/CjJ\n/v4pUmF5ojDI5FcncCPhfhfftaIVfq9ItlqeGRRbGIQF6Z+HV6xsTEH3q1KM\nUYX+0zEihhlUT8b1Z1iDJyIjnCqRh/BHnXOtVsiyZuPGVGCNy/Nd6YNIVTAm\nJWYSir5sxuIwucMWzWM1uMp2NuvG/W8OsMjpBmefAA9dsWsGOmM1qGxVLXwE\ngEyxoecm0yA34pJghoFoqQ3r7N7Oud6U/RYF+0PWy6sMQB4bk/0RwCV8/54E\nOx/ZFVuwXrnVjBU6coJjABP54+KUXjA9KLUz3R2FPNz0Do++9cEZNUlinFRO\nlYqKIcK/JqeDGXTZYPhPUOzCgySB9948xvQGwukz8rikrXpG85cUZwbYlpo0\n7EKm\r\n=PdDJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7c48a61f8c08cbad295a35be6075bfd36a403f6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022013191659","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191659"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191659"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022013191659_1642101444104_0.24108177334442726","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022013192043","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d30864d4689b4ccb4ae5d7c9ff2caf4f499a4b6a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022013192043.tgz","fileCount":28,"integrity":"sha512-3ftAv9jrAGUWNhwkIMe/SEV3LSpB8HZAZtXQKS2AaU9Dqn1exjfCBFfW4YL1Tplu6IYwOt7KusjQZxwzQnYoJw==","signatures":[{"sig":"MEUCIQDbFYOjHsdyNZLxMG9JK2TSpGrHbGoY34VZsScX85+aQwIgdEKWTRNdf/GqToEcq0AU2mOKeUn2A9R3L06vzR0mJDE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HurCRA9TVsSAnZWagAAqtoQAJIxG1mQT7m19gtUUmMm\nYt9zb+gBgef2b05EOJ/OVTc9kS5+VvDS27P8+IWMc+k8jjVUDhlqd6GjC48d\nfRq+9TOeAg1Lu+63daJSLQU3wq5+3FLPee9yt3mch81wzedt691gxa5l98pD\n0R3xXIqY0o6Zs1aGRxNTv/e+a/KPhjzWh74SlSKN0o03kpXXJVkSnNwDtWoQ\nJ7Yn7lb2QKAJGKryfBfW2BZ6Z4zkYZ4nJMR3YBGsnFnPJ7rtMAEsEkrSN1T/\ncqMeInVrhsQoIlCWn241DF6a0UjU8WeU2rmPP79EDFax7xKiwMAOjU7PDgwI\nokUXBAUzJCXNIc+fyCw8tgUlpaSnaqHQT/z5KCayh0dCQ+TI2ye9S2Mn9uSa\nlxa7XrEETb+TiEevswPVSeUFNVUcbEcqYTRUddricyH9zoNhZbC+wDtbQ2N9\nwwmb+z8HSjNG64cE7TYOFnTkMMQeZWMQlztbY900+uD1TygF52SBQcLybUCQ\nO9Iqq8SF9dvFGDnk6LcnaZV1iIUJoMB+u2BVLg4qAmkzYO8JySG08EqNnvVn\nxw7Ee5CaadN998be9WBA0yf/tcYId60TPGpcUkCLg1+eU9Hj4BG4AQx+3TtH\ns9dUNbsYV6dIM8Nyw/EFYddNSNrpNzustJvVCTigB+rKrxumb5TwmVD1xjmp\nsFaC\r\n=ctYc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-2022013192043","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013192043"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013192043"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022013192043_1642101675212_0.35372413949919124","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022013193154","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022013193154","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9bac0efd0c6548ea811336d0168365235f9d29c0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022013193154.tgz","fileCount":28,"integrity":"sha512-rW5CUrO6rX14U/FjHYpXYlZHEyYQvisl8UdsDawciYwcrr7DOkMtqia4S6/a6/dvtLdLEYQuRd97+R15zlf8zw==","signatures":[{"sig":"MEUCIQDIsWD3ri5iiOfbUkMdzCYe6LMQv+U9dsMYEczTcnkkZgIgYuRtR50Z5kf+O1hHtfs0mMB935s/U0ch+/ZcPi3bYHU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5DCRA9TVsSAnZWagAAKj8P/3Sy1LrMw0uDTwd+uGca\nEBA2wdfZjzBPNIS3uiBNsODUZedtztlH0EZhcvqmQXE0h7TQSjijwCS+En8h\njIPik5OIkIlrY1ouvA+p2empJcj3wk+lvqAsbSNozyAeBBUNIc79E4tVIk3G\nt502UHIsPVhPHsU49NNOHC8iCUEbAli2NJCr1fWC5rTfB6KZIvf7rzF7dx63\n7SPLbPvS8FuSc24mC2gA4NDBcQ3FmuK5jVkM3TWMNq37TWTHy98SPNoPNu+C\n+x5bkwEB8zOkSZeQhD32XgtbF0JOCXhikDo4gKF2dtOcve2ynhELof/DezZY\nV139nOpr9K3Js7Fzjr2gaZPXlmBkiEJTrTH6h33QipF66QqJmNGwQ5heJzmm\nQCtJ8TvQt94ry7i/5i2UFUays0SgPfDJSNa9NSowddzkHgADmdHJstrJyQY0\nV6Z3V1MWvl9z0IE4Rf+NCQ4snSikcn/j1lD7A/oM5KXTd1cuq8Q1Vfu6fp0r\nTXkR7aGzqjGMH+AM9XqfHPsEqUbjkLiBxBcWCDLhCzX9wZs7rK8N/EO/C/Cj\n++p99J0kDwKzGMkp+UV9uoaD64vVGmX+OsaxNw9Vobeg4taRScEIDazrRXaj\nD3gHO/K/2WEKfFCoBK20JH1UAd1gxeUSATwVQGHwize2Brnm+ol/Dc8CVdo+\nT5X0\r\n=Lfzu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"5d796ed4dab53d11da1543a78875858eb272968a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022013193154","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013193154"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013193154"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022013193154_1642102338918_0.9899125039465435","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022013193526","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022013193526","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"117a17487d8cd4507bee4d3f3088f6456dee7c03","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022013193526.tgz","fileCount":28,"integrity":"sha512-RnZ4bUjQREJ8SjaXD4tE+uuY/nrKtf3X3oRutTNUmIJacmHBI9kKlSrmLwjkgi2+OFB3+t5PRSS89Kg6LjsTNQ==","signatures":[{"sig":"MEQCIDyqNbv+UcpyRhHqQJfRJMH+CvcHDU1Y+WZMXDB3MXiMAiAlJpXzc413WrpkGDN73zmlXx9ocK5+qPwIRmcZzZVAiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8aCRA9TVsSAnZWagAAa7gP+wXRCIhUGp6BqppXuMUp\n5LhzuoS+nJcCz8+RSqAYfvZPfTOywQOV6dVlQS8yHB0r9URAKPOwigsaEJr2\n1uqt67bQYf1QeYF53VMR69TngFQvz10XcCKyKcOT45xsJBlzXKzT1hZitMQr\nllP7g6sKe9jYGzu5tluVNVYGYYTFyFV+AJMhutG8AKcVyR9PUNuROiBrBqgT\n1FnBVi2DcjcCSfzZ8Xwl0KBApRfJ1HRxu7vXgXDS2gBNiGZHjjU0dpCc3tk8\n7bjvUhiNh4JKU/TlZ992OPWipK4nWFOdiK10WtsDXyvo/wQsM7Meb0wnbUqA\nCeRKg9sm2bDBIdAHz90xPl8XkeRdNKXCzorPxnA1jPofNkf8aOVujIgM7s6f\nXNdBOIRZZNKv6Xp28mEI+6og++ULd9dPAyz15DZlJVA1496JinJb/AtF3DH/\ne2KOGxoXvlqqyCfqEFkxvMWLp1gzyv/bNh4afHQbMCF5UVgFAofUYX66zkY9\n7O8LjgEnp1wFmaeVMsIG5NcFhyL3UPOKok83/68wYq0v54cPz7ePA/JssDZj\npye8af6pMnBkQ7cUvAplZd95jmiWpXVMl7u60J5hpPmm53ROFSHj+FatQ649\notg4aBYwyW+3Ku6Pa6H1XznCFNDVlmphlYkTbyVqvd23u4XsHVexkUlUYZOY\nIjW6\r\n=Ew5Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"1cca30b9d40397762e29181020f5bbc6e06989b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022013193526","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013193526"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013193526"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022013193526_1642102554294_0.005702588601895764","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022014102532","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022014102532","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"94f29d5760a5678c4c1ae914a27fc5331a47ea82","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022014102532.tgz","fileCount":28,"integrity":"sha512-yShVW++I355x+KcnJCN6bUjhEzdC+pBTC1XLRyVj3+NN0oHvFvhRxAYrEpunfrwWGAXk0nVIl2EVluXpp6NnIg==","signatures":[{"sig":"MEYCIQCHtJm7k31Eqll+k0cm4GGV6RUXsjbJA9qiFgtS267VOgIhALpd+1g7QJXGeB/DyHKOpPUrvn3I9NVKcBNRyqaJXhu6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U+2CRA9TVsSAnZWagAA5IIP/iGNJX9vrwIpdu85//ZG\npiLvuFFaZ2xXDpFatqRGfnNFpBOCr+vIapDUuGTH+LgciWL2WdRaUrt77UsK\notUP5VgSP/sIbXokWG9ByT8PlMby39O90iEeaSsCN20moJ1VOu731esIie1C\nxAQ4oODHrE2J6Aopdu/ohRZ8W0jjYzR12t2o12FXLXHOoeft4DSpWSvWiSeJ\nl/DBuZMElz4hJiO/N1F2bKFY5lnbxuNq27tXJhg4H6q2yj57xztQy/AxCuui\nILx9iLUMv4taWFrgwE6E/TdgReJnSKxliYjUTs2EBfvPATHuguWdMrCheCAR\nZUhZbOiqF6xlkfVgVMrD6z79U4XCJVKCLKpHKOHGIDjupyTPPGFxSu0KzrvA\nhcjn8vw0GmqLIZflmZlHdb6URN4ojU9v1UgNSxR0OTTNyEzbq/XP3AUgImAM\nWUvNMrclPyTD+N4g+V7brgROsEtk0nBAv/ODCd8Vw7tRSLFGVKOQp6emLn2C\n2LPtbCGgzEiqTptN3rhUEm9IT57vKKgapTJdNWlPKjy3yfwyeENQOSHJPyvp\nPoJM+T47XYa6Lu9cdOusIsmF64+k4aqiWg26/yEWRfR9Q/O91DJykjLn3jmf\nA3pF8shVcF+wqNNlRKUC6D8EWrsb/sWullHtp7hX/mfhf8vgOOVyc0cmpl6L\nVfT5\r\n=x8dU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"52e1ab1af187484c3a1695d1ca32b3bfb083ba59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022014102532","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022014102532"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022014102532"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022014102532_1642155957811_0.738376381660601","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/button","version":"0.0.0-dev-202201418849","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202201418849","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6f27c3e671fe1e8a9e1d306a9184bc6f66be21b4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202201418849.tgz","fileCount":28,"integrity":"sha512-erAl1N3EGbHdoN1V6GfIeXp7q/cCDGsgWAaINFdmWDKA04Xk7XTW1D24WrSZI+4RpE3xcPPdqtrMkVb5ceNAUg==","signatures":[{"sig":"MEYCIQDT/6FEpjjNLZ0Mgt5qydurVBPtK4CyyKoua/dgT1E6CgIhAPCEU0U402+OATxHqzhsIEKTsTmJp/2ylTgI/S2nSw9r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxOCRA9TVsSAnZWagAA9fsP/3KI7XVU5RGELMVa6Q6h\n7dFwmi/NQfEDFqKt5Qki/ve1FL7gHuBYd2qd4doeVZO7Gr3PMKGlq3M8TbiY\nUkkJZBf7t+WMVtkIFpxcwGJSTtuE2pk90Cugfgmef6u/zmhdpOsS4fvWNlhu\nhLM3hRIlkmVty6NGIxnkKnVFeonM/+Izz+HpFy0XlIOwyvd2aP2stB0zHzbv\noJd3yU/wy8Vxgkto2YFRPEwq4gFYM3T/ZrBYXTsRkewD2O7YugQWOHwOlYuy\n36AhsXD09mS2KP4n1MkwFAKfCrD1XXO27SAPPKRF3VvfjtZn+GRmf7LriFjw\nUPP7/WLBM/taIeQECLYFQATh7wt/ZK7aTaClY+T2+aaw6EdvuAVE19dJrdO3\np5z+7I7Jls4I7VoZMYJoWdp/0f/uceeaqoIg11MeoxoIAKJPTPefPU9/MLya\ni+BLYp0MCKQNjlQQXLvSUGdAHj80f3o8JVQdabxX+zgJr0ZXA7atQmy2j03/\ny3/ARactr4iTSMHI4ODCRbFhWLjkvxwKTMDg+vemaQ3VVOXY2+V7ZrJvEpTt\nM6vrfY/z55ypiSg37pIwAH8/m7HAcTlQheNdY/v47azKhCA4G2OO6quscOLC\nEnE0xjT4u1CBcsexBtErpFGY/nsHZeAfKos52CFTjmgn1jU46itdTjP1cXIv\nPeKI\r\n=I3TX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"c9c54aee1e45c2ca96f7c032400ffeb06c57e341","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-202201418849","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201418849"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201418849"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202201418849_1642183758216_0.5926584973564444","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/button","version":"0.0.0-pr-202201418280","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a9c242536dc649a45a0ca3013f9f4a353e75069e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202201418280.tgz","fileCount":28,"integrity":"sha512-Cr2aCOtaWUTL5P3SdmUsdJqKhQQeScYyWmv2nWb7bREAjulwSc4qB50UKNVT1jpbwvqpnoT/VCnUDBSgEGZoRQ==","signatures":[{"sig":"MEQCIFFl1Ow9+WIebyPz387IiVHQ/uv54jPxeryjtN+g7WI+AiBkwuH/Zx9A2z4i3/yxMHLhPpkinN0bWb/SD1+FBPrYwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDOCRA9TVsSAnZWagAAVe4P/0G1f/tvLmVHIpMdVbAj\nnx4hVDrDhaCWSeNKYxB97EIfCJ77MCjxRfQbQFkIF1wRJvVQS4bjNiTOgz0/\nL57XxI8d36JGGlhYwyBTijHFFh4aPKg9MjV3Yxwj/+jlNKbFIBIL3vHhTdCO\nJ/PTgxx0LGhlddp3SGWRdY5OKJPsVkBav2t9ohntPM3Ng+VzzAVXICHWuI7i\nMpJvdI4RyudXRYlb3C2VQN5efG96jfKLIyMmk4ryD0IFBaBD0cs7qaaFwW6t\n2MCaAvXhjpXAhC3+gtQ4AH43+eMLU5kPZdG7asK7tZmezShKBJ5gj22jAmqU\nevz/VzmFESa0LOQyh6FGu+5dNOYh15v6tBNYjp8BFx2dAyRmOsSyOhY1Zgad\npD07S+Ppa1T1BPMk4lR1igDJnkuz3bQT/ACWs3lsVEhIKIdH1dMwTMbk2V4S\n7p+8DAv1t/nzUC9z/43uqXqwkJjYH85sCrtKoAed+8tc0CfT71x3Xs34StRu\nmyI+PyzNAP1eGQ8nGqPUdRPueTHo0dwXV+4+1EYkQ0LWCrnR8JdqbwYrt+WN\n9lwiVAsDqfHqXbm4gjNpYHiBjK+7iIM8lxZ8B6LRNKPvK/aQ/q+zzq7ULHrD\nsUisvsYStTJcL3IB4Ux5MH/gKpnq538nE/NJVcDyrF0TSLkDFz/diMr6aaIo\nIR5x\r\n=e0KX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202201418280","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201418280"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201418280"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202201418280_1642184910757_0.5321782864295643","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022014183133","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9d3ffaabd010a9272352bc6f8a1ecd832b756007","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022014183133.tgz","fileCount":28,"integrity":"sha512-TgENakeT9IQkqmcmlqYPfSQeYSpbY+2oIyNtJX0Tl3I9XYth35QHT7RMlDWj7KBtqePdNdYZNWJI32ePJqo0kw==","signatures":[{"sig":"MEYCIQDVkVYC03u3fW9BQmfCH9YvJr4lKhCY4rgRAP3ymKPFrgIhAMVv3aCl9be2w/3zs5ShqGhpC31GYU/JSzGMALZ7+wg0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cGlCRA9TVsSAnZWagAA9EIP/1AC6o3psOYosuj+SeNA\nlJCKaUgMCG+I0yvnXm25H2VbCf4zujEqdj8uY4JeuQrU4p2mRJjVLm/ME0zf\nOI8WlZSFvbX+XGbnRbpY3ipU575b59l7m5l3o/aoHBatGhABlKQ39uOQSvak\n2257wsRkqwBHEs8h5L2fgw+o8nzq80elavgUNCaoYBTTiMjA16rn2qd45hLe\n7ZKEFFchRw1szYT1CzRl5EtBzVGWfFfeFmCW3PMsJNE9XLm9NcTjpQjmUkOJ\ngU2JgfsyrIhNPyQnBmpkxhlkTa/Yx9XfzhX4UtVCuCnphVA/jYkALNLqEA2e\nCcidGqfN/Ay3ilipVzqYhUZwg09t7rh3CxmT3f4/Jd6NJhuJVp74bnDe5Yaq\nFNk2/R6neUqZABDWQzAQsFnoNyFzbKjRcbS+Skj2zdKBjcrbEanRWyx44aBa\nFsOesHJN58LwfUP8i2MUi3+oMzTjYcaW/qA4Cpsn/OhOfwKItACDXQu7ugjm\n9nxS4A5poCeVXvuNOwCOtp210m3LH/6VxWXr+8kjNGX26JTyp3WKwi7z/58h\nwvBS2b3IM8pNUDRtAFT5ALoep790MBoRGJpsmD1TuBtiXVzSIggSXR3awe0h\nwM98wkbzea3kEyqTgx/dOgjXNJbjf/2dl03rsEjr2zIKJC3zj83ChgTf7TUI\nrN/F\r\n=ktb/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-2022014183133","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022014183133"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022014183133"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022014183133_1642185125596_0.6296635460117619","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022017182645","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-2022017182645","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8a7a0d220e95f29bccb6a2c272555a9fd6621114","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022017182645.tgz","fileCount":28,"integrity":"sha512-mVOd0wvVSgLSTD1Ts6QOcqAu5Yz7sAl/DCzajzGMo78RBP9BB6PYECES9OTv994dlpIdtN9vf3meYaGyHrxdtA==","signatures":[{"sig":"MEQCIFTSA88pLubUIhe2mC5qeWn3QA2n1YCWFu/TwHpSGp7cAiATuzcurUH5qjX8jjk4X+TdQLc1mMstRPaPiyAE8U09KA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bT/CRA9TVsSAnZWagAAn/IP/2iF9ffxIq9whNQjxSEi\ndJ+YhkAZyHTCLrJlDWF5MeW8alUv5pSlOT129mJSqcWeFQ5YOqCLvNeLqCpH\nYyXI/xFAAnRyrWvQ4eSREfcAhsGoubS72fjkIFqzRz0jQ+IcKeoU2FvG4KxA\nbyJkP9P4uCwfEDFD52yPm68+i7u7zyuXhLBRofVY0fL730x2pCwtQil76/Vm\nHjjOGFGM3a6//IJuxKVGzTS7G2XJdbYx72Airmh3EnYgWRzYi8b6azpasDO2\njHc03L17VSreVwgX/hW3Y3r0P2ubYwYBFB4vtSzUzivyW3mQr2VvwJKsfSmX\noHPSPWE9RcP6/sPAmgS3ClbldiQvfKdt2oFZr4KZGj3lzMiIoAoOYVwaJsqX\nK5Gvgm4ytbhGUTdinUw9aMByH3pG5U/7Um/XKqF8D7KyJntGtL95ogTIjjW2\nTB/sLEAq7w9OZMAmOyeICSfNbTJgP2dWvkcwBIeF/CBsYntjNCfaH2IfQh/V\ncmJ2oz8ODIQCzCsIesBC8wQfWzaBrut7+itEiyMDwKftbmjP225gSEMe3xBL\nN2QcQRtJFfKlc70eDcRHRGL3cRkvQtnsodw/cqw8nwzZO08v0hTwOwiZrn5t\n3heeMNOPBdNSrAmkVBB03iOjzJP+vyOMrQHWvFHqAX4hgc3798YenxuFGfjc\niVlb\r\n=2ARr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"8956926a2426c08d4176513be5054c66f955a3aa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-pr-2022017182645","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022017182645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022017182645"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022017182645_1642444031054_0.46275283088292585","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022017182859","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022017182859","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6206221ed25a9c0d988c9b954e9140bc7e1e9d1a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022017182859.tgz","fileCount":28,"integrity":"sha512-n+hL0OPTE91VRjG2mLS0E3EsHxH+hvAxZqmh3vw2b8anfr48D7iQ9tq+vs6+ncvviQNYxS3NtGo5hcmLZBvMYQ==","signatures":[{"sig":"MEUCIC1ev/jnWVij+2HpUYHnKgC/OYAVJeMWB6b4q6wvReseAiEA1to8avRCM3Lv6Fe3kNeZQ8ZFwOqQMVra7+wBWyvHSts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWICRA9TVsSAnZWagAAtLYQAIlD1kbZdMxnlYqPLma4\n7/HRNyYC7odX0Gd5zfbIxELuyvOEhWzAenI3AMBUOjRZe2Td29eEqX3TN6MF\nehHbTWw6618Qs2IBVQ2Wr0+x/ExQjFImm1MgrxTlyl3o8is1gzmDzaW4GfrK\nBlH//nPJiKuLW/Wdr0/JkU/akKbMJKqTVeZz9q0N1ZLCMHE9kft8KPwzXlUe\nPUIelbtZ/T4enroIhApaRsbmxr8Ib9up//Rj8OTzie7Q48hnp6raTGqWfJaL\nQmyqhs8zq4sIqSGnpd8GLPgzfuDM2nbx+ahJEWyol3+fMrrC4ade41blhinv\nvkcIPwsARG/XTcSx6WYfFeYlhO5OaVTiMMetiw0j/Qf3PUGHpB7TJ/QBRBjB\nO1U03OqWOLXouHc1aJwtM76hLqc5PWdU0l3gUFmMRrWsHg6d6zSIWB4f7Hns\nbWET9fzolcrm6x+zIU5e7R6/yamluJNcEHIbfc+o41fuMM1aKgZH42mxpBZm\nvcdG78evKDFeO6jCUjVi3sTz4DY29+f9x77ifnFhfMRUAn9inL5paKpGB1fq\nHIHzQEyjokFnK/LRvvaLO2pWK/uWMKLX2o4NgEGGMfJ6XZkS7A6mk0xVBxe5\nJw55OetG6mQnRKMSdm39fThUVGJruMw2CGSQ/1MpaW/DLjg2GYTby2hpMSfi\nfxVb\r\n=tXv9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"d88782d8af4d8d6bbb988cac1fe65aa2c58e2a88","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/spinner":"0.0.0-dev-2022017182859","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022017182859"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022017182859"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022017182859_1642444168206_0.9079831558963887","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220209527","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"e635ecf2f65ce592e3b8857fbb2d49d0ccd6f8d2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220209527.tgz","fileCount":28,"integrity":"sha512-NOmSNMQ6lJs8mui0DqSbMcZEMnyN3WVjRAWo+LOfFwDFkomfmAmJQyL76JEb0p6ChNPgB4XRM3zf+9Ut997Dzw==","signatures":[{"sig":"MEUCIQC88C1AFqhG2O6eorZtd51/hxTppuigYxpB7X/hkQI35gIgO6lSl0oz9uSToDNFxH68JBgZYPm1l5ivr92R/BSPxcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SXwCRA9TVsSAnZWagAAa0EP/iNF/eqJQ0Mi+fjwdMrC\ni3VqL5pbhzEJIbVC8nPgIq0y8FIJO5Zb80EPwf7r0YUet0IbPjsDy6BDfczI\npy0LcTq5vIAmjEb42T2b+UJgh0hbJoJEoDuX2M/E1wFnFdqF+7mvl9IRLHr6\n7fM7Q+JvMzWehVhTLWu8uhXaE5LBxrF/wAyzL2vSCE2H1rRVgmIqOkdV7EkV\nlvg8AVnz3tp0yKwdfpGOReDIXPnp8jPW0PWOxHE/8zdVTm4ZPfpBIVskxvmb\nyyI+Ch8o2jTS6f+daZEIKu8EL7oQolCJ3gRQTLo8IIQVrhSqFZevxHrZs5IW\njYeaooYdXIKCSKWoTUrGt2dVA4NUbKYXGurTB5okTT5HoK2EewEf0PgSLuKq\nRMUqHAY7S88srPuG22ALsAMroqgcEH5FT+6UjS1JXR509xi228qp3/cgUuvj\n9asPyWcsSGI3zRpxbCo/3rBw68jGn52MoscsSyz+J60kFKJ/LjqaCmETywKe\nT7ZWfXv82s2M6x7Nzpdyq2dXz1UT7Jmb78crZ99xBEm+60Gn1T7+z217qmyK\nsHy23NSwkgppvoM+ZTumvcu/FUV0oDkkfNIMGII3VdmHnoI+zZA95PhiVbzz\ngc+HDo/OsPB54sETOyGe4gazj4b5CJF7OJ7AmI8XstLkKt4/livpFKaGTs6q\nEGR0\r\n=+/qZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-20220209527","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220209527"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220209527"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220209527_1642669552516_0.40517742359980313","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022020961","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"320e740b8912d2644a6f861121e64ee2c89ce9e3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022020961.tgz","fileCount":28,"integrity":"sha512-dja/zc4dstbedkgKIhq11zcXQvZ6zLB56Rpug5oB412pkGmUFi8geaMOH3liqkI7I3CXGi+L3qhEVXv4uEVgaQ==","signatures":[{"sig":"MEUCIQCUdSwtRFTanWzZJwkp5ycMguE71bvZwOiZGTgHr6ln+AIgaKTw/Qy5/q6AjMs+vPZUsFwW9vMcziJpe87/sT90cQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYXCRA9TVsSAnZWagAAn9UP/RDwSWUjhP2jXjHy4V7W\nnn6BwSSlvZhT7aRRwa4GjJdqgTuiWbGw0EsnxIQ1gawAT70/41kjit5YvOZZ\nkyFzBhhBhUOrZP9n/vHnVCQVosAuhTBhrB/lYAjSVLDtTQtePf0xL+xagymk\nhEXh/zsrcd2IRP+XmoCxDE8zfoneyJrS8bRUJvPbQIMwgEJLtoIyUJ/xOA9J\n9lHRvSJGa8hFW78nOwoF8lhf8SNm5nLi0ZMWXGGPQ3l77CcegHk/PE10ZCu9\nrUm0NpANgo04OHdHFDGTQMtDq2DLXKek9MxTbQj/g6l3dTgjnVin40fmexOI\nSaKWoYHzqSLukcgHbTOUt/9Em2OpnMCPWR1Nu36Fsw6+JCLfP5L03pJnkoEW\nY1X97AOyLFDgXcA0DdL/6BLCHBRXCYOrja3Qh987H2TjzWejIQCuNzN4z3sy\nYdpWTYf7J6aOaPrw0nc2J/+6FmNZE20y2FbxJNSRdbOyqVTg88cyCvq6Qy7b\nmCtQ5yxzOIEa+oh3T5krYbE1CP3xu45qnqcSl3kkIO4z+ER1U0A+2M+WhSCa\niQMvLsZqy2SjEejagN8vYzxbR50T/i4Vht9tT8lJvMK0buwn3EqrK53U80t3\ni+esP+Rq9Oo5ITfHgtABD1IJus9Aisen6MY34w95C/+cjpOb3vUPEylRnYe2\nXD10\r\n=YhO1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-2022020961","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022020961"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022020961"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022020961_1642669591125_0.6612855823323616","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220209192","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"857d7f97112f50df065d28105328abdbcb4f1721","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220209192.tgz","fileCount":28,"integrity":"sha512-ZRr5UaYH2vpyZ61t5vPIW0fVcEEYWQtMMTudeqNxRnoNrgKr+oilVO5bnfQzQpzpeJd4Hhy3YuYQ7cXMl9xo8g==","signatures":[{"sig":"MEYCIQCje+V/L3iOw7D/1dGC2A8+pjGsbL+RSki2uOhgJ9RlFwIhAKNztqNgdLg08CZTQgzDWdTealntNRJ7sWjxZrFkSrmQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SkmCRA9TVsSAnZWagAAIYMP/2lVDzDnGokJ0awWeyI2\nFXqIeiocBwXrxD/RQOlxbhWdj3K/4q1Qc47xt0+l5+IZTRJ/qn8FWz+OhwKw\ntzvxQGdkDdO1faFETOZPRpB+U5JYSyoebw4jGqdUhFOqe8JWoWR+pOTUC/CU\n7XYVpKSTyjz5N5frYu+L8CB2vihsGB+6aIylu2v8P8yh5R0ti0XJLRV52sl8\nBBpNX0fi4Dw9FJ2eF8n2+gC+kL6cxYQkxVHekyclzd07PrAKCiI8VzE3i3Fs\n6ZGBt68kkdl/lyi8LtY9oo1DzACw54DCjA2SIIo9ipf41JxKOAZSQhgqIiZp\nDutpzulOxfQqd29oTZ4QmDXvJzH7CdqpqXDmSXQGnKH0oMEkdXNPoJjSxf9z\ncmizZm5klAdVmz3iuaLYz1akbaFpaRENSRb3buuvVI0HU9Vwt5AYfc2Pv1jq\nFpR0imnf2F03TBzIbCyEHMGrTry0rMRnFJy9MJQpREPr8XXNSluwrYnf23LX\ncF9oeXw8X/HwJQdh/vBXk/E7ZSNaxUQgBUw66wSpJZce6eVK+080SHYaVJeU\n55uF1q7rut/DA/7doliIxdsSivjWoJO9fQMlT871rZXGR5icskDEMUzXt2su\nD2vkOCkMdfgU9ISSYI2CiAFcUoDmG2UrrPC2JNtNsp601JPBveEl593aSmkq\nNZlW\r\n=dRWM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220209192","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220209192"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220209192"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220209192_1642670374496_0.11082772237806626","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202092345","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d0a39ebbccdcd2fd90b163ab896d5ad56b154461","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202092345.tgz","fileCount":28,"integrity":"sha512-noKHBHk/hBaCnBJBpul7Y4QY20tAwg7Zm5PBjE/apiBi/8xzEp+iDNGlMglpd4+EwLJE5c5bYowNf9TgoE3Auw==","signatures":[{"sig":"MEUCIQDcgqCKWnD171mV1Y8qHQR3VEDchvhjESr4owhgXqgxMwIgO3U2Z0AiCC5/sA/+RtdBHq1iGQ9RuCeS+g6vWSxDQG8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6So+CRA9TVsSAnZWagAAAPgP/1XmrDbJA5QPxRzIJZuX\n1/yQqzsNu4pOsBkIf12i9gcOSJ+XJnqbs9BK+EvmVtTWbtoo0zsx6+CwIoBN\njH2a6XsA5wnXkWw8RMaRoxqUGw5fyITaan9MDqAwUGu4i3as2F0xZ1V0CT4b\nPB9FRtl0Wv8PJFNRuGssBMuBd4IKNwfpNx1UeBDKYbQ2KeTDFp0ApKNZEwwF\nn9578XrHmRdbYCKN2olvfFpJ8JyQNIh73YZORguQXdmzep43lLRawvAXkT1E\nFlGOV+GxA6JPB/JCI48PLsMIpi18kzwPsAJ7UoBny4lmnZbx/Iimn2QGvq2H\n4QkZFfUnZZe0i/7oK5k3kBcDDUvqh7FOovD0BMPHOsLtzNTo77HpnYMC5LpM\n5bmkpWJCSV/2/Ve78giW6JO7E6x/y0KcqWDNL3O4J0lDP+BzHWEv6cC8z2dC\nq/6Efnw7a/dmxEXVeQCLj+iGcUeWADn+s3Zr97eQlE1p7uYH/kHraKNRiUIF\nFL0IvP8LcEH5EKzK+qhlLE9jTxt8PldJiLXyaRzI6UqJInO6O9LsnxWXnOjR\n9LWLqcy5Z/HwoP3EqEU+OrR5CDn/vOxDX4pukiU9jiw5t1l2iHk7vmDmsJd+\nxlnC1h4ScEhCA8cTGakeGLII5tKpCqhASJb7/bAVMtpdUaovvwtLU2QbeYot\npe14\r\n=7Kbv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202092345","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202092345"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202092345"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202092345_1642670654087_0.427853343088211","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202495259","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7f094d23198ddecb8222b26a63811990bb0efd26","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202495259.tgz","fileCount":28,"integrity":"sha512-3WXWGqq7GhNMEtphDnurBNDmaM0LZEurojQuVbIAa8f5+bj+xwZZ3XPEupn6in9m4mWWxBY74UMzjkXIT1f6/w==","signatures":[{"sig":"MEUCIFq1219LrgRg8YZfZfJTx74HMO3Rjoy3x4h5p/xNJ4qvAiEAg7b1G2gM/LsS/oiMegrB8Q1tfQ6t6PcqNQU46ARnjzs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nccCRA9TVsSAnZWagAAKF0P/jqQENnD6hGKc76uNhfn\n2wcuE7NP2G1W44XNv6RWJ9Gzr6Yhuz816+ZZQIUSrlHvA7Cnn3EZsa3Suz+W\noV278ZsIiQEMByWLcCJU134c5et9dqD5qrQHNlmQknFFzUuhNUyM9twM4o5g\nrqaEcBAyCy2omJDcJjeLMoT0YROCP1m+dukNHn9UjVPhJgsdxmvmEmigDe6J\nWn8dRuN9BwqlB/PIV74v27r38ts2ce2hkjy+tXzJdS89PL9bjhrXOPaN1u/B\nTbvXoniCU3ujekbcpA+rvAhKR2uSzJgcqVFHP50bZcfGQ6UDuvT+A6PRc3Mt\nUTR4lL48CYMA1rUArpaWs59Vjo8gzeCXr2q//4nZOJhq41liMIYvTj4m4hi6\nI4OpjOK52LKPpXHY/q84N4s+7NTLzkr7ycVtydxa7QzDNZa7aQnBMRQ7EVAS\nXo7TwqzaA+kNDyWbDmVAGtzsiVIkuZLrvi9h9ZU33yGDXVgKqK3w2nTzavWu\nV0RDH1lXSByReQKREOzAd4JJWl23scPI1Unoihiogdp0clPZOnlD9jmlLbAI\ncqn/DQC3+Zd/J1ddbSHyJjLt/2gNTou0/5v20g+tGSXSbfjuWPIiFviL1t9P\n8euiM02H4VgwGCzTpQGVS8S/GUJ9dfeOa2mIItBhkkijwgM1wOlvPnmzupmi\nJwSK\r\n=AQQp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202495259","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495259"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495259"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202495259_1643018012200_0.36492887919181904","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202495536","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"23571a4b58ec2282b21f05d41b3ee322ddc4c1e3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202495536.tgz","fileCount":28,"integrity":"sha512-g9hrxAKZCVhfxuK0Vu1tI6PM8JECsY+Euml9utYtOGIwDpUbU+mMLLZLmLaqqPZHK/jjZpKsCyAaFAc/z3ofMw==","signatures":[{"sig":"MEQCIFDwJdpkAosyxeR6t9X29FzK++rl7JSgrk+VSfc+Uf5OAiBlYZZnETZDgi4Zx8kHTh3xyNeNYhYN0kfSgSOv2A4cRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ne4CRA9TVsSAnZWagAAqpUP/j7U8is63sDyvDSIYFgP\nVh0vW+b0v2NJy286IVhtZLt8Dsag0r9humcAQtxwsErnhxNRKe6t1xB5HL6a\nsz8i6KiMVPJgOaA3UObO6VhOK3q95IL0Giw0C0zeRXrIH8IgvfXy6VOWshp6\nKAyOmy46iA8TPUAaCN8Lidcoe7ctW+Wibgn+onPVRBW39prSunMDj/uNX4fr\n5/0Yn/1q9T1r7qP6Yph0qLC6Eipi32ITa4G/jDGxs4Myxt+IOECjg/jawQMm\nAmKLs7kv4DHFjcKL2o9DQ2tVbkgctbW01oZJDbZTPVTGNe2QGcHyfFYYWxMi\nMDjTorv81/J+nLwbbZvEwRU8HeXhLF9MA+RdIUQSIfPv/yRz0g7vKS4i1NQu\nAcmcpWiJ2+AwttHN6vWKxCz/4dj3fCkC6SHvlcynXEus830f3K248X6jI7qz\nD4xom+aiTe9lfWutkINUQ1Ix9IVl1GU//oJ+DHvL88Pfy54AlIpVQW0Nef5b\n0KfxRH9ppoOqJUsvopqMt9q6kuke9YeMDrbxdzLFzzmrnVQ8G8ospAjfDXZE\nRsOjxguIB5DeGGzHWJUo3XsPTLS/nNXYANzGQi+SqcOJd53YeP0LTpWJMhY6\nIxgn8QequEW/fXeGgJCz7jLz2LrIv1XwVadumYgmeZ21Rdi+Mfo8Z0/LsUjs\ncGH1\r\n=zyvf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202495536","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495536"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495536"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202495536_1643018168794_0.6787762283407714","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202495553","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0e0cd6b49430da05a28b806d7c37ad7b09df16b4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202495553.tgz","fileCount":28,"integrity":"sha512-pYa3fSR69RzOyowUBCwBfy2QbRgX+PudPLZt7iLA2ctaJjIKs8I2KOTDCYo6svNKG7aiiYSXyHxXdWGEtkq+lQ==","signatures":[{"sig":"MEUCIQCqmIIsPIStJSO8p7yxC0lsMJ78Re77RIkWdWDjWz8TgQIgKrCjp/m2U+gv95PmEEZyauLSbo1Pt5AiarOg1fDGOws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfCCRA9TVsSAnZWagAAlWsP/0AnohhRZoZHCWvJigXC\nv2vkCLvb0e9g7B5snEZutFreScovl6NtOPGGhcDoiTCbkCu2o03BrM4IEl+r\niGqLs3ksC6CAypvNMd0lXBdaSedUT3KKTPSsqFSlEjCm1Pu84vUXlqjKfzwK\nXKUD1RF/TwoVYMS1s/qq8ikG1h2YbwFB3+HaOcPSCIDrdteiZQApa4iCBiin\n6GdinKz+6u8zoow95MziGTL9v93FVAxhK8gu6G/KtefDApeNQ6eWp/UriMmX\nxh+ZHPGnbiE3MDfXQQNUfKMMV6R4MwmeqMQy3FARvIERIWJpPlzuwoLIyeC8\nOxYhyEtEKT1lUhHNRpd98VkRDzG4nCdsdpnpGTTc/3ac8/i6otamru37J7xo\nEI2eDEAGg8W+NYiWfR9t4mWXHI0lBX0pl6adz0H809SLhQBNjSLOPv5lfKyS\nhtC8FN+41hO96Ick5CgOsRirWL3AsGZQI/pyMjC444gaMLzVXcoJJNgaoAjL\nAdf9Ye2rotL8mRPFHLtPonCwr6w+eTJ3xQhbvySHvJ4ldjOxDkjJK8Ur9fZ0\nVXi4lhbhKgBbr3NfLBayAs3Ge5yoYJtk2IQjj0xXk2T+zGRskEPe2Re2w5ej\nHo/ZVaxzTpKbCPR988oLD7WEy+3SO7+rL6psezCdeGFd6etX0OY+5yk+3cQE\n2hJJ\r\n=0Vw1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202495553","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495553"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495553"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202495553_1643018178579_0.9928946469223077","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/button","version":"0.0.0-dev-202202495727","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ae96dc4fdda9f0033e3c38a8fbb2b42ee3175ba1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202202495727.tgz","fileCount":28,"integrity":"sha512-K3kn+BN6rMAZjd0kOj42aEQpA/2zdegmisRO9JNzSnI51wCzKZkxmRpsfoNN9FsyqJWSRE+awc4OgyNPDpNNdw==","signatures":[{"sig":"MEQCICuZd2IacDB1p4mr75G2145sGQU1PojanILKO1TS2ixKAiAQ/gx7EKta13prZUfcCSvR8EWnAa2AbVFaA+QKA4L7VQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nglCRA9TVsSAnZWagAA1wkP/2/o2LPRp8lMw/LxjVCj\ni4wTh5IGMO/l88rB35CcoroBT/L6S+6+ePUJ4Fxcral/SZlj2hcNZSzgGzAe\n9AaWB4W77esjJWBN6XbpRcJkl8B7GV+kiToWOT2AcyBXFJZg5aoH/uoiD8oL\neFB3FPmQ0aUEogtAsws+7C+tHsxbps+rFbU2hcjw6MaQaZ/wh2fZ2j7in3xp\ng/GEn4M8foECDO0MdJpzCgGAxHP24ARvdlhJLZL5M6p7lTwOYTq5wPBJacbf\n9IAyS80XmSH4c6lIBZ/kRJyY2Ne93teWMOpG1NfKdQN2Q3xM/djVnHN2LpBX\nfXfWfjnvUTQIoI+WuSSYvFlATkFrNC9wgFYWJIubVE2wnlP3MdAzykPvUsOn\nVv+naC7ZWtWSmQp78677i+UDr+jECatvBCUojAveJ3DbfyQlpfLEk92Ehxmf\nOtu141U+eRGOuOV47Iy4O290eJfw3IEGEZK8BxwTt/MWKcM7AxyVN1O0xOS8\nhyw3WcoJFGysjxpsjZgj5HCpnxErFmhY8YqN6kDOuB3tcBC+TryZkci4VVyi\nR0y7fBF5gggmbR9IRHUF5poOT44yTVoidxO+PRqiffSDpm3vKrA2xziGy19n\nHLSWXrxQuaKTuWi/CFMvJznewYO9OC2HlkFzoXLG3BBvIk7LCWcD6aq8DnFX\nzUJ1\r\n=RrS6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202202495727","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202495727"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202495727"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202202495727_1643018277609_0.5697508684814148","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/button","version":"0.0.0-dev-202202410017","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1ab7238f7cba9f71e25cb0f1ef2c664dfe914463","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202202410017.tgz","fileCount":28,"integrity":"sha512-VpTi6DzaOZBgzFimJDCXY//EPjrvaCd+TyrLgYoCq4oJ0dc8e2VW6bttuYSnFM4HBlZ7FcIzze0g4gRxGZb+PQ==","signatures":[{"sig":"MEUCIQDMOAkIBP8g2Wj2+IEhdWP0jPgRHOFBN5u/pAT0icl5AgIgIwEYzKDqxw+O9RJogHEWoEOeXUcq9XKGE045bzZCsxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njLCRA9TVsSAnZWagAAWQoQAI2BpDO+t5WytewMcart\n+vkckxgB5pQvTnOvlxIFB9tZQuUgRYJSbAhe/uJ5f2X593yV8njko8L2CD7k\niHHqfA8ZoOIQf9pLIUrlQK5YzefW7uaEEbcnEyqshQD7u+Nne5X7SG8T+16h\nKYiyO2ODd7dJ5h3jCIvsdCx8iFjWk4AkqWdau9hzm43JgJd5ticAwrxd7roj\nyhxdZyZlXq6KlO/KtEPgOK7UuX62rqfJcRF9YoUhUK9Xyho/Somx3hckdfzf\nJdFtHbeSj9vsS78KTVjxdo4yuYQEP11Xb9zG7nM1arrMYvap0Kz4LJdRJn6H\nZUgbqPveAW4wSb9Boi8pMt2NpUoiJIuphu6RIqwHVD1an7rlQSrxB7VSHQbh\nGPvBtOOtBQlcfRsDezrJbnoqJctvUr423JjjCBB0Qc8QpFgnzqRXAjNICf7X\n1ONfCKGU+oYJV53cD7CX3E/MqLVOhCTuSV1l1kLaSGugiYAJvrZQn5WP1lgT\n8A2hEP+6nLbOQrn1y2ZkXXUujfJyrUz7LStZtz4oheWJkDSL52f5Qryx5nka\nhVfvD6EgGI7hH5RFYCeSoAPynJWo/yeCSMX9YhP2od/f8AQyi9GBKuCZhOvW\nvUz4qv3/3lAgPJCAvITiknAW3UBPihkcoZHCFC8aPjiVJtIGI/reYzhJebGq\nmqpg\r\n=X01Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202202410017","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202410017"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202410017"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202202410017_1643018443066_0.5962328031564146","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202410034","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"126b1e57c0ec77bfde8ee10acdf5c0250dfd0355","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202410034.tgz","fileCount":28,"integrity":"sha512-IiOAbuXBPugmBJrTNeFQ8wdO2Boc1LA/mrcGsadpoSPODfAtTdMHFIsBMq7BrYlmdxRy82MOcPFdbUDs9xvfOQ==","signatures":[{"sig":"MEUCIBYCAfWp9CdzhzT9vOfukwZLylILYHYJG8xwUl+TofmbAiEArCspKB7IL/38KzTB3eSf0tRi3lsx0Zozk3IksBNL60U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njkCRA9TVsSAnZWagAAqwYP/jUkXeerH+MzO5lMN7HA\n+Oyah0g/2fjajy7ffP6lBBCeUlD4mbTGhm2f0PUUPU3JRZqvKkzDho6KG1TJ\ndr2NOC6kkMAlrFgtVK+nBeeSWSdtRuV0Ms2J51rt4VX2qgVaNLC9e2JsN4RR\nGyI51TudgPoAbpGAQSMB95p9HT+lypNfTgNsxP5hod0wBkGPaXPPC0/l4+C6\n+pOo1OlL19iIGl6JME2zUc71jPG4k2GHhwWcgfhiucX63NzRR0SPIbtKzMKM\n51kDS1CTdAihXVNK9zwwcbQFHtPeEJctRgsLntlTbgzckBQrLh7nOsS9wS2N\nxOKttvzuZVVs1hRXqb48smKvnzuHdqMcjxk2EiDfGuf6dV9yPp2hGT3XFw67\n1tPTBaTS+y29Kuofvrcn0Z8hpGLHhTcGAvON51EppuzLrUV90CF7N9a1TsuB\nMYFBjbZg6/PVD7KrzgbMsFiUyRT1yPH6jaoph7N/e7psXUBqOfhYrDSyPUlF\npKpPxxcZzeiLcC2PPHolnFFDsenN+yQtKx1/RVoieGIZjGXPrR30fdlIYEDW\nQ3rZZmrmNFv3A3cH++5riDZXBd+BgQgpsx41Njmn7AMTRCi4xq/2V/Ze3Cs5\nVEhwdQsfZRkEQLyF4JjLDSXFaXVnit04cuAXJwUGPiLfHxcI7WBBWtuVbboG\npQdf\r\n=PFai\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202410034","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202410034"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202410034"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202410034_1643018468699_0.9495420643992256","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022024212254","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"df769cc4c81a8950cebfb3c95f94aea5c2a1c5fd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022024212254.tgz","fileCount":28,"integrity":"sha512-+Z6larapld+eX/6L5p3F9h1Vj//XKLAcsL7I+S457DmnlfI9ffHinAtSQEBK2mH8ZEhgsb/mPK4zOuxZVPpWkA==","signatures":[{"sig":"MEYCIQCdI6KO/XtqzyKLQslSLNMwejNVveunvOwhSd+z6PQiAwIhAJDrM0lThKiKXnKFB+Fr3U7zY4Wvgl5fBszfM97PYPLb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjMCRA9TVsSAnZWagAARzYQAJH6wUgVR7Y/dsWS1xPZ\nWo87ZmA1kY4Pi86599e8cDUEKl9IsO5LIRO/pAvh94E42p3bkRSrDIecb4X5\n1wzbxCRUBzd3WKMfq784HgbEPPEditQXBzWMBm39pGDlR8zqma9QXd83Sz2k\nf3WNry31pq5mo3sw8Bv87vyTIta7qj1XyrZ2bsc2JzlmuSarQauo+9YyjFDJ\nXWk77ox5AAA/kMnX6uAiD++CRP9olPqAnROjXH0Rng9LwmWOBFa1ORCj8pSL\nqoHCCl8A4wsYl8/+/+tpjfst0tfdmAh3bpzUnflxThQSRnrEgy1hOrgufvBC\nmp4osCqSCglUnTH/OMQmxGvenmpyVEZSyai8I+3KgyHL2Oeuv77bAcRcrvJb\n5SyRoH0rvb0gJRMPT+CzGab9K5yitKjIzXtbSad0+ezNAOYobTJj4bX9O0xC\nke7vpuHk7Ro68bL8uusXmRKh7mJQIx10uzPZXtx2nZ8wgYCduGY1F3ILVp3l\neQV0Iivfp39DUfg2r+MmHgZgm8X7S3iS5KC+hDU4ue8Ej7VUA/PFJ/FzWwVy\nmIAPMXdaxo5lpnsi1sHl2sZcLHUSz56uF76jlLT8xk1lv7dJi/0Xkg0SgDed\nENLlsUTB7D+/t4UsL+ZgNmSMdfkjo3KBBpMXP8EWCilMj+ZF7FGya5wNXpuA\nCunb\r\n=RXMA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-2022024212254","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022024212254"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022024212254"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022024212254_1643059404624_0.9150246976155236","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202423375","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"418bf43ff8303065c2b9e0718baee15127482e7a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202423375.tgz","fileCount":28,"integrity":"sha512-0eR2pL+nDC8MNrwoToPY4qYipcCdrWhWvcVqWvQcduMaa6tkYhZTGdjvyFw7ivKPBngOuqlRBv0SQo53brUnbQ==","signatures":[{"sig":"MEUCIEJ5lRVGH2Oscn7r/GE97fEzn35fW2do2BrylE5fMOwhAiEAwYN2iFRK/tsPrJrXuFGkdrKqyNVFlydn9DEDUZdhyRg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zg8CRA9TVsSAnZWagAAuoMP+wQ/YdZk4qYFeD9e+3Zn\n/CPQxpDBJBQL/m6npaUugN52A7vOtx1iiVidrrGdaLsfjeBAhTHvRyfE61hT\nd0JnwOyUj+eYliE5KTMDAnNPeaOipeRFEcuKkQE8OpJmgZPJu/3D4EAiW/Ck\nG8eH0O1S4wpXHFRGa48vKGD5Ah/ktgy8+WRYhM7TWtdhwS328xvUPqp/85+l\nAQLElYVBNzR0eX38pbANorTKQ737KH//XwqhlN3GEpT9oCTelGvEyGLzKU83\nnslBPlJ5VZha1XI/n4COASvj/8AGVHKsdiAEiwMETrvelCFR5JNiBpUXDiAo\nbvPMGheHyFSGoRAw8pRcixjcRx/TUb0jYlGW0Pf02aoZVlD0p1iFAEMEi+Xp\nEaMLc2KeVfwBM0LTbPYt1uBcJPHgcr+kvGu94UQRn/zxmTF8zOiTpJEgzgN1\nNq0leJprnAwoqsRFt4XHeddYVme7/Q7ib3RgnwAUTbEiek4yNhjz5N/igCBS\n8kR8rcQd0s2Ej/8Q3pXqu9XbNlNF8JoXrHewn4EsYjuSRHADA9OSWCFcEEpz\nOl5fArsZooCNzgpQ8UbSxNYKiTd7+YFWKtsmDT5jVRHnvMJHxE4s46+2NCTi\ndwfZybfryWgfoXpJ1sTuGSSaY08jyPKNVdsuzzXFE5id8X35pfVj59/8nWum\n+k4e\r\n=ND+A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202423375","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202423375"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202423375"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202423375_1643067452819_0.6913986843431141","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022024234531","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b0d4b86de42e1ddf2b6ee998c2555c794673ee4d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022024234531.tgz","fileCount":28,"integrity":"sha512-Q8NQ5DV8snVG1M/KpnB67HXdplez35vI2rm8aokapCDsj221Be3ARgnvhX6iPpV9x6HUU7Bl5Jq45YJtY/GItg==","signatures":[{"sig":"MEYCIQCaF47DS42j2TvI8CfDywiQY1HaxJySVNlqg048R590SwIhAMgjc3fw4xXevlNFTZHUMaxCx+kxfGxuctoMf2zYj//q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zo6CRA9TVsSAnZWagAA+F0P/2YiMCHTEJidTxlsVOL/\nMLUKhHqFIwKrKbF3wVdUxjE9snDWFPfOXQxp3ZT1IwO4UpiUfxb0Rg5etDbE\nXP/m0+Khaipvi6UL+QojAUnrz+lJiop0GueQ0RZeGkEDysQ1ehgDdIaZ+3bx\n33QNoxArB5BqsGlaHs6LTDYeNVsn6OEDnLFCHb49CJSuxE5amqwbOYGdQui+\nWeAE8RNKhEbFiFu8JA1C6vi+1CN3Lmn+5Ac1vwpceB/sRO+/sZFitSV72l4U\nebb+SV9Pq4vZ+T1+CA1qiv5DJ5AZ65+DFt3xm5e3B6WHr9d73DKFK94lrr2w\nAWbCMqGQ4fC57OAUkP8ptNnQ/gVFYaeQWmcPTdB21ATWhpbZngPqFQiNQE0C\nS4wBt92ebNKNkcsI74vstCDxxkJQZ7voICsbY7fwXVpQJ6CvAeag0F8Z1bXT\nUGym5wP3olaJq3QV2mY9mqbEmgPJMJtlYcgpuOYymXPjkWUnTqvY0FkG69ge\nNb3EwmqG0CqBlyxmS2KcYcZWA3pAqGdiUq0QjCvq1R6XH7inSBbGEPlFN/uq\np9FGaBWxaXPVCA3l8h+HE0iPRsefnvyz6xIaXV0i5ajUyLu6b22acnbbfO/q\n9nWk+ufFLTcwrN3KbJI6AEI5J6XMABve2X3kg2Z2Gao60LSj4JhwWrf8JusA\nu70V\r\n=PMc2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-2022024234531","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022024234531"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022024234531"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022024234531_1643067961967_0.08964355704688409","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220258423","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"03a08920b2262dc844b43183be82941565cfd1ad","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220258423.tgz","fileCount":28,"integrity":"sha512-ka35x5bfE5xkYyK9LxNPibsPPvscueywE8xo5er0LqxvsP3vSSRVdaYbPMM2wk9HB1y36+BTmljxKHIR9y/TMg==","signatures":[{"sig":"MEUCICyC7t0ucveR++j83bmb0QOo9LpaquVrSIt+psyo2w7JAiEAigjEhLWAALGZymZXj18KXDeZ1OQGcA5HBJXHigHRb+I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77f7CRA9TVsSAnZWagAAl1QP/in4p6Mlcau314kZjZIJ\nkpznTvbh4Yve0lFvez9J8kGYXwCQxk2+rkiiT3SvEOus1S2GfesiElLUf5fP\nvhtKtvnlnCAuKzdWy7F97bBr5J2uzJ/qYHZ9oxaYNDo6wLb68wAufXrfXq9X\nZyUU49MlPOG9siFmxoQsCt6870yvDvzUXYG3h2B2eI5roXtOz6N1tUfwCP+T\nS0qjV+ZySCY5SS4/42Fay9BN+KVrFKHb34teAv60mppIiacp33AjBUrHt3PJ\nO8XSPKMOPKcYU2xc/milAnyITIi4WNbpRLhK83G9YceMxa6Pi9fbgQPnNmjj\n1unSWF1rWOOcfYWO8xE9bKgGiiII8C++UNrx5EKgwn7BzRqpZ00kiHlhBUYX\n+qFY2sbby0NZ5Pi8Tvxf5giR/qw7s9fcNw2MW0cnEIq9K0pJ0TLlx2zt9iT8\nxFX2UGQiHmO4U+X2P/a/PDpeTbVzsQblQlRBCSLttWX6tt6tznuBo508u1Zy\njVsXYC8Ty4yZdC6cJEWTqnFeWUERfyj11kt2B0zyGglQpKNqkDW/5yceAnps\nW2R/kh1jRHDk/JjxCcW90K8f+SV5N3EuzfTWph51qj22HKxqS3ZljKQoabJA\nHYpLpRsLAOv88Y3kEDqY67WfEapknjXO/Q8rLj2ZrfVtCYNw9JJGoilPW38o\nJecW\r\n=H1OK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-20220258423","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220258423"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220258423"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220258423_1643100155074_0.5454428224266645","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202584437","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"abe7fdebcf9d4fb0a21ff7977a424b2b129aba12","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202584437.tgz","fileCount":28,"integrity":"sha512-Pvkty4tkg2hcIL9rMcGafc6yNUDCKLk/4LcXk9771k8Nuo8JbPhwIekQBNrx/pfCDgFtkSUW9HsftLQYHFC5Dg==","signatures":[{"sig":"MEUCIHvoFD+35qCl5kEDTNnAvOpAI9F2f9o57byRam+oPxIgAiEA7L6zKNGX+dvM3JZgluP7GGRP5ziNwC33jo3FqDuiWqk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77iUCRA9TVsSAnZWagAAWe0QAIrm6t2CaPuTJ7XL7eTo\nXmkoBhlYilShhNF3d93hloHRRzyS4bFUWyCvUzDTpj5ITTENOHFlsZhEYGQb\n2rwxAcUhtj8KkgM6r5NxDWJMClHXCnCpLeF6NPnW+ZaVhUnVAvo1dNzAs3xn\njF2pfSBzSIAt/FKGwsBXT/QCBbDDbIiO7nUyzl7cqHlYfbDCo3XyZTtw1vhJ\nR33lcXo85me+kInKo7sT2CgCR5PUmu8eUhrn3/Vyz+RiapuEVHXFCnm55kCw\nvAKpYfgGXl4V2vfMBSDil00Qg4RMgEajuSuoW6P7kNrvja5fB5vUEP8YogoI\nzpmr9I+xv7F0HYM3TZTzHxrfOCDUvr1mujDIbFPudV0fWLwKGSKfBGfN36i9\nWOo4xlXFBgs6lMBGhlfZ2SvY1oYWvtfYzkvw0BBLMJVkVqQT4slfERB2qdN8\n6F/S9SUJuhdAjZqMwH2XxFRUmYHJ1t9F5KLI1BRiNmBxYe/ap5GLdnoM8qSE\nzee9kjVXq7GLsrz0K8118YThWM9gbL2+3XpwYPALPgAGs7S0rsdwa4NZzd2h\nWF1WQ/jjHqBcOP6HAtwX4fWTzKItSlg2FKN5N1wGgEbC+cYas+LNBPVpn9dF\nX6NivMEBjDEqAbJvsFkvmMHzzInZyrHQsMA9FtAtRFs2kEo5d8sVtJhcnO2h\nO9bf\r\n=7zMh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202202584437","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202584437"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202584437"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202584437_1643100308486_0.09539868041350164","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220258462","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7bfcd576269132e08b9572359341c7a61caf0efb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220258462.tgz","fileCount":28,"integrity":"sha512-nB0ZwqbX40iHqmYluWLpTt7kHEkBmfBoY+P9AZDe/um9bxoMk5qI/XiIC9dxbiAzYT7D/F3A49hAy2CsLobrWw==","signatures":[{"sig":"MEUCIHOLFdJJDhuu+OGwpcQYM7BBidK5LiSB1f+QdG1D24yMAiEA1163Xr31volLQEpVbHyGZuwRIpe+MIPRltDYBvh7TJM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77jlCRA9TVsSAnZWagAA3HwP/2+xENK7T4ILVIB1dLCz\nerFuuUBZKl1sqHSiffjtqk+QCfg8Qs3X8ufK/51tjhWCMv6FWYIkLeOSGbVo\nSospBKZGNtam71D6MeTfTWjscp0BHft526JeNtF0faGbC80P6snfBID9Pnqp\nW9TY46LeFHkYb5StYStyRjwj90Q2b9kO8zRtGss1y8to8Njtz/MuFHKDTazJ\nYTFV/sPGEjjjUzPzloQKCbx5awmGdRMXIbNZQkHDYiPtl5GISbgsM/nFVhCg\nhzeCynkvWndmZ+m4sVBdG1Pw1ji+fTqbVGCTjI3wv2RAtVCxLaC9FPzndHfX\nNFvtciMVBwwKrdqeDNOlFtt6f3RILfNRXloVOVS1A/o6BWCcxmTFrWOFkC8t\nTjyvFhp4LfW5bMxlFHQEgVyxcjCDon4o6k2dYYUJTHCzSw/N66avgiKsNhce\niZTUZF294703TAJrACgAx3wNyDKmOlmcgbxhrAScsXMnCFOqqM5cw3hjbTRW\nTNbRDfVAHIH+RL/FExiL+S66fCLiaBQ3VUe+30o0VOLWZCVtZ8Y1VJtChNUT\ndUiCrHhAmeYFsoWdg7bAo9fawsIa4oBEP/SIF8Tc2XFRFXMEcyTfYQgqe3Hb\nF/Q2YhwfRI/ChKG88zIiaQkrV7XQk5ExIyBikVyn7q5gCyfF21gOBaLkgUNP\nxSPh\r\n=uihX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220258462","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220258462"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220258462"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220258462_1643100389326_0.9142345573910851","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220258486","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"35fcf04d7715eb33deb23fc3b2cf74cbf3d6abbb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220258486.tgz","fileCount":28,"integrity":"sha512-v5CWJ23bgW4eXa8+W7psJNY1UOidlx+lsifQYKcjHI4/MtZw4lrggH6KhYD4ttLh1BaNMBOyl3KhjH/HRgnotA==","signatures":[{"sig":"MEUCIQDMZdbek+QXpu2ZWho5FWPe/gNqgTfNXx2biY+aCPHmEwIgPGtes4Vv62DYt/lXDwEAyd6ateRGkVJsIlYXfeFeVfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77lmCRA9TVsSAnZWagAA1wcP/0q/2FHQzdo3GWfK65jr\nyPo4YZwXTVEi6P4r/kHHKz3Mws1S/lWUn2jVt0ZIYd7jNo0n82xF2upePbyI\n4QJKOElun+6E5ZOEXrk1b/49hUg32NegohRyKH/emPOoVlgwY1/g2w+o3cy+\nYNQM5NZBP9/kbBwJTS/Eg12xstgfPhPEWym/TFvDFA5+Z3hz0mMEg7cQt539\nsubE1YJktIB2x0mFGmdFXmSXENllIsL39kmWEOQnpJPfy25c5YERNidf0yuH\n8q4eRywcXesCfSQI4vTIhq9FtTg4nPqOhIVDeefbKFz0KTv/hqDGeCAFQwEV\nNyeJ2sPQHzcgMA7JEGSV4VLJ7hfOniNq71OoyDq4WyLsJHonFaDTtljYed0p\nHBD3CKmhgfX0rRhYZ80NiCbVz6o5IFs4BZOxIFOvaDyZd9K0FclU7a0OQalx\nX9aQSvnNVWwv/risXBj+gUs80ZVkZoo+KAoZJ4EddkqO401I6/tmM8ljZVnd\n/4zbu5bhygwS144yO7k/Uts7k4GjG+uqyJVADKwptb06PnL7wbLz4fTBOcSJ\ndVF9lNSDElj5WSPmS2dZCUF9dBycHvaWjmWBb0FI2BFFYKG1CU9TAmI/SN5p\nr9B5SV8qx5VzEmxWNUS6Fc04FyF7K2k6Cg098WKxagCmD0mz8MpHnWACe2Jz\n1fhG\r\n=Xo/O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-20220258486","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220258486"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220258486"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220258486_1643100518735_0.6590710885084936","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/button","version":"0.0.0-dev-202202585455","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0eeb0210c11889813795a331a03cbaee0ba35d70","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202202585455.tgz","fileCount":28,"integrity":"sha512-b7CIKYZLrZCmhHkchie/TEQmMIRf4zZOJnYsQmRUNnLUMn9zIY1eE4eI+Xa62ohhGxDfpJ2AAXit8kGzaCfjlw==","signatures":[{"sig":"MEUCIQCmIsZM7Pbuv+W0dba5QnCJ+QxYFIrbnbOgEpp/0o9tgwIgYM9NWO+U5ooRy50lT4qetnycgaHq0bB9Mece2EP/r5I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77r6CRA9TVsSAnZWagAAJccQAI4lWUDQgsLcdUNYfnzr\nfhxqHSVOYKGyY0bKtJqQl1IrvZA6Rwm9ZV9RNShmU6U9eKWWfN2fLnbh8K3D\n2LUuCkWVmhZRDJFDXYSgUdXMPde4/8/HJmk7ZzVQMTURNJWpvuLhUeMMukuO\n+cJe2g89PIUxiezbj8iUX/g8w0dkKjry/DGPljBAkQoaxT0ae67/xkfsh0gL\nn0bYEuDnchw2O0XW4HZ8RVc+cFj6mjo98Z7o0rZ7PJII3kFsBo5j+D4IRSKe\n3YDL3K1nyeCHANcfeJPwCcH6xMn7MlkV8sxCqirq9znclSoXnY7D1j1I8mp/\nFseiC5vYWy3g59wLskWlNZI4SG/Tq0II+FuXMj6bo+/5i+aynvPl7TI9NhRG\nWy+cgJu3aL2eJlBRBNCgAaTdvziLKhC9sREQ/92MKNqyD44Doku700xkT8cl\nS+ri1TSXoApZvLxU4Kird/WJpHJ/YhClDh626OzA2T4tzs+1npHQQIiEjDxv\nEXESm+hWFeGmECqL5c+jL154SoMrTT88jEsMRPJH9nvhnjXoRN9VdOGhJETk\nbLyNTYObKnps6OH0X5takiwNykeC4eTMiAUTFv3tKFCjgvnYiUENa1/+FcxT\nPV16z4gwlpDsBzq6aE3APoX8l2if+knCpUE08BMJP9nGvTcU+Mbbe2p8whhR\nTiDK\r\n=sNAM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202202585455","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202585455"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202585455"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202202585455_1643100922038_0.26934859398869193","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220259146","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4b111e46d9f1a73acdc68b7a4866edc1b445f26c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220259146.tgz","fileCount":28,"integrity":"sha512-JaOMQacecJyFyaizxUW9YNFjpUlH5NCe9eytJrfnTVEBYGXykHI4As7pLqrvbe9O9LtOq6m2MNcdBwaHd91vEw==","signatures":[{"sig":"MEYCIQCh8OGMsZvJFP5RXGTmtsonGiE2nW0RSfeGwZ8I2YcqMgIhAM47W2EP4HnUB+ZWaF6Vs9sT5dQwmKy7RAOmvvbm3SJu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7795CRA9TVsSAnZWagAAMEMP/jlbpKEQc5nUqR0yNEWg\np4QWjqmz1mwzraSw4cPpmXHEatOLyCe2TizK548OKbR0VWRE3e7H3OO1TJj3\niPvkha7QM5KwcLjOvxT50pbOiSpD/a2IbdsAvQ2RHH5StkE50EXn9UVpfAqD\nMoo6soNfM023Bgut2v80E0lRfwdjQDR1oJOM4E+ljVSg+HON1v0kHa878JSz\nNc5Tr6xGUfNeC+C7LgW1Rjy+cARYdMFIoH0Aeu+zX2hvKBZFx52I0NQpdvFU\nhuhoJ6mybZ1sZKhPVR6zyVpq3j7JyBoOsYnguERFPt+rR+OSqwwxw6wePj8E\nlUgKQp4vAb3ZobFWipgnpI/SbsNXnDudtNPJ55ym6kwh/43NJWw0RMMuTbPO\nIAog4EWl19lm3/5Ub/+7cOBwUX4xeZBykBekbbXgjhBZRGcOL/ibB9+D97jn\nx4uW9U7uDq10U68g6VbnJlXls4MDMx1cGQACKWh27oOI9XuGJd3UsFEJeU5K\nfL0VHVwNCvw2f5zqyj3tfj8Gngbr9u95s5I0zbeq2GK2/DHXD/F/3ronHVDy\nc/eZE5pFQPJK0uPi/TTyrqqFYgmatX4hLMbXdMK3WSqE3Rs2Hct3y7sgtXWa\ndUi6sSedGobb3jGXseUlaVRVUVgYzQX8Ar2ERjeFOA3Ke0CKEbhKjV32P0h7\nDfbN\r\n=dOVU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220259146","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220259146"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220259146"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220259146_1643102072979_0.9277051260885016","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/button","version":"0.0.0-dev-202202591453","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"07291d3b8d2f0f3ed1fb6f3aaac9ca4f8fb93005","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202202591453.tgz","fileCount":28,"integrity":"sha512-zhYVA9dYba/N2aFgYloDXvK6tplv697NnTjHat5y6VDnJaZrrFWbZNYfkcXUpAsMgeSijlAJgaac99pAVwuXWg==","signatures":[{"sig":"MEUCIQCBkfu45vvFPtVJqq9k0v3qr676+obXwSEr3kyewoZ13QIgZfFQRwYYTEikQN2NFWxqs9TtRDwllht1fer9xQp3jb4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+nCRA9TVsSAnZWagAAwdsQAKNx1hfyFwt/eN9sP+wA\nL0aTf8792jwiE09ZE2zlOIG7ULKibyhgbmTIszSjvtb82Agcc6YjiB7g3tuq\ny+B1xTPPzAZMQC34sRSMpUMYmfMfUpjdcOERE3pv2H2K4magd321Fw7ovFBs\nlbi2qrWQG42ah9QlZY575VLiWgVTdx1cL3P5/hxE7yG9XbHGI2iWxc3pqym+\nCog6loazlpmeUoh0Qmvj9KpAyECbQ0imvozAsrQEtz9HgYSRL5MJXO6djk7o\nms5AOaUg9+xVL9feMoA3iohuO5b3hfw3yPOxlYTvbNFXJ/Onnvpq5H4hJRj4\nzilSCxQcPkVplpyxcfxBueFjNtno0FYx4pG9RY3vHnDkhrbn8EwnnnOKCNzQ\nuKYMjZqt+7DzDBqd/DKcSelLp43zs2RI4eh9vQC+4IRsnaZxgYzWG8GnaxFt\n2IW6p+6UMP1y5xUpSuxvNT4fYpaTvSsKKtykXihDs/2Xwc88Sv3karGQhR1I\noRskjZOJnBEA6OdymZDLHWpA40KbJh5PDtqwNYaFb5GHGDlIXd5tAWk6igBX\nGVY29Q9j4gFvnSflzDPmd0cxom5r2+mWe2V79HIdGys/kLBCVwYtb2HOLqYV\n3o4SrVSTtnt9Wi63uxjMTieNA9kCcxchW6Q0ajohqLYfo3CLcUxot4pbB+ev\nT9x8\r\n=5xQs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202202591453","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202591453"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202591453"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202202591453_1643102119597_0.5476901450467893","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/button","version":"0.0.0-dev-202202591937","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c4782b27d79ccc30bd8aef857d65411c4d71baba","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202202591937.tgz","fileCount":28,"integrity":"sha512-cXIdBjWRZPte8VdrB0RAiIPnfOw2kekInMKCfU01Mh0vMgf8dHQrcJYk5/W7zAcwoU9ZrtKV5FHpumbTjMLgpQ==","signatures":[{"sig":"MEQCIBQzI/cpcXDSunIcvM7vHXi3Vmb71nRN54k7P4mcXpvaAiBQ5MjJhQiIA66lQXpNRDdbcKRFGAKDUESIyMFJBeXj4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DGCRA9TVsSAnZWagAAXPQQAJ+2u6aH8LFWsObKJLJT\nIqk9XanZyHkzmQfykLBnGdXBFdDTRd9GP+LMdeLdMdkFrCtFXDUf9QLzHgk3\nyOVoFGh8RrCnwD2VSd1sos27bG0goa5G8/gxeKH7Cmt8P3ZUSz57jBUoSAqt\n3Gh6Ph3PHRZX5Sc9Mj53mp4xSVy1raINH2iYy0/WNodPd+tq0efuzKn3Sjjn\nELPmsqybZ+nxVZTmzBG9UqJx5ZBsr72IE89wf8pcRqwVVdzRqX7QmH1cmAp2\nd1jYRGZONoak7LzpemfcLL79D+KOLGP7WJ96JuB9AOUeP8EBlZB1SJontTC9\nHvg/315GXpZ10iBzvsyYcY0K83pdgKtdf6KfWmYIRiaC8X4kSSviFHGi04dD\n+y7AaXuQN7Qbm+/fqbO3OBSv7EeEtKMRx9JYcQH90Z9ZWtNLtuFCKFRuIYxy\n3YK4WwKg3/OkhMfE00H7WV9huW/g9o7Uda6fPqahKHkud8uhbia0nJtdTfai\nzCOYKQjDH3HgOR1wKwoNiGgunH4eotTUQ2aDHp2a/K284XhTAm0Zp5qYkQDa\n7rqYfCWh+2OcfQ6Cs2PMAoFv1cnqGwAWsztWgOtdkGWPfYb1EyEL6wXaviDo\nMgfmI3HGhjWNfBWcYOOckAHtpvFD1aZgsSlkjSGQnC96EejDHLeG0juSIH9V\nShRW\r\n=MdBI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202202591937","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202591937"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202591937"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202202591937_1643102406668_0.12421178840341418","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/button","version":"0.0.0-dev-202202592640","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"2a76d2e0893fabbfc49712953b4bbd183868cfc1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202202592640.tgz","fileCount":28,"integrity":"sha512-RGx/2UsUpnd6PvupvgU3HRnpfiYTt2gkf1SYtLGXWOQbGD2v9yO19FfJs0xO624B0GdV/5mhwnAY9HaQdoS8dg==","signatures":[{"sig":"MEUCIQClFje6wHpvl6bNrYWiibVkTArV2WU7mkJJnR0zmn2imAIgY/LYtjfBMq+RKi35vtYSEK7FmR8wZTBD69ipdyvO2iw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78JwCRA9TVsSAnZWagAAsLwQAJH0PmtgE5Nr51oP6B+L\n2drEqTEcdpcJM6X0sKK2BXa6idPqiSlQ/jihovykFlbhnb0C70+Gdh0qVLv5\n1SoROM2VL0DA8jkM0vm83y57keYnNOPQesvjvZcM8szXPW6hjrPwONZdi+fA\n6cRrwOmzN5r9+R/H1UA/V11U/qRPqhgA2RuyAdr0DDgyGi5oy00+f6g52SHf\nFow9qa13c7P/urx9DAul9E/z6QbARbLbZsNIEHGURBBmq6gnHGCfXV63DGXL\np+74tHKKNBelTDLP6nFJoOjq40hKMlNfrWs9ALflhvnuu8CR4yPVpQAfCviR\niCGYxBaRyDWlVoYDjfdtUn1hPCKAyGsMwh4c2KJXPQyF0FI5u8srDR7O2b6a\nzgyJkdqLabmX0Z+jfMwo2Y280GopX5Pt3oboVYRlueGD0nAURJUauGR8tQsw\nVLOgsXK2tXvyLmm9cz4017nmuru0EpacNvyc/vUHLKY1VVzNc0hguNEk8v03\ngxWB4F75XFBNq7yX0E391u52pwC6ScKoS62wGoRobkGJbpycGlpPrClQUElM\n4K/uZRTGbqhzvSAk2sMBCX0RFQ0WevEDoVh151ooXGr0fDHczIMBclh/gCMj\nSDYxV9YFTdOT3cxnzlXfNFnDcdmdNMip5UEe7yEj4Q5QaZyXYMMTBdKfWUeF\n0mHf\r\n=3KYD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202202592640","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202592640"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202592640"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202202592640_1643102832629_0.35930904314878975","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220251866","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7c26e412eeabad330c9f1385981798ba0b4a1dfb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220251866.tgz","fileCount":28,"integrity":"sha512-v7nu2GfxknRH1ggOCTClQfiqQ96A/EVbewuVVJUSbUBMCt8QGvNKqwKD48MR7tpJOt+1vbnx9+b0HLwu8N+VEg==","signatures":[{"sig":"MEUCIQDT6vfJgpV9RZPsIcfdvTxCmxLL2++NHihpkI3daCznBQIgfR2MOP5B27aWr90LnDw6QgavmtbHKEoDCT1nHq5CrJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DwqCRA9TVsSAnZWagAAlaYP/3CQTRjM8p8BrbaVveAm\nLozBn0lpoT2ud1GKTDCGyDwD+3ccRIpoe3+Hni1s4hgq3P9cedwotEWDjGWF\nNHlS3BDJdY32kTlpaAQVrcoD0FikDTqbmbzTIOfXQDkIjNVHltDA4G64KU8p\no0F/PV32jcRkAgsnD7KTipSu32cwH7PLBPkqBne6ZKkf8M+UDlh/obi21Asi\nriX32LvWJCWeugqBf8XAX4CWzHQs5TMTRXHK7ovGBeiQaPsyX2VLA3v+KnGI\nqYYHnR1cYQe5gOWRtQuq924tjP2CBJbkOUFajMmK81iTXrmGAgClsM7BmTyN\n4usfJ7tvUTg3Aneizbl+CwHxw7pbkEPpMaPMbGZAmofo1jnjyYp01uxm4YmS\n4wDd8hUt7ml8xiSLJLFn7yf9FwT7dnJNHChh+z3zy+xlZX4Fu7Hl0zNK3Bmi\nQyDpjNAynzXFgdnAndlaaH5EuN1zPah00nr5e0puOqvMEvmdjISQCR+KKYDf\n0zbB9IA7u8iKlzZ9BZuV2EkYRtJlQUFHzgGaTkS4RcJPEFHxn//hIeY23DUX\nfU5vx1Y3Y/Y0luQe9jJbh7jcVXoouoFp5e4derAyjxGu6umOxEINSfVKebD1\nCrpKt0XM5qdP0PXdVRiidtsu3GqgIbNoqizwXpXUul49AKVWGkDQuvUUyzOT\nDOOY\r\n=Eovh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20220251866","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220251866"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220251866"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220251866_1643133994000_0.20020187765088515","host":"s3://npm-registry-packages"}},"1.5.3":{"name":"@chakra-ui/button","version":"1.5.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"9c7a41078d95a00f78c0d11aadd92250d15d232f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.3.tgz","fileCount":28,"integrity":"sha512-6DW2NFHvbrSiaXMnqXUjPKJefeHSoTW8NkGaSkGgFH1V7asK12Ffl9oQE4Lw2GnlqptLNBMO81MyxyKgNFUldQ==","signatures":[{"sig":"MEYCIQCRxiWQYqwOI54Vhqm3+arYcZRya9D+7Fq8Ylo8soZsjQIhANvozFiYx4dj9IdlzSchUwPKClTjtqOIiXupE9rnusce","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxQCRA9TVsSAnZWagAAySwP+wa3ERFsOwfmSWjxI5p4\nDGtfqdVE95AUzIIiUXSVO53iOjME7KYp3cRU5WKo+ln+8Bft8XrcCue2DZEk\naX6Dk6eWTKKnpRgNHaRDHHNE8s0rRqxeFwObe6B1IglZlr74yEN5NUygydCB\nCNmlmPorGJnepKYGrUUzc6O1GMhYJPzSj2xvz8L1B4M2DyDouhx3CqJaFeXV\nj7AXekxs2TQxZS0wN+O0WW33OMfTB5yPvxZmgakiRK9mHt+Moko4BUyjuTAm\n6QcSMs22IUoZnNIsJRy5x+Sit79Ilr+LRpz0N5RMjWytlGwtIc20Vzog0zsu\ns0C147MmCIRjZ/wBu5OCSAFWCcl4tV9nKKr4SVS8rzK16Fgmfk9H8lcZlYMz\nn4zylnkGtkS7XouPbMOxwq6wFmehUJz4VdcxZ4/KJvxojYrB1nrKa2JVxUpv\nJVYbfIGmUj/pdSV29CiE8tR0D3sa0QgosaJ+zEIsHWCZ+m0rDeYFcErHjRXF\nAdoJ3ks1gUlACLq9YHMwS82F5dSWk9ufY5/DjOD7CKxgBkshxPcW3j46q5PF\nWADN64GOjiUPBhkYdeldFNlnAtNXetSpsexSCBLJs5p75OkpfMv5wX53p5Ik\n6zuhpScNTtwNrKgx5Jfu2AOiPff0IZ/cKErHzJHfAxWKzl0CSqay90F8FSej\n6Gd8\r\n=A0Zq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"1.2.2","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.3_1643134032586_0.6271447169483488","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022026181758","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"064bf5452050cfc111707362587466926bd11139","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022026181758.tgz","fileCount":28,"integrity":"sha512-vHZYeZ0FJuCy5b4z8unJX9HJiY5jl61g7XzLnKvt5iV77PXKcPn1En5EiowuBvQCkT6b9WlTxO+Jw9P7EAPEAQ==","signatures":[{"sig":"MEUCIEeoT1VpHKRWZ2DIcM+Vomvnvh5SICbgZu7iKMf2ardYAiEA9OLju+E/nKSNF8DWVt39kynDXGedx+pTnC51cyMurX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZBxCRA9TVsSAnZWagAANRsP/1znTcm/uUaFf14ytDIR\nbkCIrRM1/+ZJfQCTb74yysE3ZDv+0jP6DCShszIo8IezRTAA+HSx+fAOran+\nI0aPETkehW86gxYAmn7BZ9GE7CZp5ZKriHXX5+vt2fgkAjoHJXvRZJZnlMXq\n+kiLCECO3mVgNe75PulfLDY/bkJDsAcIDkrWGVZe0EXqEUX0ctHjhLB2VVtd\nu28mav/R0ONQ31eU2NDOw/kpQbBPvxK39Uu0Lt3qGXKKfMo3hHKZHZcurSO2\nU0UjUmuDh5J8Z5uoTaSgGcHeQNoBjSVlA0c4tN2EtMidiUIsSZwmWRR+UcUI\nOORrsaOI04Dxt3QI6GJ3qj1bs2uDivvIBur6+aCADvAKG3Uk1LlwNDX45Bdb\nDQoMjTxGyOE08Ps6blBzCGKT/6lFaDUz2yqBP4tqhl7SywuGOffvZInVUJAr\nSgUxOF8JiDMqksxY8DgzpD7TotVQg32NQQmC/zSW9M3bsmQ3yZ/a2UY8Ep2J\nUsExdbqqfe4EPzhIB/vND6UPuNYtulKpebJHp04t4bDw1lT3G4BQ510r34Nl\n2fyhw2Xaft3/AFGeAdogzw7lXIJZ0USbkK9aR0WkIjgnvNPDBiAuFEYU0rR+\nI8WLFIksoV2/b+domV3wZsOva+gM4D/qNzbQrMkZ0Rh2XEGV3Ch9UK/Sz+I2\nMYdg\r\n=NFMa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-2022026181758","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022026181758"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022026181758"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022026181758_1643221105434_0.4751821178006579","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022026182926","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a3a96cbb3e6da7454cc9f0a9ff6cb135d2226137","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022026182926.tgz","fileCount":28,"integrity":"sha512-Kpx0HO5vyOgakBhHSrjJOUIIqUOqIf8CbTKd35M9ekbMqfsLj35bplHhQXRuojMvCFn6+lS77xtaPkzQYPrhjg==","signatures":[{"sig":"MEUCIQDZP4TaS58FIMztr+Ij0GRBBqjP2sdJMCQoVjTzg/pFjwIgJ/qMd7ICfp1M8+M9U5SJjasJ2A7gH9g0d/B2Xbh/Pas=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMaCRA9TVsSAnZWagAA8YYP/1fKWWpmKCmfA0BRaFjW\nixpwALqll71WR0xmJieleniWsTzhJcc56gxCS4UR1CNzYTQQpNGAtI07TlP2\nae7YGNYDYl6IDE0nhOjkU4f6opduMdz9MShVaBPOJWrQABjME6DTXiT6UQkG\ngfInUlMQlaXpwJDdKASMWeWlD5jxZATjSyKT04Pd/Nsowe/tO1mSlDHnOarB\nBZRBfRgsCgGHuvErVbMpThwy6fybYEax+xbbFJC97NR+CwSNGlB2Nozln6zu\nV363UBHD6HJ+YfffpNq6RN2YCswX3ISc1X7HEZ5Tlmozf7WXb3JvqpZcB+MX\np8G+GMVY2HNC5+hYAXxM7tBIfLDc4Rqup9aTuOWUdZ55d+OcBuBsUSc8OU9A\nhGhACQHbKPYSYE7hBevHkyaw3PR1YaNIPGjv0UOJVv3joPFSehhc3OJPtuyU\n81CEHXl5tzgjzXMXxymz+RYWRoVueUCLVJCeJgVAfmqy+c9GvfCgNU8Q2/IH\n0L20eMXXIgy7W+UofTEs3rKeFmKTv3FY3Z7U6DTypFs41KnSv5s26mC+Vizj\nnh1XxLPjwa7vSqXhLu/zPnp4QQoTZJtmGttiyur8Gq6rkSYVIrGRF8N5c1do\nnui0vhxdfXZGxf7zvObNtP93T1xoFcbLn4fy14xfRgN9VjrdXwq9tAshfyhQ\ntCPZ\r\n=ztil\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-2022026182926","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022026182926"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022026182926"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022026182926_1643221786416_0.7810224981932934","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022026182947","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"26fc584a8813b59e7659ca2057a325963895a71f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022026182947.tgz","fileCount":28,"integrity":"sha512-tj0pYtBox8+HAGtcpe4a/8TGQgziU2PYsI1FQ2oe7CS60B0pkXU01o5md00wXqRvVcAnLMkaRxsAcaUMX4dUmA==","signatures":[{"sig":"MEUCIQD4g9HGGnF35OCg0OAR4LZQlv8ZviVEIKm18aWNLFGIDgIgEZnlXgI0biHqRqbw0ZQhPOSf66RglPLwyaxCm9A7bDE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMwCRA9TVsSAnZWagAApHYP/i2BuI3X4f/g8qYlYIAg\nAAEtZ8emsNWvqhTBUsfO9Rg6T9uzwh8PGZHnYrpOGGDHR8hoCp8VHxAS3cVo\noUz3iIWYaaBMT4l5ozVm24yaQi4Pv8P33C8Sp2/dPswt8K4FBTSWNM6JTa8+\nCSojoYGh4n/0vWdNsE/1jMjQ7wihHqSo2jBRFEqx+3o+xN88Is9uLzIztjyJ\nc90L/dORPog8l6/Aw3Dz9L+t/zIDVCfOLZZa+DzbFif1MvTJq6+VV5kZaIwe\nbnRcpSjnniBc8PLND5XRrpwsR+Xjjn+r8MSJPIly2nznqD74Ji6qbqeF712c\nDxvailyXJ4n2EWc6l6XF61QCX/KBBfIIz2wmaslegBnaBkCgZsLxlD5CS8Ss\nPeX/bHUA/kP3V/vLTIJGE/rdZHqGzOHFmpAwajoIRncD3x/vOsieL8Fn3zia\nH0ZgFpltAjytx+Yj3uTKd5E7L35UerUccZYmOh+fw9hlH9pYu3CG8KzyETSm\nJDFCYmgQpAj4r5GzQAQNmPYlWfsZxQtZJa1bMq8ZTH2CPzhVA4QnEZgD/b5T\nhEqZVqThqVIuSQwXvl42RTPy9sjn73G5jO5ghaJRp9+U9wNprcfutQY24yy3\nuh1BXyXbTQ736fC/RITlKejvGG898RlzCaIOdFxlBuI7Lmttts4AZe94kFTd\nYoQu\r\n=u5Dg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-dev-2022026182947","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022026182947"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022026182947"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022026182947_1643221808203_0.9887831482995362","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/button","version":"0.0.0-pr-202202618407","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d4272206d5abd3b927912a2328e87f65c935bb01","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202202618407.tgz","fileCount":28,"integrity":"sha512-V+taq6zKAnJnIsWqO6952WGr3AC97u3gYoSWjR337aX45+e+OhwrRyk1Dqd+QpCC2Ac86UCJncCWtEP+/WQnBg==","signatures":[{"sig":"MEQCIGuuXTxOZyZ05L5fS2Fr9P7nmPjM6EigBbl/8EqQT3qWAiBjsb4cmdUnIJEYqON3udmiPEJDAWTX/ebk9zuzZ+fxXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWbCRA9TVsSAnZWagAAJhMP/1KpC85/yhdXV49Tm5PA\nQYm0jp+Hf7NFvV9Z6ngMjhjfMCoDnJrC3KOV/GsfjwbMdu0axIQzEa9TUykL\nosHT88Ab9fQIcKE9PSkXBbIq250/d1Sh9RwqTq5YA7H2NvqKYbBqeCMc3CdC\n4EiPiW66vHBYim+H1mZlkYnS6WsUySQZEErVecMMRCGKmEiRTgeimxde9wKh\n+woHVjKyYkh5dscw1aIq2+k5CXsEboig6PjHIXbPk9eYsNkU5jGhcdi9aMj2\npq10cApmeiOpAIkt+8slnjbgGYAiEdrnUuyKFXpUJHroqDePxwC/+pV8PkZX\nftRIKnq8Om9stc1ra5BPv3+jlzOcE+aNHeWIwyVyAWl2r8ENY44z7fsdO0pP\n8VLl3vOS83I45T3ilcV03Qs4KWvtGjX81tBuP5WiDO7wMsgSq6vwuREcXfjT\n2TW6IrV0tQgxkRUG45QbPQsDXYdZOkT8/WHRYa6Th2R0AC4RWYWhRAkgCRBw\nxUFBHz7zpp+UjVFiW/+wfnuFsnmzW5h9ZBl1+LkdJLuFYMHhsS2i8kJzbF7S\nRsG9RS/WgnezowrNKcKDMdVYZoWbQQ818r5UK3f88a1We1wpz0EMFEZiMTIS\nofGfmF/rVJaYOvTFOgtpsDGAzuRMU8hqRJVdrnbWOF+aTAjuKvU7xUsmIdzB\nrF84\r\n=Oo34\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-202202618407","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202618407"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202618407"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202202618407_1643222427186_0.823191602918421","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/button","version":"0.0.0-pr-20220300344","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20220300344","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"240b72152c6293bd9e8ba637f361f24a81e82d2d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20220300344.tgz","fileCount":28,"integrity":"sha512-CoWR9VyD9MgxG3R40blz2xSPlyeZ4DBHagXG4Spt4MYzHsLM2ulQH6GLM2c1AxnkouupsqPwJLun4gHXSkzQvQ==","signatures":[{"sig":"MEUCIBWceGSJBYOsdaY7+fKxKpHF6j3MGdUX4mBrXjQX5aqMAiEAukxum9KabTZJuSB9JgS3UZxjKRFSlCyCg8PFoJretg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dX4CRA9TVsSAnZWagAA6xwP/jptE+QPB4Zfut7iqSGI\nvEzauUz9zwzkp67c3hkkCp7Oe4bL/Q6UFPXT4QaW6MVjXufzsf546HMZ1gQY\nmXrjzkT8cTSk1JvjMOlsC5qLH7ODOF8eiQ5+yJI/84+NqvdxCCR6rBTGZGVH\nAU7qNcZdr3P64eJnosUZ5up22Iah5qnaEKLndASPUc+dNABNT8PnEEYbZ5zH\njHohFA/ASxWDERh6Usjmj6k32cOsT5vhKyNeTzbeoYkv1vGwb+sboX2J2Ean\napMIBapSGHYLa5a8GYc5Im6IR1/X12C1kP76hdIK7G/ilCGy5c8w6OECRDZJ\n7KfQp9UngfdNNVYxvW8WMso4Rghxzm//XGjiPP07ZuAV3PDxhthMnJ2b0tF3\nyTZmEyp4+qN2IBDWTC6fxNMeqVRJ6QPD1vVEpulAq9znQI/2SSJn1R/kzWFL\n0pyM+2zzU/uTG0oOHrD6EDcsEbaL5h7UKQTjNyitu4yeDTI+oT3C0Jk8eM+7\nR0Z7Zw1onuwlL2FaNJv1uzahRO8JndtrTp/O2S7fBma6A2z+B1JpbhyxQCNG\ndVoCWdKkktDtNmNtqA/aXzPxDfq3Ry4QTY5sZ8L9tDI6JQpUymKnmleer9BY\nuxDaZjDC2FFlrm05tu5IQrL3myMRpla8UjTTGHnKCWaOG3Ogf0d+kO8vFzW+\n06BS\r\n=BkOD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"a62b5ddfadc06b2af6d674a48e42d17aac9f93b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-20220300344","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220300344"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220300344"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20220300344_1643501048156_0.9775071167934164","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221152957","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221152957","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"921ce62dc33d71bde545c5e67feb288929ffbe5d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221152957.tgz","fileCount":28,"integrity":"sha512-/oU66/EJatbALbao2lBQf65p4yhs1uRWn46FiKCuVg+u0E+S+GiynY5H6VPaUxWzpwKbXhEUIv2XEgzO44PrAw==","signatures":[{"sig":"MEYCIQDwAQIXEAqCC+eMs8Wu2ThQPq107elPvZDb8sObNbv8rgIhAJXD1fE1p0WxQ8H/GgzzggGGhbD5jTVhzpS/t8GKj7B1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MVwCRA9TVsSAnZWagAACpgQAIzbl8SILwQlL23kXEMe\nGOqJfIo4y2rQLm5ZCEAnV3wLbI9FsW2rSrPmN9J5ps5xU6D42kiZrHb9BZRy\nTNihVi5Pu6Drp0rYWPamXAi4H0JZONVFS5oizPf9QkP/w4RoG4lv+XPFx1q3\nGh790TLXnvYKAScQ/KX2BO9ZyYLpdURll6Pjkx4U/jw+q75YoxWynBQajG42\nu+j0Gu1z1aADkQqyeOEFg/49i1dnp+i2iUp2NAXQ4tcz/6Pgs/rTNGSFCCa+\nHWyu8Dmz5nF4I6DduimXxgcj+y9NGPgogYFoNkT2TKqoDNRonUWJxIMvEvm1\nk19m79x1P1ESPhbZYyXnIVzZ2eXWJJJMR323iInUX6GItCSWbZtN/tVRQRDZ\n6/XHWfjh6ftYAFAUVNYspptJW8GrixYaW019I/TPs1fyAqyuP5u/jNI/bvIi\n/bsqrvRt/CVQHFTFNwatzhRH21dDaMP4xJRLPGsgyGfZgPn/53k0Q8765ZFO\nnuI7Lo8ng7Ge0m8OD/BuGbVNT+3MRG/IvxXsD3Zx1BQ7kb8wjObjNtuUI7rO\n+Ynrwp4OG/4oPj37Ifymb3NvJh22INOcst79w9eSbdXK2d7MnjpYeVPdXUfi\ny8KeEh9UEAiWA55ymQ5pObBY5Dt9xJ39bDHg29JA05SL0RTnskg11ltAneo9\nvupK\r\n=iFw/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e1057b085f47916fb148561e40fe0b4afbdd633f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-dev-20221152957","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221152957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221152957"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221152957_1643693424007_0.11493252926672759","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221153122","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20221153122","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"572ff23e89250dc018e4a26d0654eac373a7af2a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221153122.tgz","fileCount":28,"integrity":"sha512-/CTLgvJKs49SAQBWYtWcrZGUtx/QFZPfoaybxZPEOEgG3ocAUVJNaTNjwN6fzCcEIPUnbIVuiFuT0EpYwTUtyQ==","signatures":[{"sig":"MEQCIHC3Kc9mpqo/iH5SpRI5ix1Nz8eBKe2MOcnw4rgXUbI/AiAfgP9wSLQ7xT9Gi5Y2USOVbWEbGMtrkgny3aDlVsUW9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXECRA9TVsSAnZWagAAQmMP/12MB/f1ASqqZGKjQ7ln\nB6OFRySmzfs1FB8Qht2El5XmLAaLHSFxLFme1t3pHCJnMxnyrzsutkDHcoZ1\n0gFFLG8X8TqGmlFdASfFwbMcosYqgoOoBMc0CPJMRvDcRgEH1CGXDATqZO2u\n5yPpvevMkMGDUk8eY40xwsz8IPbcDzf8GiRG80biIcOrnl0mSsKOSRcAvWrp\nnMuXoF2R57u4MB4qpoCPvsjIv9BrWpzH+RAqbed0eG5OAR+yGYRPKR5gn1yQ\ntPVgYrJNHr7zMQ+dJCfgPiH99HDgnDZoyqboOelDb1vL/JGXgT6shm9AzLXS\nwtw5eLPP1UN32CVOM+7s0+uXplmt01AEaI2exW4jSBhs+ODth/HIvODYQIU7\nC/1WVaV1IUtuVTF35G0BBYUXE4cg/NnF0r1SBhpYaWh637z476RxkCW4oFPY\ncM3Usn8xCUI959D06XtP91jsl1z3q5bu1YOChd6vMtqsVcfRpxkBeTWKnNz6\nNPHnxaUNaAEWtZa/CFlRV0E2ZYxWAf4wGczZlU20hSppZd3FBvX+kJ1MlMNV\nfcJoTfDH8fEwEKNYJTPJ5VAwBjHUsCv/Uko1kP1Sj2kOKl32gBuSTCw4dOYV\nF3/lrQxSSl9X4O14ldXnALhQiJyo9qosliS6LQNNtya81xbD5YF95tOfvJ37\n6Gtd\r\n=qUgh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b2ce85e29e16138bf67268fa4f2ef56de33c60f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-20221153122","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221153122"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221153122"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221153122_1643693508752_0.73416826937534","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221173228","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-20221173228","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"24c7776258b683c8be87d2690787d44b36b38b3e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221173228.tgz","fileCount":28,"integrity":"sha512-mYztrqghwQfI5KLlDmOg3PLwGI9yPHOyYonbDyjFp6429fBG/KqHO4I5+5Rl2Q1DCKf7sUumjiDWkp0c8NiUcQ==","signatures":[{"sig":"MEUCIQD8LgnE7tycgRT9TZCkYOV2niEOjyCel7ovfOF6IxuCYAIgOdipPWtv3jfbkdZnyW78iT/PFunibF4WLmMaAjtoNyk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OIiCRA9TVsSAnZWagAABAkP+wbHznzV1Noqs5Xjq/Bb\nCieOq/5VSzqQgAF5tQN69AadasyaNEVnYDgD9tgX7UdajzxP8cSTWbprhQvo\nqh70HjEMXrKRXNhzkMIwOOk6W36+3+2LkSCjlyqARM6bjVibpCaEi26Kk0GP\nxi39pno3bdq2XI2HSHG9DBy1ViEOYQWpFvkE6Hgc3rZlTRfEVsyWJxE9QnWp\noFagt/ZAYt6h7iWv1FThuPpV9+NVtFeJRummAS2PDp6foUUYcR0W1RmxFNS9\nBn5SMOEFfRrcQzeffeQcLbN88+RJ4Wl2c14BUtmCpHhTVQQMbecdgTrJ8WWc\napzW4IaO6eWUONOl4JSOCkKNT8iyLaYszCkVILDXcuTWNDNhF/aqxDu/MwxX\nTtDRA+uJcdwfTRre/BpiOqddFqNgdRwCj8K1jncLTeVeI7kBsQfn5RZWJQki\nOVJ44V4m2OzWxnkBnLGlpMIuaWScPxTRi8YrZnY8rkCCmNJSMmRZ1kL1Vnvz\ntBrIBndhb8eQz6M5A6Cq1BOg4y0j2zaQj+GUk9meUS8SHpOPEH0af7AQa3xt\n1Kt6EyXAIXMV7qRadb3df5oQgRr8cd7vl7wLA8uCNE71jw07AbFVJUNbQW72\n1AlDQPz2PkOXYdGGBX61gOeuPb3tBKxZkq8ccE//nKK7X0jahC0boU5aLhSs\nPBrP\r\n=RZYk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"f730ffe104bc5f34dc08a7546c51feae821932a2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-20221173228","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221173228"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221173228"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221173228_1643700770521_0.8145738364032971","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221173648","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"302a8e1f60e9775dc05223882663de49459885af","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221173648.tgz","fileCount":28,"integrity":"sha512-ltgfWo6UPxxRsZsIth+Uj+FxfvDL9tSE6dVPkTBqBfld7GIc9Fjdwbeh5yDBgiBfiv/GdV19FWAOS39V3aVGCA==","signatures":[{"sig":"MEYCIQDN109n4PINcnP8fs0lS9YtHEeoY7tOLdTPDSvDTdl62wIhAM3soJA/D4HdbmU7r9n/HrRyxFHfP/pa9iXFQ8aHPVIh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OMrCRA9TVsSAnZWagAAm7EQAIQWLEA1YnH7Lme9L4VU\nFmy9tzk0tCVfhxbvkHvg2Iq4Kvs85z80Qy4o2FonwfJg0kxORsSCygsiiJ5e\n5teLVr1tol+YPDW/nbBeFnFjQbDJth88ReO0ck+3sDTBTaw1/EZWHMEmdfwR\nH2NreP0ADfcXBLbS7TVtt7ZfNQycJv3QsQMsu8bR1O7wuWlb1tSNUQvD7onb\nNq1anl2/0QLwN00TIvfXNTgr32tySY6OI1Z3DjMQm1sohaCU/AA/QUOPZlax\nvAuaWWPIGUxIZeoCtaDiD7rpxQ3DFCd5noMqxptXvL6mRGgKjAsrXV3YLKmy\nVsUMedM6rijzAkilzcykb3OVrg6yIFknVldkBYaF1cNYpIPoDYWsuw+xw6js\nPoebzvugaeCJQmd3xWp7gmtLBJoje4ZvMk5a6UJBBcyoW/KhtiyxIbLb2Go0\ns+tc3m7X9FOUqxiZPzFbhk4hOy9rnZ2MamOFe3w9gHcjngn0sRCw8sqy8ZuR\nPdTGB1uN3R+BHZGVHCoIzFQDJCIo+oSpSPkvfl/3H3jKCjv+AqBDGlC1XgYg\nEvqkq408lM3Vl43Gp6d0PQ4RrSjBCLx31gXjOvWb1klLG/EgKML0e6dlb5Zb\nSKif2OYG0kbi4d9fpe5oVNB21J5PJNsDWDWV2LfKIxK7cXcAc3KyV3fyMi1/\n5VnQ\r\n=4y/F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221173648","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221173648"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221173648"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221173648_1643701035393_0.8658170132051886","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/button","version":"0.0.0-pr-202211224055","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202211224055","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0bdf7cd0ca21c93808c36e5a4fd09c3e0d94c071","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202211224055.tgz","fileCount":28,"integrity":"sha512-WgsQHDI+3ot+NRhb0m1AkXOtnZ6KYw0XSfb+FUTpvO1gefiACarH5zdjAIrZzLe1wx/P9TdE7V8mHWi0513UFQ==","signatures":[{"sig":"MEUCIBs0bCD5sShf+STGKr+HokumxXGHXYBcz/WoAtyOSQT1AiEAwJgQaA8P7pPsGNWbfjrni2JbMv/lLpn7XnCC1Sm5BX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bcMCRA9TVsSAnZWagAAE5EP/00SQAwu5sEZ1dTfdtN8\nLFGW7afZhWLx97ouv5nEFfP9bxfXLKFW5f9T8FGtZ43AvU3cmroepD2JE5qy\nK9qSTsN8vm9YekRB+XMZpMK51uFb4yOfRYlUdqtSj2BMnNKoNKYbabcX1uRY\n2KW1OJ6j60oJDQ+Ezs8ZsmG/yYkHxjv8fflKSG0vwhwow7XLhH/bDJTMkL0e\nCHbzpipjMo4hD8pGa/LNm6I5gjoovpsBBzToAMB9XVKWpVsBlBL1MILGwGy7\nZd4POHNM0R+vNMOH7K+nMr5QcbZxSkpfe91KX3IoC2qDNRoDwcmBsjhJ28Y0\nvxU8KeJh8qdvL0+90riHRffLNhK2aTZEOYBvpcdTQmW+Az8bTAtKDVSBBMOw\nWDvb2HmVIAKNUPs3xyFuUP2D+vU9hJYluEp6+K9TZcVsLpRIkgwdFQNOJigE\nMNUDDZcPLZtWQjmD6lahN07oyRsC5DxR/AVzcoPXlriL35zrdmfmYBXzEM2k\n2egTQmYOljDrkBe8gewisQ2sDaTFsU56G1lTguKp1DkA8A06Gg/VMQtkzgf3\n8SwNtLQDfEluZwBmP4SjBuskvxtKpEiAzeDh6j9Idjbp7Eu4T9CqEKCHXDZs\nHTDXffCq4x8tFEM7c9+fBlgElqlZ8y45CoUlY6j9hYvuXhzjWIOg3/PvMMmL\nOpY4\r\n=XPFh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-202211224055","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211224055"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211224055"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202211224055_1643755276709_0.7541169621209154","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/button","version":"0.0.0-pr-202211224227","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-pr-202211224227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e06c72037c602ca0a444f7c33f431d1e2a65c187","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202211224227.tgz","fileCount":28,"integrity":"sha512-6iOfG+XoPxPZC3AEpVFA42olyPff8gXkkac3yaE8L9jNBzZFe+tGhaFLFiyKQqY4oXYlye6da0ZzkMRUihNlsA==","signatures":[{"sig":"MEUCIQDKcqzzyof5Zmt3/eaHugJgnDwcrT745Caj6wv9JgyytQIgCJcAiKH+/KZUFeD99xnI88ULWH+7SjWYbpd/3RBGSiY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bdtCRA9TVsSAnZWagAA56sQAJXxWx4TxKIu/f3dO+Jq\nLJTJvP5yp2MYrIZklQlxvtpEn4sFkUUucS5OddL9haUNicXzytecSYRc5aY8\n+xqZdQE9vJ1sf3rwrY+bjn9O+79GUp+qZnD2ehsDoG2jVJ4GFhiI5LPjuUa1\ncc512yt4bGWz8D1tMSAnknjEPUAXt+Y84PSSKxE13uwE9oF+LHBWdLNkdllP\nxqJDBCAZDT5UrVJZIGYhXUJqzLG3VDm049kedOBIxJb5P0N3/9LxE3PQdWgw\nLXJSlP8KagjHsHPNFKML5wJws/XMNKHuHLddknBKED5bf1KmdGx30nqoPwhH\nTJyb3gxXmm9cFHrCUBf5VJMyas8ysY1Z9hF4WdBhvzqUUXh/63vWNxqIcPD1\n4iXcfe3aUkxbIm56gmgAkJs+5dQ3CSWCuEklx0bDcvq7MUvqq47xQ22QOR3C\n6di3sS8ksFBTYp4lTIkn1313Yicf35SfyJ50gOaGupm9zZN9mXrfcmXDTn8W\nlMftVC7zDooxqqQTWgSZwKQ4jH88NAHrfV2y8312Kvqq155yzO8ko6PG3+ce\nNfZ8scAxINzL4r0onTsRKf+Zosgc353aNy3ROqL1Jaka6F5eVtzLMfFRV0ha\nER2ArLAT9/7c5PceTVtOqZARZF0MIopSjmdADZ9BbLm3chdm4XITXdTLXUZ5\nCKRp\r\n=tfd+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-pr-202211224227","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211224227"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211224227"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202211224227_1643755373683_0.8448740538770128","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221263638","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3f8af8cb24ec584173d8a43cb6fe480491dc013b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221263638.tgz","fileCount":28,"integrity":"sha512-8cFxXt/wuf/opnUtLrhl5sHppv++8vP3gutf/YJnwZuBZwdM43mBVu0eoF+mJrwnuxBQlD4FDogTPDFTio4jWA==","signatures":[{"sig":"MEUCIEWgGox21OTHkKqWMpJltRRY8lDnG+DxsIqXIVIJVtGuAiEA+oUiSKH1n0sfps+scEljM/ap6lmDqi25+Dc7UXNtzCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iaUCRA9TVsSAnZWagAAT58P/3dWiFcg0ktJCDHaHQoN\nlwZQu5kqWLkmlbfhje5JhKHfojP9JfYslg/voxt1SToWhOcc8iplI1byIR6M\nGs0aoQA/CHScn9lJfnOX3awm8ic9UesUwKOax3KxxtOoQ0e1QIw55fTrsKoO\nrOhVZIXfqDV9vDPciKgRX4DCVHZgQtCFJqJeY6665PCALl37fAGsoZQlxOlA\nEBZQ2/r8gmvOASrQVrZFtAmT0Vnw2CHLTeYHNXVsmEEJeuEPFBLMO1PpZVQn\nUl0+dgbBO0kvBh7nfau89cZmyEAsF8PqZvqs+XTZzstXuh6vV1eCLG8GCO4n\n4TQ02ptqgKL1AmQHc33lLg8VIroER8EShwNc7dNRJ6ZfUQAh8E6MGnubjJZ5\nQfEMnoSQ2BpvSaULgqO+jcJgOCdHR9LyC4Sj10L+PQcIjZLxmmjoAwMyaeGK\nQ8N4DWYFm4wUMLPNJieSWFDwMIjGBqGTjKPHSPw17xkPg2K5ubQHEdoBhBdZ\nI7YASH+k5qq8QkTphNwSySoUtg/4Ey61Xl9suCK8A9kL2NUnTpkRbwXucy0O\niyM5rBBes3op6k7aKHPY73csXb2XXHH5T8rn8zG0zXtAHYB1WIG/Z8w+P66w\nAPT255vvVxhYp96439ACLLP56A2m9vwOJVGVkUhN3KmtQOJHJihujoTxRUr4\nSb9i\r\n=COe9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221263638","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221263638"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221263638"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221263638_1643783828516_0.7494957127049602","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221263715","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"34380f49822a4eacd76fbe5471be63603bd25980","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221263715.tgz","fileCount":28,"integrity":"sha512-qqzn1g3djYuc2HTeCgCUpOYoEMKoeokabWmUq4js4U7N2IQGHiiOm3h0dsgRtfqky15FITYLgo1df8c+2Ze5/w==","signatures":[{"sig":"MEQCIFRKyMiHCcBHeP9fLlUrHNsjfPaVP6wr2L13+eo/RSv5AiAvTgk3MKPbKExtDchEvaFYKAftsq5OFNAKY7NU/d2D/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ia0CRA9TVsSAnZWagAAJwQP/0Z2dOVw7oPYmWn8carE\nIQ53K8G9NeUUVS7L5gYIGRu5wHGCauV//X4kdaWoevHuSHgkl3V8zo2RkXBm\nfaaMhOGa38vgIm2a0cB5BUQMLt6cQOxISQWOKXUEBmaktSBAjRjmpEF4x6aK\n03913dYyUF2ey/wgrbvKa4JlXdm4HsGFlXcd3MqJHZEUqs6cIQ5mqNIpBg6X\nJ7+jYPkpZM0NBtcs8PSaXMNy04oXkq9yYd1zZx1fmy1kEoUoZvkClXlczOuU\nGX5v8fM6sQFKV8Q0HzmLufLheKI0nvyS/RPeMbg2I0f14arREJCYsFsozCKl\nR0LpJS/FgkjZTVhdPQ7KPiNjPpT5QrLrU5MNlZSI0X/osnJI/HR0wzxK1G4y\np98cQRrap9TVRdb5SuxDchpwlFIj+rFAJC0u0rbBEH4yPI3wW9f2nH63BDTU\nTKV3ed4zR7Y6ZIuHs+Kk+8Cod/T4Sw6oQlZLamdmf36cUi0zpHEqmgT1aki0\nSkj5FkekHkfQvbYH4RYb0faAlVOhTSZvguQNHkUwaE8iVMa7dME1WJY7fADI\ng+9rcpGISaNF9OL8kLd+DIHtXDCxsyxEazBvo/U1gv/3TnvNUAX3ze2jvjA1\n7CQ8lF1DjS72DoKIjDWR6YTEgxCzGNhPtZtzLoHMo+6w0sEREPc7g7YRzDfD\nmn1N\r\n=BbT5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221263715","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221263715"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221263715"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221263715_1643783860497_0.3298987299603129","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221272130","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1b238f5eaf3a4d8fc89b71a6f57e61ea4fab2696","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221272130.tgz","fileCount":28,"integrity":"sha512-R25TwBSoCGPXVXEnjQOzO6f4zt2YAH+XV0+iTM4FadIP9jtov8baPXXwWSnTe7CIBcCZV0wPeieAveTzyxNrpQ==","signatures":[{"sig":"MEUCIGpobY4N76y1fbQKbcU2PuSvxYxJhLeRk0z1IgEVO+jKAiEA625WoLyM5Kn/4uGNPmPaYyifOj94v+rVoCFghVRRFso=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jEVCRA9TVsSAnZWagAAbs0P/j0ipxUqvTBEeG8tcAmB\nd1hG1wJOeKk/f78VMwoWwMg1mJpbLmBM6G9PKVBXsnJHs/FVyJGn27mqyfEp\nOrsbRlZLLmMr1benjEzQ/wK+1e1TN9BacOvqZgkBBV7CF7JZhLhcSCnge2qP\n9MBwb2JZxGbrPVEn0IgweSIGqH1EnQT7zGmvBiyBwUTFZzKa3opH10DrakHg\nw+Typwyko97TpR56G/TEinA2OIPzy/Q1Ow2qqOlJPEAXkctM/nrQzgb7OjaY\nfZBFXS+bwy+gr3qGObfQLHgIgKBDnNVgbjsQbQ3Y1y+VdZH8QobNE4WSU5sV\nYu1bTh6R1TDm6PgvaVWxKZwOsDGyFbDdvkIxqXoOXNM8gdAKatLd0dXyz47K\n3Ra0EKMoHn3FDgzolH7FbjLZG1NNGXOGcZ7bORxw28jfJXzvv1f6hQ9xDYRK\nuivsQxCLTSGNIpJy/B/yBUpYG7Q5A+1mmpJISeq/pIlaRSSTjl/RAckBuppX\n5Uuyiy2z5x7SjQh8uxjjowXgXsvBAWoJYQOvYLZC3PmPJq7bW7VzHzwzh+cp\neA2bNQf+bZPcbDMjXwgsa+lsOKC582XSZTjdDjcgKJapcrNAH9ELiMsIdWIq\nR60TlTInAs01wXevveNAdt/OBeiPTBrBp0OBxq3sFwd3WX2pGPJrIjj25Qwz\nJisD\r\n=fmdz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221272130","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221272130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221272130"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221272130_1643786516990_0.04725471815575322","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221272450","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"fd13874bdafef1aca941471f5ccffb952d3ea4c4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221272450.tgz","fileCount":28,"integrity":"sha512-9Hr/lQDlJMyS63+yCzKT+IgeXkcZpMsfDFNC9Lp/mbx4PK5hg3svmDp6KzcxOWp9qqQUN8C4GxHCeu8CEUakxQ==","signatures":[{"sig":"MEQCIAU7seW2F0X6S/+r2RyD6BRGU15qLSmVI96LjwVUzToUAiBLq1Q6OW85nuaoHOFSYffkv1guQOzpKCs0S1srNaActQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHcCRA9TVsSAnZWagAArTsP/0c/pwqDwBLJSpZJ6TNG\nDL18TML3bhShk4sqOVeW3kh2oYXDmXfvvpYDua41XBEWBg0NJ8xLBInpOEIZ\neN1/Zfgpc5wV1ZgB44ctpAB+Fv0sw3UuDXu+2JrhgJ39PsZkCcMkX9V2Ws7/\n8Y9XiYjrREv02ZppzV9nuasrUkIUbNQTo8YlszAKGu74uRjddn3gWiKi2kVh\n1s3zNbDUsrDdufJb/UlnRYilmXMnAH/g7cohf2jUPrnOQeq+r5XZJwcxTJ/u\nIJMddVJ9QoMTmjdDjBevHaFFWh1wyY8n+R7qO9JRGLm68UwOOwPHkVqXPE+j\nIeP0gaJ4aZVWXIC01kFXLz9ecnSDueAMmnERMiUURKZoE8s+q/oHy2WqQ50+\nPT3oUp/xaED4TKW2ylPCCX7jll/OLqcs95cirzlJbKtQD/eKx0mMJovQTAZq\nqlPrCCHInWYb5YoNSRQH+CawXFAm4gct8Wdm0/m7anKrPOns5lHn+nMLhTo8\nmHuOM3SN3yxhDoGwn+ZSaYLXnUCZDLD9nheFAXEe8NQ6+G7o+ri20ECZY5VD\n4KYe92Ju33mVEOfeo9fWCEACMkDnFcN84bq3hYob6o0gNEudJINbjvLs+eLn\nzOKrJhgotIJaBiM83p+r2Rb5uu9wpI4u5Qaa6oUGuw32+P37aiQun6C4DQU/\nSdgd\r\n=ccga\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221272450","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221272450"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221272450"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221272450_1643786716700_0.12249976805290674","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/button","version":"0.0.0-dev-202213175727","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202213175727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"24d2b966477f8c52575d5fd9899ffd831374cbe8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202213175727.tgz","fileCount":28,"integrity":"sha512-g6HPs72Y2vCXzBNjzRwiqEY3srzGc05wXbjUnVOLZgDeINouO1ytKO4PcbkP8z6i2xVK0/Lsc+FrgVWJEHanZg==","signatures":[{"sig":"MEQCIAhGvpq4Yi5+N8gMGWPaAD1phra9JWT/x4FCX+ijmFPCAiB/SomVJDdZ7AsBkKeUGsqAOBj/XUX81eWyCgsX+ZzvHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BejCRA9TVsSAnZWagAASS4QAJO7JkuiiX7WPNTHd8TM\nRfffiPezg+XOwV31jYj1TNreFKk6r+c1hSrAlSfy1rxIlwbsiqbpwARnlgTL\n/urtIt+NshtXEF+R+kDBKy3skXUP0md3ftJxes44kNonZoSBraS2O5hSG4ix\nLGB4YhOyxJs01Rxfhwxk2iIlFRE6IPICMVir6kPxb/87DQB2RX+3Ig+pfDsy\n4Sw3+SwsBwYmzT6CseIZ8kgo/itLAhDBjLqXj05R9VFjqDLW9DLvAHwCwoGR\n9QtQOgV4vUMKhuN6cKqHdNr1Q3uzYuW/bKoIQ8l0AvxcSYOVpNl65XP5/9/f\na3CFVJ/QPwkup32DSWORgZlSEpckgskT2AeIIAFysprdZfprstC/IivxLfKQ\nejZjdM8+6x6Og48jt778+7JBNKh1G2cSWjC4DeZ0KRiulQdVn8BVbi0d4xdb\nsnqg6kG5wSEO3JIJnERtbYVU6CBD+Ypz/gXeSGbuuNmgDJRur5u8yYzH6CAj\n4l3zedwrZMRyRbsJSL6VyAYJ9JK/Z/3MxKziPwIATyJ35dGryiQCRYXfMOP4\nFXlB5t/hbh3ikESEq5hjwnoHKVBLbGKx1jowLxSHXGKDQgz1qpp/WncTEtyR\nM6ciJ5hwA4UPEjmYeGYWFI0PYlU1QLsM63EoNID3nkRZzyUNgym3USqga2K/\ndLt1\r\n=lGS3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"f149c6c9aa04b8c0abebaa6ac8dc72c7f8ceed35","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/spinner":"0.0.0-dev-202213175727","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202213175727"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202213175727"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202213175727_1643911075606_0.9390605143897752","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221462931","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8b4da21bea49479b5e9a593a4a88844b4c08b3a5","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221462931.tgz","fileCount":28,"integrity":"sha512-HqD9dSUcQRdOcdyfzVOc/zYA6YS2R7a5QZsaIwj7pC8UWBdJYLdJ0CYSndgXUouvxuEhC8N2YUXFycjUEn2ClA==","signatures":[{"sig":"MEQCIEK+g9RQSdUSev4TEnZ5qdT2zjJaQkzSsLQvs3hxwhc0AiASaBfJe0ZsaZP1/+hs0pN1jLwR5AaoByVLwOz+SWaKZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MfqCRA9TVsSAnZWagAAevgP/RRw0+7/OXx7gYoyZXRq\nHQwwnL7lZ+QWfooIz+pjUZ9rP1Jd9ILAm8H6rB2RjiSDsCfc0llMN0QtR4TD\nR2tZ83Bb+TcEj897DALy7TVwJkaAOnxvV67xV0TXypC5oJzRJ0CUB0PK9pwD\ngbeN7NgKHDsV2i5Mrc/p+ai1JTqeAbjjOVcUDU7wK77cgUnadl8dA5AawI4R\nS46saOWaS6KHl1jaCQ09FFfSJ2T/UFU7CSJeUX9U3PaAfgdo0n7OJ5TrYD5w\nVVMQCv+6YKIdS5V+rE8vrjDglxRY8tSqYl4EopxQ8YhQM3ZFm3OiEl0CNTiN\n7ElPmbsF/GEXi6vSGBmkU/oum2q8pps76EIgw4KK8UpO949uJtgRYH51EU2m\nT6ioBNRPgM1HRcuos5pxqi03RB9czFkUmo4MtFEtObJ/rmz1el2Os7A6oIfU\nAilhLzjtvWWRGi5yZDFKdQndF4KoMoJcv8AWYs8zZQf4ZRnreJN5mDTTsUYM\nv5rdBNMM6UJiOoq8hdMHLQL3N0/CHmqJcYeRAGIyjGuVgQVfANIHyH2QYjz4\n60eee9sJObJcWZgZOsNAZCa3eRev/J6/p57V7yXIhDDDShsaQoiUd5yuoDoR\nJDxVi0+NtRXhUGApswMoSUPDDR8pvcZftsSNXeYhLsDxJLCRmu68DTOa0r5v\nrnZj\r\n=zRH6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221462931","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221462931"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221462931"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221462931_1643956202715_0.4797230564363466","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221463045","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"72c46e08c574cba0613b00ce638bdc1abc285fda","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221463045.tgz","fileCount":28,"integrity":"sha512-pAupypOb7oA1V//zQXAKmaksbQcdiTKH4E/ESHExZbGEoO1YH6MXBOwCb8GgbBSzD3S7kkdpyz53L0HD+mnmDw==","signatures":[{"sig":"MEUCIDR+q9QFtShYPUYVK3CGwoNf/fjSvakzeIZ1VdJfGM1dAiEAumN93H4h9WqdAq8v7uKoHdysCsViiq0xxyZ34wN9WSA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mg2CRA9TVsSAnZWagAAHqAP/3M2/rNLxZKTWNB5CF2a\nyWE1OraixgfmxC3u4LB+H57yF+0XnoqH6jClQpoxWBaDjek2iosrhEitWItI\nxO8d9/QOEnIoA5TwYxlVxxYZca0/3tZsxofbR8wwQqyY0fIE6vudZzm7Gujb\nb1W12o7EFoRfcfcWDNlxgvX/ewDtsWT0wauXUey+RJ/hkqbyUNI6Eoo5mFv1\n7I+NOVY8SNe8ad7TTT9xSX1sR85XyK4rBZEzckfz0EXKGJDoDN+pRhnpenmQ\n7eHPDbkIXvYsRur5WJDBMpL2lUjIEkB9dKbByQe2GtI+1u85A21uF6j14Ks3\nMbR7OfzVvaoV8KZFZU64nnJcuLA0PYsdlCMOTqwayANWt/AeY8nfpzqsKzwX\nogTrQohgRdUsF1iBTXFupd9IY68nYVx4rDnM2QT68cB3Dl0fULYF03tL5N43\nRzsDU93NVvG77S5a6xyqbcqzVFuTXlD6zEC0lXpu5QBvCVFupPHtU+SKrn+B\nn8wf0QqBCD3tkUChhdxiDYNpCgJ5Gqjijbrx5VHhUNHtLX/KTYv8IoCHRXvN\nifprE+7S/Fi36Foj2tGj9y4uLuau3eOHNHgDLsP+0tR4uAVzHIt9Zljssc8C\nonQtP50e2tpYttEYk8cw/7out6WV89WJXQIZTc1z0EsG1EbvAWQSnUInQpnR\nubXf\r\n=mQFM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-20221463045","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221463045"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221463045"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221463045_1643956277986_0.22877202531572727","host":"s3://npm-registry-packages"}},"1.5.4":{"name":"@chakra-ui/button","version":"1.5.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"7b4c80cdde01368107c8c11ca1021f0747eb13b9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.4.tgz","fileCount":28,"integrity":"sha512-FLJOy7EbLq08Qyd90z2+xNUw2kiUFqYgCvGZ8IZ9SwzRnLEOSBVT+mpDLQlh29/Gt0OxJVZrV4eLUJvT6KTAHA==","signatures":[{"sig":"MEQCIA6t1P5MNpbpBx8yhBcBc6msEdl7SLchQcTtOVg42v8RAiAdBj70TIzKGDtVcfAlhweHa17CZ6IjDdjjWiLKCV7DHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mk/CRA9TVsSAnZWagAAYnUP/jLrSghy7jBLuwsr0l8j\ncKpT4fcn2l8MIlQTco2S5jqjOPGYgEPTWD/QAzKHuDaMZFfta7Je3uj7TouU\n0lGDDOjlr+3JfYHJPPAFim6+Fxoe1oaDdIkLyxnkzxYfvcX92j/O3yU20bD2\nlp4qgCIc1kQhIfJhialfyLcCjGgtmmolZkoH8UkoGlKJJ5j4Xq6ILuFgG0hm\n0Tyqdjl7kijRDQJNTcuNH+fzM5wSApYfci1uEODVHdoogx6GZgpatr3t4T3d\nHr2WcSIbBAz/63Y1kpaE5rxog3Q/AS3H/7SwSsR7R0vYv9LX327WpmxmBtbR\niaQnsLdBrYTWa0UTsclCrKgz2V0IzjuCdGFWZsIkiiZaBFIrQglp1rZr+4TV\n1zg+AQ2sdJ91HrHSbRHlphyp8MTjESJBSFrPUc2gz0eO164byvfSDF/LQQ4e\nm6pK5/rzBoM5av25iOPaRdcZiei/9dtJ2CCa2JEUx0XULKGDso2IqDaO57y/\nqXjcZayKMfHqH4dc6hMXzFiN0eqFEWDif1V1ZohVOzF+ahVENHOkuNtBI7X5\nAETH7ZekOyZwqWjBZBWcF+cdiCs4CTOAzpqdB0Qljc6YxRVkzkuJ9vdX42Nl\nTkpvh+ngNl/xjT9NnyZM7esoJciMIrL3FDIe9axRhSGfln6lVcY3w6BMxLnj\n0nCe\r\n=Ri9d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.1","@chakra-ui/utils":"1.10.1","@chakra-ui/spinner":"1.2.3","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.4_1643956543102_0.10949034682474346","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/button","version":"0.0.0-pr-202214171317","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"63b12449ab15d7ec14bfc0e5d44d0f7362f9300d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202214171317.tgz","fileCount":28,"integrity":"sha512-RHEnsa2UpHehg3OwP1mFUXz77Iah3WkLsK2m83dUXB4TspNNjQdmHVAUmRgFt0zsWFyZqtf5ovpVkj011eKbVA==","signatures":[{"sig":"MEQCIGSLrMLim/5u9tIRZAlPe7bNxVqVuGHzx2OfhZUFVgdpAiB47Je6Y5JN0AU5DdEyiFjZ/M+B7LhDrbgVLpP/A9EMvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7PCRA9TVsSAnZWagAAj0sP/3+ZzE4SYseaza2OygKD\njC9vNdqyQwMKEa4W/G3fOrbL74QN5jB4av3GlMZEDlv8vlwQ1nJu7XvNua08\nu9R2EQ0hX5L+AxinJgpA60BnjAsyNUkPYxJj6PbsXlp9Gry7BPCmGq14rzn4\n7EDON8gWJPe1HyTB6YzVmq1Z9BGwcPWw6jnrEl8PQQZu3VQTubmHsXIlYDh0\nEWnxabOmYCCQQqTJS0lml9E47ID/F+U8AagvjVBQ6EwmpwPAmTsGqWmuZIpV\napznhDsAC7WhtoRXohrUedWL34REeE84mbhsD8TMzKQO8GNcipDVurqJlwEw\ndkmIVTJZfaj+rEtoSXNPOiUdxmn266h95j2+L6j9W8koAqpA9oLMHMCFz1AC\ntsGoWFQDfZWwkMsYz92geeuQPZNmn6aAuSiq+nk+aPzI/sPdLvw3o25WUOSI\n7wZWF2UDID8Rf7Tc4/FGa5JcRfcniSncA39WE2gdJEpzTs5jiZIplR4Nzb56\nv/oTgFrPUD9Z5GQoSasRP/gLqKKVNPMJ1OFfs6wdE+E/cBMmcDLg7nzAYl3X\nHrxPEsXWUCCf8K70sn4c3aWvlEyKsPQxZs+p3wh5gly2PLcqFQmOUJRMxsk7\nGlPvhRxSoDC6Xec2dsDN+zfpNqehsK0Xd66s5vomyxHekrMZ9cnBRjS4paRX\nUdLc\r\n=S7pq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202214171317","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202214171317"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202214171317"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202214171317_1643994831496_0.4780493480502179","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/button","version":"0.0.0-pr-202214173019","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"dab68f83148e9a476b7bc44885c95d4a5d13a22f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202214173019.tgz","fileCount":28,"integrity":"sha512-v23CWNgXVamJTfSlP3Uvy1GywFNyLllZS/hUT+8MFH1hU5sebnJAn6q7VdGcB2MzmSSAKX69SVykb2DzW25g7Q==","signatures":[{"sig":"MEYCIQDIEEtoP5Za+youcWoCb95i1F5hViQvV+LRt+LCmHIL+AIhAOBqUkhSaApdfu06QXGkvSR4azZLTOS4plaOHUcQYBUR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLGCRA9TVsSAnZWagAAK9YP/0OYH7JSLbQGC9jhxvgP\ntM2V0BVQsQs/uVuQyi6aKOThPhcDFsoMlQ6n+P7EBJ2kcgIjwpXf21sFe124\nZZdQ6o9sPp941B6GN2MK4rkrsWQ9YpATTR8aQNT+ItdDP/uLPNlc5ljwX5SP\n//FR6uSPe1jhFtSLMQwYhHyBB12PKnBAnRTENhagRdlHgVrha2fPJLIKcUA0\nu5wyTsafwMmyu/Puyt4b5JjTgTl6DLKw35lMYna2fhDNE7owGmANKuZJyHtQ\nDRh0wg6+57o9rwJ+M29alT8fGDy10WhuLUKBiDWmxUCeq0RDHT4Gean82pNS\nSgEBQy+C/eBIAAvVWQpIA/mtPbogorHQ2pWE1DLMGlMdqxJIx8Ms/s1mPgUq\ncZqGiP9NdbcSWHFd/v5oHDDhlVMh4uHRzKAhqMKzWZOex9A8GOExnSu9Voau\nMKHCHmZ0LksHM8OtgZXTAd+iMIOzeukbBK8AUh/iZwchkr9x9E/G97/kXaFD\nxk9Qba55KvtlO/bkqfi7UwnShyqEcHj+RlvIzUPi45GVtaO8VyDarThlMgdm\nHzWrOPSLiLRC5ZvqSonXZt/ZGfbrMalhUe3/JtFaif8CCdbtFjNWkNy85iHK\n9usmVmP6s4o9cYuZmKYj/oB4KNpOknGh1h2uZblcQnqmx8kbg3JbjyzFQ/5Y\nFDth\r\n=Hx8z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202214173019","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202214173019"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202214173019"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202214173019_1643995846071_0.3985397631655203","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221417318","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8784fec075085cfd504e5882156f4fcf2c85779b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221417318.tgz","fileCount":28,"integrity":"sha512-LqtDCh4bZRJx6kIVBBGCWAeV/RoVzHn9SH9nGdOYo/5LtPwQpLVAvGLC+VQp6iXnoMWH7upl3Kk5dExWguQJDg==","signatures":[{"sig":"MEUCIQDCdwwoyXdvQHfDe3x/Atc32OPRnxmaRU2PKGN59cBxAgIgVaBXVcZa+kZDhrNHjdNslFQosOJIM7BX5mhoejqZ7A4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WL8CRA9TVsSAnZWagAAQA4P/ihNYuafpKN+lxiQabQ8\ndsZ0V6i1gaLsJskB7qh8MBwQGUsdh7YBlE3HK0gnZY1GM8mGZTzSJKnjpRnP\ndDpvuvR/O7tOu3hCzZXAfUcZvSApzZrhPlBMIK6/lSfFmbouNGYsFfgelN6i\nZ2SuLeg0qJkzeaxswpe6n0G0d4A0lb70C1Q0R6L9BcwxeghZJC/kaWlmuUzj\nFTG9v3fU4rfD4vcFYAqCG5GlloaX7fQm94tNb/sA5600QZaYM0xGcZK/PCU/\n8QEgDgQ3k93pwtObRfb051cQ0k1sgCfbmDyrvP//G5ZMH8FhFjJeKQrWTPDB\nsp437q2nQjfOcSnwhJKCTjssPkdOuqIs8be2Z/S8QL2aAKrpy7nB3FkDutph\nyK+N6432h9+mOME9JPBc5YVl3JJIDHef5fZuYCLce0xCAlMbik44FVLz4onk\nPxPdRpYfPTBDQZvkxYJcQ0FPIVKOZOEoDJbr+GEK2DVKGMHEQQ4nPWjKPmfK\nHd6RhH93Tidfg4TdUNc6vqkCi1e0ZXyyVoAJKqfD4wCJtLGC7d2BPIfIapue\nvGj5tpt3Z5AcBm398dRiKoMdMc6r/GnfweXf7LQi7wc4ey7fSyu3cIP8LjWv\nzRD+VdYI45ZbU27PUek1KyfuBJwTaIrzzP5ZdKGmc4ZehXcz78qP5aN6gn4d\n6M2+\r\n=Vl2j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221417318","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221417318"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221417318"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221417318_1643995900581_0.8698803931930021","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/button","version":"0.0.0-pr-202214173148","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ca17b86711109e241763a578bba389b71ce85740","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202214173148.tgz","fileCount":28,"integrity":"sha512-BuIZISezn4KZ6rBPgx4l0d0xHICrtQfVUYOKpnAwKKbtu6WaHz5icyAaM4gYZvEU5DlkzXJNRwUcpIfz9jfXOg==","signatures":[{"sig":"MEYCIQCSE4GX2csCSfUl+P/0O64cJy9Gd1CYuHpcKgGGuZ28PAIhANnSb1qCVPAPKqpI4f9wtD0EhIRK7Y6ITjK929uskh4V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMiCRA9TVsSAnZWagAAFkUP/RA696gf/DXW5tSidlPX\ny08mGznnNK/hELcx6zcs67I1tQavxbDYhgS03fG5zoPBZvXo3Rq9LLKrpkt9\n1Byie5ZT/7QaUWbyHA7yXwrpmpV7noq23iCZcwBIE8XkhY+gT+UIgfnbqja7\ne4YkaiDo8pQM+qD+QUaRJcbUIR/NO9FsfFUx1AArhWqv7nPngYyR1zY/bbcI\nIiXf3RYFIWCMDbJurgXFea2jGTuUPX/yjd4mo78MXPxWBdpMfhuM50IXMUN/\ntzYZ2PqCcYZ9NpFr3AcG3SvrX+kJ03l+w8L2xhFxcy7XBg2htJvL7cZJfdnY\nqDEozSHzGUOBaFr6tRsomG+42updsIXCsz60ZDKvWVd9I0aO24dvl96w9XIy\nSB1pv2k+SFRe14xDyhbl4H6Rop5Ek2ctryWyGQ5lejD8IBgWTLiHfIoMkwMy\nw17OzM3xFNOT43jdNGMH6/ov4lSdPhZnCwo9kI22Pu1QjME1RqIeRLKUSkIh\ni3xYDe+9VIqGmfQvEVzbtYsnqkcRssAchv4xBxahFynb+FQYHy0TKAcUgmxv\nNg+oQv+5Q3WjiqlOilAcmbgOfiDiwkLZnaP+9xKqe20RtbD493HlQFsJcpY5\nOjtEm28Fj4VUHc2yFd9Jl000Hh/wI/Ilzyy/gvbL/7WZ8yVuvUAErfzUZeE1\nlVl/\r\n=ZZC3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202214173148","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202214173148"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202214173148"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202214173148_1643995938276_0.877167228098445","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215111823","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4dad921a984b14f408a7d83da2e7a4ba56d6020e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215111823.tgz","fileCount":28,"integrity":"sha512-K90rTYrUvYpW7zHuxbwUfmwch/y5DJFousoBv7BvfJhb+fMUGvEncC0atP9vgRjcmnfZUJzqMllUY8nv28q4cQ==","signatures":[{"sig":"MEQCIH86NJn8kJom0zFsNWIf5SNHNpH3Y89l6nJuAql7EKdiAiB15gWfXe2YANMjlDaF9+3TJjCwhzIBg0GsmBRfJCEbDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0cCRA9TVsSAnZWagAAbI8P/2BgC773p2/i/JtKfmjm\nhfYfie5PAc0LyFXVfeLrARsmJcJ8YPI4i437RMJVaSXx5wQ0fa9RuMRTzCqC\nvUpWPukHfWDTCzBB7KWgc0F/S6yNB2ksumUvy00NlOHLkVQ1KyFLz/SpGan4\nqLxspkKTp3bhKB1v8ecm30bSIHo+TeMK9UsEa2JADMZkJDHuvGL27J1ikDcc\n4B0dFo6DZKeliqS+6zttFj4Ho6xsLQuwOtrc6t8+JoQohMMU8JXkiCsnIJ0X\npwvdOC8THF8t4tWtvpxZpOYlWR6hUZhJKH0ezNFjr+0FhXNtqzb6hHCcSwWC\nF4r0JOa/BafMjCl90Xvv5l+f5tBdaM4i/lbM/NkZeYaxV2HU5aDJ0LQmJc5j\nV9A7ZzUq3Mps9idzUm6+marn2VgwlXoi31vPxMBxOsE2iUq6T398G5X5sYMt\noYCZMe8g/ZuuJpeAI+xcp0v/Kijd8zFteybHAO/XUunwHzmgI03xb8gEmh80\nfrpIApKXDazzVogst/4HsRvyaxBCPCGr9av2FLzNDpB7HqifSJyzfw4CS0AF\nUVJN9s4Ni7sAARZLnM2+H+ELcQY09Nl2thKIc1cPWOSjqsgS9MJhVwRVnLJZ\n8cDu7ldDWyuzs/QdqmiovxPyuHkCC4+kMcnYknDxhdBkDX0aWqHKCB6ZaSMT\nNIEK\r\n=IHHS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215111823","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215111823"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215111823"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215111823_1644059932776_0.2053843363714436","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215111945","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ceaf040303cb20b0392f4ef51178e545a0868c37","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215111945.tgz","fileCount":28,"integrity":"sha512-dWRgk5LEF+l3oG3TCSHUhgvXYRFmOwjD1kW60tj6iv5yW7h2YSJqn6PVORpfm3rqciFh+zl+0tucD8zBJsbSQg==","signatures":[{"sig":"MEUCIQDkZS6R3UsuOzU086FYY4yEuRMBZ9nNZy5zsHXsUk4u4wIgY7cwFf9uCYgvm2Y/LUC2+BfIQLcJCu5ipVKkLLe8UQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l1xCRA9TVsSAnZWagAAbmEP/2QULtwjg6Dq0xMMoybK\nL9/PTXPAq66SYYb5vR+tZ1mM715Vxp2lw/iqZWUuU2ITI77WsxGQfRYx0MGN\nH/5RDNOu7gJ29ylNUop2F2u40/teLx1svXaYk3x9tBNoNH43ZXM9ln2Ipulk\nfADqpsqyCI6iAphwNQGyXk/ObrG1PD5UgXzsPHx9MQAGobGd4mk09wzpZeLF\nrqe7q3sD0l9fdaaOBciyLnmgZ5LJXuzCw8l0bVJLl1Y0e8xAlHYhtsago+XZ\nbKccsGJtsd4yixli+M9Dzb0PUIG6PosLXXUxV4eqwRTqBqLAilUP9O9k8XO6\nSQa4Eg0HgfppDKXHATaU91/OopJiVrpg5+fwOWJgsyda9gF+6BDHGqYIDfjx\nxsYbiTAIUmbVlanuffH/IPQb2c16bgK3B12ZKjWCWnkQZpCuWP7h9II3ml3t\noMwle1rta+q5eLSazNRmHPYDePhzJRAaVR1xUGxVg/BqWfjDOTIkjxzZZt0A\nHqF1brUbsRSgI6LFNZpXzvUruunleRzS6+UX2Ryy5sxj3GOEba8L2h1K2WmU\nEPcFQDoz7v+3odDZ329x7YKdk3ekxZL9gpJGsStI7580xVVa523joEq7G+ZD\neK7Y++NwpUvQbQuQ/2KLQlF7MSyzkGkZwf6+iU5in1Hr/izNG8tHOEspSR69\nfDg3\r\n=47Yy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215111945","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215111945"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215111945"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215111945_1644060017832_0.38312646589197485","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215112739","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"365a8651b6d66b80310ebcd239c323196e3b89cb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215112739.tgz","fileCount":28,"integrity":"sha512-bC8kOBUy2qHvfMjHEGGVnIXtNIta5VwvoyYz0oTk7qM3KOXX8e3y+LsxU0Y6EGAUkCcCv96/i+YWUlde+lYBYg==","signatures":[{"sig":"MEQCIF8WJV7COOL4KiPz59QiM0rAQlbYd4drTgSVJJ2hNjk5AiBVdOzFo/e4nBX5QC/kOGSwwTDt7OzN+XLp1vy8f5CC2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9HCRA9TVsSAnZWagAAglAP/06J0adijdzf51bhzRr6\n1xh6tTynyZQJ9SpUQUIoUK/vTQqsiJwXMosKhgUxEKGEbbqfxOS+4D/4mLnc\nKQMZvYsei8Nj72j2X7qb02nmeYqa/XsPfJ7TjZygbZZy3K4boQVOQ8YteuIm\n0XaAW4bEQDmDAuTrA7yXOh5Wn/01BRrZJArDUiFAjAR3Req4+rvVfT5/+KP/\nakqjueTDk/3PzGKAj/XflaSZ/ddtPZoj1lCoyKjSyuz3V+L+f9ENn3lVFKth\nfhqWf4XTNVCEEVd+t9lht+pu7f1uHjU0oaWqrTTNMgH7eRXoaupzmxjY/nnc\nAYq0nCKnXCrg0TMwwyVDH89JbuGwn1YVlVxKdj3kElCLtNB7WEprs99S2gSJ\nZrn330x4cdWEv8Zu4Jl2G+HhEzY3zYWMACY4Io/zGwf9GTepzUyOWUf+bH31\nWlDdU8Oh3oM9+OX8tjsdoqk7K5tLUjT0Gnj6S9mGIWycfVn1dIS8XpkJugXh\nqNKQgaYPXFFo3CkQPy02FXVuQ3eDBYGiyZhH78c9oXUwxkAejBjtLHt2VSlh\nDMJx2RXd0kcRbGeVh8qJ/82OOk5FjqV1PxtYAgNlsKm1j9F7fKSLDNJiylXe\nrL9gQchaEeRGb9H3t/HPA43aRYy6UwTf4VrhxBbXPU9AOEksVu2EEDnQCi0N\n5WA/\r\n=Nf6I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215112739","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215112739"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215112739"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215112739_1644060487749_0.16196984979163398","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215113521","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"edf7cddfefce178bb9a5c6fde59d724680a615fb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215113521.tgz","fileCount":28,"integrity":"sha512-YfaDZtfDYELA05ZrVA4OUAlFHApYvtLwAToBKoD8tnzQK323Dd0+petiDNLm6a/FOjBTRB2lT1rgJwrZlN4mJQ==","signatures":[{"sig":"MEYCIQCLg3/CZ0NlPX5WkUQt0Torh44o/d2KoZVGV6FrNP8DsgIhAKM4kOHTP/vibHQVxEkQonMF4ctKLoNb6nsWRTPmumf3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mETCRA9TVsSAnZWagAAmNQQAICYi1peEhpoeeRYKOWZ\n2MsmAEjb3Nlss6umTNE3ODWhax1u9DrbEqQ954aIm5ctHBeqCNxOaXPVKY+8\nvmPxQE2PtsIiHktaRJLk8a21D5JSTuhTJI5V1dzW37HFO1RIn3meMsb6BxOD\nplnk8Q65gaswjYZ+mv+o1q4epKxb6pmUYUHIkkAEvs7GIkDPa4+oKia1b6l5\n+P4gcOejQHU9hoEfkKvLmMK4InRj1I4tnh6HdAulRf3KXnR2i+oMKkyqK8Xj\nRW88JOnsHZzHGOWPEAoSdIibaoSpsdoiDYWapLQx1Y22dI1SWe6iPF+zrDWY\nukI+OY25QFn+QlBJ+ymw3xj5/dI3PHBc6KHkISI1TiZFpxGHPy1lZVOdyQBj\nI/Ic9l7tAuACNF2J9o+5Pq+DLy1q4WblGayKzZslGWU6eaGaqCgDtq2KLfbO\nDqz2h1ZscnTg2g7vSxRfT8DU5F02ybSZqIxjog5mBRXMiwY4ymlN84ylid4V\nqYs1FRwy0LVZLDWU+vicE4EhUJxRdRnrNGy/dR8KjNwyM64PTQAirWplN1Pc\nyeylmZlE2Beh+9c5SvcG0CtWbhB3aIuxCycszOsZeaJkUXNn+GFrSXNiSTbj\n/Eznu6jDKz5oXAt/lUp063qF+iBZWU06uTCYeLMNWTsllAopX7kcoaZ0+XZ3\nL6ab\r\n=qggL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215113521","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215113521"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215113521"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215113521_1644060947601_0.6369552801158418","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215113950","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"21a0764371c1711eb0e65adbb60d0d7058c57f55","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215113950.tgz","fileCount":28,"integrity":"sha512-YPpKn67C+wFNmfftRJtHK7jsIcnajnM4c9tuH6/jkRdezNIMHlCTMHD/EUtXlBrnF/scsQLIMpJ+1l3wcDqyzw==","signatures":[{"sig":"MEUCIQDkOMzf1ALLx5DkULZWm+QeRWtyE5TCDzmn3MT/37TbVgIgf98q2sKXsWj/kbyuQaWcj8lTeI0PlBFu/Qi5h3P3gcQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mIkCRA9TVsSAnZWagAAxasQAIkITSJ/z0X5UdW3pU0W\npxrZkYkVlVokhVvLMDn04HclSHG/UiUcYmCzK/ViDnHQoTDqKUqq/z3tgZRk\ntiSIEf5YQu7eS4qJluL9Z28pTVdIfI5bHTWBSD39dEa5TjTBSr2leR7alzUQ\naoN5fFFJLiI1lySGQmmKDeA8TVoxVVrFJcmmY0CoN+q3ThJ4FYIPIqfPbjES\nkShwx3BtOX9vChD5F8QtSlDF6RJz4bQ5xk5TiQuYdATcBycXElaAMQPZACos\nBNpQ2MEUz70OK/NFzgnqdcJM8k6uuQcvm4/cphnKnN60zamZkuZf92jbx0Kn\n2Tr/w05CI8UWZ+z4cnuN7ejxWH+pie6SgZLGp2oBMvfVXbTqlQ9uXcfULL9L\nZi+VoVQj0BEELDy8IzsJl4jRuIsSX/hYzCjqSZIPAhiNBqYHg+W6q3BDr3qf\nkJSwBtCnqGv/mHmib9MckgayjgDd2/kZkExEOVCqg+mlJNeEACjsbd5XTt4Y\nzqUw7k2cxfGLsiohPyAJBotkFGjGDvXRweSglQeEftqG4sxLw1Ym5Q8vyN6x\nQCJgmQriujY0PYlPauDHNppqCtK00z5AWA/S8FYAgoK7yr3OYYhoBSx+vx+t\nrNjXcfAihCPCJYDpt5Yt4Xfc//p44RQdL+A1/WwdvZHi+lbbCnmOVPGDvp9D\nTCjZ\r\n=GxyA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215113950","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215113950"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215113950"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215113950_1644061220734_0.8474624793476231","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215114149","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"2172918c53428c95a673930d8da336a29974a23e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215114149.tgz","fileCount":28,"integrity":"sha512-fQiiKwNskyT+0+ex7Bbu0bim1UnIe5L+/19d7dJXbrWeiFFVuHiNK7nQ4VMmOoVmaLa0HcqlAMtCMwLQkjb+Aw==","signatures":[{"sig":"MEUCIQCkFEx6smyOUqKrgx9RbelFOngQpjbm4cLG9yoTTxxnxwIgB8AcrZR/U78eupUD4Zd6WjNYDbpfn5pb/LD7CuUbN1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mKeCRA9TVsSAnZWagAA8SYQAJKtaBCist/UIUul33eX\nKJQMLfTS6VNf8BXFQGisGOkgR+LO/tsOpEV8U2eWB4gH66kiM/CyKdBr5/CI\nppEvpb57tip7ZW+MJFv+kPIGddyWsJAAHNQBYNyBukddSvYejs/N9HeHv9VQ\nX9+8ZeeIcXDAMVTdSo7LDlUUerYt4co/wbON4gPTU65x650sI3FK4czybFlV\nUhg9bG44AJODyYmxMq4e/AWsof2RAuHUOXuWgdfe0ouKEjYc5YRavpmtGv+l\nK5q2s1+hc0q3FsfQYt6oUGDf57Ia6k4hfWfX1sXqZFTG9Lz0HkFWI6CMncmv\nbq6844X5OdZyFBNKT0ZiPSB/yKo1btuao//k09/V2EK1DyAcBuCtOzAbcDC2\nQLY0KwNyA+MwACCF79BTzoskqXSYI3rvirIyeDToT7Gpc9d45MIIOJojjI3s\nPyZo3FwnKUnHViqM/bDBnOyluoNoa+8HmCy9eZfn/OlHSPOzIKeWquaJCnjm\nmT5SDQGoMbbKbIzfdQ3njauijWoQfyZ3T1EA9iL1+cpAgBTo41N9w3x/7SkZ\n8mJm5nIZdiHA4nEUUorXDcaV11aA4d1puZ66UT2XGTwYZ8Gj/4GkHBZ3iNuu\nklNQI+iy3u+eBuwbNXgkI2ZWltXqxc71Hyeo1UBt9Y7KxVh2pDmYLAIhEGI1\ntlrH\r\n=KDKb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215114149","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215114149"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215114149"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215114149_1644061342837_0.5738184019313708","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215114422","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f25a1a87194188ecdf02ee4e97f11ed359646b07","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215114422.tgz","fileCount":28,"integrity":"sha512-qG5F4puGJBsL9eKpKf2k+bx9PgTiItewrUnS386luq97AfSHC5rnk8CNcX1aOKQXp+GheW5dhCMXmWK0qd68TA==","signatures":[{"sig":"MEYCIQDVKrUd5wzmw07UWctT9ZnQsssJJCPziRQrRm1prZstIgIhAJIm15yiXZOQDQALD2AvwNWWfyFyBF2Q0ZuHqW3sgu+n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mMzCRA9TVsSAnZWagAAhckQAJT4sbSm6Ue760aTSr13\nIRl/hYhTxqfP6dDu4wD4MNM+xmbv4VkUKQmnOlt6oX/X2ZuxQ/WOv6DjlHiS\nHwLBzTfiYaNYAAQO3+4R9Tm+Q/u46MJi6UjPQVDxNXZHpHI1AQzWosej68S7\nc7/xO0He5nCHTyw5mPmZJEimLpPO5tI6wkYk6LVtYCnhJD0yfaSzwy4xL0uX\nu6tQo5IbmLNq9+cePz0rMe3sFCNgeixW9/DtS7WwCaPa/0rckXhr9W/LExJh\nyqgXtxfc/gJtvEBJvgdQCp9k7PnmvaxNGzGy/To75XHH4azK7MY6QNJf4AeB\nKb9Um4VXKG2QUnkC0mtr1YRp0oKZv/PWLo4BvjKREPvMmob8NJYphZ2+xY7v\no+yC3ZzmP5mCAzZHqf282hL1ciG7x4Mhu7mt+Qs5s69B9ZrWmfqP9FrcNhNx\nXg+CgxkAi1qbNxrj2V6npC+D7T0lfXhFdhgLdUN46foQdKPwOfPZLx0ZGOpd\n0EE72Vz8sLl1GwmvDN8+2TpFcJzU9vDSahvLY5sMsIa9BTIVOmvM0B9WJI+N\nyPNbYFyr1lEs4Wi62gUYjYS4xPG43KY04NBogkIp1zdIvJVcHgd8pYS8K0sS\nKg1akhHqcC8hlVuAYxSVB9m24deuzUI+Ch9KICeH6hTaNgU9mf2IzHyXYk1H\nsQ0X\r\n=+lkw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215114422","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215114422"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215114422"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215114422_1644061491293_0.2912916681222475","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215114442","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8b075ad70e057a4ba83d5ad932143924f80dc7f8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215114442.tgz","fileCount":28,"integrity":"sha512-28Sd9U8danq8OKQMR8onEQD2oCyCGVuMdfdrqWV+xzDiqBWsn7sDooWnh7BBJFZb0ONg5AZN3sfFBwsBQwhl0Q==","signatures":[{"sig":"MEQCIBw9Jnsivp2eMRwUw6F2fvKy4V9G9866OFbGoeOqxjIZAiBS9hAjK+9Y6ohw/GeKAThRkh8W7wwGeAEpA1IKRfXrDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNLCRA9TVsSAnZWagAAjYkP/37iPYh0Cl2EXfJBed/A\nFjUsuKcZFOJxTcnODidThwDMg50cKTWp4MQR0SiEZqgXCsODsoFBy+l7SkF8\nBjWR62ZT3IjJ3+5Zx/3yAbR5QnDT0g16zer23/jqPRzel7SBnE5IxEdqJHqg\n13zvxFlIrNfvpjuMae9So4lA1kvGhRcyFR36Tn6SsckSoS859PaVgF87m8eM\naOCctmW/ot5OgD4hg0pZPD1OwlA1vhGLgQUb/9L3wFTcAkG/IkbW8YadvR6J\nt6ufdSS6Ba42KywZ26P2S2Yc52uivtdMhKnbN7+ND0+mUr7g+BgkVqb0Jy6b\nVuB37pAtUYFwDWKRQeGsI/TXzIe3DjnZ5yA0nU02Pegqcj5aPDfHuvI9kkSH\ncdj2Ue6ICiREVwqudtmQFtbBDDmp9fWR6aavPexxLlWJJ9/xShI7Lv59pWG6\nBI09En5bvgjecAyQsCd6Vs1zc6VwIQ1Ou5Zjo5+NjZruM1mPZC0REMqwacIY\n63IA0XlSFNoFn026ovdaN8RXoBdU8Yj6Y6lzSi+f0DL91kutiF+v52/6c/Dm\ncNySZ/z6TA1D+EnfOx3tvhvhgIx6zyxPkB1ZJPMicrzwjyBJDS9IJ2GNHxQL\nFnAeeW95pd3rYuUEDfJmf5KmI7ghq1A9SOSRp93M9tRILAA73Brr0tFCBpqT\nzev1\r\n=UnJm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215114442","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215114442"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215114442"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215114442_1644061515268_0.6640966510287543","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215114917","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"813aeb8a94f4c0cb4c76e58e01184beb3eba2072","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215114917.tgz","fileCount":28,"integrity":"sha512-Q5aB7KhKUfaC3GsW9/elIrXZg4uXP9MwobkGE12/gElwTA663alrP2elNTTrWPik/jRNZmQfvbZxGD64sYlAKw==","signatures":[{"sig":"MEQCIDkBkoar61WhwLFJOZ2ll7WeR1vgRuWYOvtfnBwEJRFtAiABJcChcB+ZOHVuRe5zwxce3x5kkm4DPEd17YZXQqr4Wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mRhCRA9TVsSAnZWagAAeSYP/iBFbMyEtCdRUeUICjEm\nzpYxwYsJ/9fTQdR+wv3lR2L8cAvxDAbGyRJwKWo+F54AeBnwzIpTAsiX7hKr\nZrcKrCUymDptzyn0+AzCgoBpVNAe+DIK9ni+xAIpBaaexFsduAex3+zsFdq2\nH7UyyHKQ++dVpnA/PNfSge1JaxCM1jOD1nkm/cOyukVCqUbIbFoAiZEriWvR\nLGNl6jEXVv+uJCs7sCsixTURGOKTrpVue1jCOHbZhi+w2hjJayPXQuXNJgG2\nqZ0aehFmAsaX89ANGLxMl13yBcS9R2IaRdN8+H1ytc8VL7MvNIl+qEjTI1Mr\nknT9ESQ2V47KHZQZzFMQoOc/crHcn5hd+N0curuJVyA1m/jwe40jYGXBWmv+\n8LnntTejJE5EeYDZb5WZoULQFOE1yMy+Xd/ymCSjFJIGtbmGXGQgfuM+vQHX\ni8Ej4mcnH7meesvAB6IwdEp3yi+Cjc6wwcQnjIVjS1u1eFNr7mHNsJHa3DLZ\nKI5lJJZn38nWjKD8AmrReQ0z6p5D1ATBqJJR3b5wQxVXKFacah4CVlvgMLck\nc8PhpRMupLtNL158tY4tJdQgfbE0WJV9oRi5zZOYf97qfeFv1tjAhkyY/9Xp\nf/3K3mFt6VBO18GGekcIclwNcyjLmzATAG5T5zityGKKYAKVWUkyagcBuIUD\n4lqP\r\n=Y70d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215114917","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215114917"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215114917"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215114917_1644061793287_0.4328126484753947","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221512346","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b6f63be33d980fb5f5ed9060c35312589acb55fd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221512346.tgz","fileCount":28,"integrity":"sha512-EtbqWCoNf3OmtiUfJEU06M/0O4NnlflmEe8RftEqzGv37NTHOx6LfyCk4wMpHJ/eI0wEq/wMR0Up0mn2i1k5iw==","signatures":[{"sig":"MEYCIQCWm7AKHV5CDKxKcmZWgHD1C3uNFKS2dyJ+3KuEbn+6YAIhAPkkWqUozy5yCY04amxtLtpOFn9b5nZwKYr5aEwU+E/d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/me/CRA9TVsSAnZWagAACIAP/A/4S3XbxdhC8VNbJwvV\nfWTm77089afSnLZE2mPeYwyllEhMZ4RmUAHIeOA+OJsYEf4LFIbDCMZzL5GF\n15wNOkpS6rexPa6ngAPimbk5UDbe1qWgsYkNDu5lJdkD+sGzCvAACXuTVqr6\n15nHhO3jX+B2l9PBzAZAq4FMRuXDex+jW0GnMmxL6DI+rIrB3j3+Fvv8R0jG\nNdnjEFokMF9dBwVvl/6dBQqx6O/ylsM5IacyXH7mREL7HDdvJ49HA5D7Fbmx\nm0DNy41fQueV+RjWxdZ7eFs01STqkoWCUB18Tj/1O+2zXYRhqCCN4i9sW6gT\n9ETZ1ITA8+8rSqsafwgOL9sSQIr6kZ39Z8yyIEjRp8tEynjR/k9lUoFPwm2W\ncHGg0VURUz0iE8mo5OZMu9bNn5qGZu58maFKbAXOl6g6lLydpGZ4OTw6A2GA\n71W4Iguv7mMZCgAPACw3PbUUz4ZEOp1CCrrpN7ROaSIdLNG/DSBXfxGMTdc3\nbdgdpo640809ZjrYyfq4hbePvT6vY9fXhT1rP1R1eD1DjaDaZEDR4trVUG9T\nAuARp5SaH/x4xhsIFdkbrMrAMGbopuvacF7hWI+JmXqmPRRpAThlmoW5Ln+B\njtvWfwaHuhKTfZxcoDfvoTet+My/VrFkgxO61Gon4DkQm+uLdRS3to4X1BFm\nxCHO\r\n=qbQ3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221512346","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221512346"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221512346"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221512346_1644062655708_0.45837648784091134","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221512130","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a9de135f32a1ff34e49f711bfefaa62655e9f0d1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221512130.tgz","fileCount":28,"integrity":"sha512-dj+d3CIg/jsww4ial9LhBri/FBlGAnZIUrm7iya1lYZ3spEp8Ge9r5VLQyJfhgn/mVKKzuuZ5lcIt/pZb3uzqw==","signatures":[{"sig":"MEQCIFgwlWfilLjLbvxv6cYVJCHqWtzahHfS5kapZN4YuS5SAiB7QBaBL5pavtNTN215Er+/m62BWcoEqvcOMKltAc7i3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mnmCRA9TVsSAnZWagAAlAEP/0FmIvHbPTqV7FPL1aDv\ng9qRsRMPdXj8xMxoOfOi3DMWzkZu2mpfAkI1jDX5eDwko/S8pk6YxFK6WIIg\nclbOUlW9fAj1FZu5jfdmn/Q6JyaToNAA+cuo4RL04F91YvVBCv9FhQ5bQQos\nMkW2UBA4fzRT9UO65Ihoie5U6EpAtcbFvaTWEq4sBLt7x3xOVzFGT2ULqOh7\noo0mSLivLAmexjN4L7B4/2Xg4oriC2aQho8HkmvFbiIIQwfZRRmsCDc8aC1g\nZRIE+tjaT+iq+ajG8h9Xyy02+zRmtpktZMvPix6aQXQhw/lBld/eKGGn011f\nyELPY4azNC9NrXJ1BEdjqQ2Rvh3MRkrNtc4Gzq2+YehugPyFmY6RMluK3I29\nqW+YzCD/2AbnhV9vYqAnETZ7XudPLDby0VF8RCYAMxxLY1Uy0VNgG1tHi/QV\n/iyvB5QNnGQANXi0bc3lC1lsIhwZ1og9D/lf+POPa8FxwvW2ao1/QSFcrh77\nDyYqWQIKm0X3GgqR8PhH1qn0YNv9X11UNZdGBbJ1iZuI6HnXlTxhuUVuaJT6\nWXfyDJImKwsrE2xJvZ+ZOELiL9OQ6gejXwLHwx0rm/vYAZp9m4Gay9zkOUOS\nPKUzhyf5b6HY4I0C6gtYTu0NGZQMAh21da6fEPtokXZAWD6h3hu5OBNpiJhc\nF54J\r\n=X6qY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221512130","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221512130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221512130"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221512130_1644063205995_0.9819816060008439","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215121320","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"58359955febecdf53bcc0caab5b73e1ae15e9b6c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215121320.tgz","fileCount":28,"integrity":"sha512-QQuLPh1x67Mki7x7OuXhg791EswU+PkG0y8G97FJsOIi6/DUMyxjS50ej+9EWq302tZiKRM2dzF0aH/tUqGSxA==","signatures":[{"sig":"MEUCIBJoPc72byhFTlaDCqinI8ueuyEjsX7ItKy3Kk4VWdPbAiEAhWHL/bpJZwIFxzT+tY75j4Y0S3qESOiez+t6McHwBj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mn6CRA9TVsSAnZWagAAkz8QAJOlRv7jknJmIl2nBEwh\nd1Ge0egBvRQLSebKXIjY9lYC13cdPyLkSneARzIQcKpetN4SDtdnO3sBb3bi\nnWN5KdFTDEZik4/E7cbshA3DrbM8TN+4/YTwZa7/HMISjDBsu9eiWbrr/dAB\nWBMv+nSkWF8USxgqAXp1+W+zeC+sqesWpwr+4waOWhMuuj1CNw/cJj0J/Uya\nmvji6hNZchcvrr0l12WLm1/g6WIgIj234Y2glLKza4vR4tZnpsEhwD97DVZI\nN42GZgv+ajFlctcvNLREgZU0JP/4WrgPZ8l7MG78cL1xctZO85A13vOid13s\n7J4SbjFiCqslmfQqeIJIz0/IuU/kyMVZA793unIZVXjbD+XjLMReEaggbCN3\n8Y4QgMZc6VMmSWEEBTnqE0/wCU6VLQOOgwTQFw3a7UtAMt/dCsH24JJ6TYau\nhXcDlqEmnFUw0so4go0fgU/CKeRqv173i39AotqTNw3Wnu3sBTezw4NUHFbR\n9WTV9S5BiQbfrzFyOUVnmotWMMDLjetok3qcwSD64brIw8MgFLUaUSh3Yere\nv4pNqeDeuC4Z/PvVkk/QbXT9yzlfhWmsbRl065x9rKlDGEUWlJIRRJmo6xTA\nE0ISnvO7+RAXlNwB8ddMs8NMEgWsOn6PyG4enqQgMg7R0VEQedoJRdjw1uVX\n5Vmw\r\n=vj25\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215121320","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215121320"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215121320"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215121320_1644063226272_0.6257351318894908","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215121353","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0c9e4d78aa70b94693b9b5f9a0170fc3a4018e65","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215121353.tgz","fileCount":28,"integrity":"sha512-FWf7UNJqjHh8Et5k3jgnce6FbaQkdfo/9x9AO0ebsWuT0k0Nty1QvFneY9OH27kNYYjXWXMDa0OevI4OpFmf7g==","signatures":[{"sig":"MEUCIH7gmlO/5w1I6RRPwwROJ/V3+n+n/Ofvr0emjlLTc0+tAiEA49glc3zIREKk8o1GIhGem/eyiGaYfBsC4ERsg52hjus=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moaCRA9TVsSAnZWagAABxEQAI2L+wcw7VKJAHfkGcnK\nnDDOLoHjKzCE4FcVkLIJ88j0FAdalhNs5pPthhnqySFabPzEDUD7hpQFhy7T\nC2ncTGl9WezliXTeCWJowmb4EB/4gncthvrh3ydkTHOt0Ean23VXhNm7MJEL\nFfrxBhqIbWp1zJh1Hx7e5GPEIvg+WqsXRtYKrM9xZEhP9FdzaALgPpptNOTO\nJZsjbrbOydFO86LkttLOQY1iyL0u/f+3q85y2KcjEPuz9AIRBNlwa/O6MHJd\nHLC4N4J2tqyIWSqESH/dxERa9q662bRqSBStkgoIXktIa3i9x2RSuaT2dpnV\n3TmtOmBrM6TYniwgEXJPkcndsrMpd7k2rRP33hj5AbA7gw521towY4MiY3ha\nwH8unm0Mn66lug9NcjT35Wj6qeLnKdSdwifbS0kxCZUNptAUyVzG4nFiTx/N\nKNHItLyLF8oC8NeHMMu1H4fD0646/+g0d41Nk8HdaeNyQWuN9X1Ub2wScUmN\nwDykl8/JEfSy6dXoHLSoqxPWli28+tW/TREbrphJbmh2FAvOznoPAu1hWVVy\n1SDmPE9fo8aXlsZM1g0DzuCMs+0bYoqLD0aE/NqTJrtr/ARzd4dI1UpPjdiw\ngPQ8RdOkBoeI7ngmFtX0aIz852Q9/rZQW0kAryHSBk2XzTab/7oPSwEY0mTe\nvDkv\r\n=VfAT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215121353","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215121353"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215121353"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215121353_1644063258655_0.1634654689546311","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215121428","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b5a4295fa578c0bbba1f48b89dbc86b937fb53c7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215121428.tgz","fileCount":28,"integrity":"sha512-r2j+xGlQJGqHJbapfKbaSrKgS0KuHTH+gpaOPS0cpwAQAz2iz0EjZrnRuw5+PfHduHqLjM0MnqNsPPLSM/WVXw==","signatures":[{"sig":"MEUCIQDb2mgvD0ANiQMPEeo6D5m/Vs+vXP0vtlnN0PkdPxrKVAIgPv0RxOH+WMWp2aii554zfh7CWpUIwN4PkqcYsxY2iSU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mo8CRA9TVsSAnZWagAA9LwP/RjkBYgifjCZjdR15HCG\nsHunfyzHQMrLQhmlFargTo69VOT6jN0kDgQ/XSrGQhtXzEbF4voJwpb76NhU\nHeGvS4wYHch4OfjMDaxLHsx5NZvpSvBK9hzuW6vebyO8p9yw30R/bkG+/8Jw\n9ZwsiHd1gFrXxnXl7JS6l+3TVDfxuKG5Go9iVr0X0ZVg4QV8GCZfr2B6e6ZV\nts0DXSIy20oITXmn6kCwP8NlTVQaL9prNyRBo9dDnNkPwzhLp8hFM6HDMwzC\nPgWsVrMXhNY7HwYuGMuAyCuH+3rewOS+bR2a0hWcPhouAxu0bhIr/seDhHXm\ncPy8jXRB9EO3kxcSmbfQiibWNytQZGxhZn5ngQfqvpS9WP2NbSvQfah22lSg\nv4CamqX9WKIjhE7QqVvFTxeNFeDdedunga/Ih9W7qrNZbt7zAbxnbZuVcgHg\nszKF+Jm1Kzhk0YDVk3RaFScL/Z6ME2GHJnACmI+aWOPcoiUauOr1dm8cmimn\nepEnxUfrk0KJbnvkeMq6Ux4GP3xggH1BP3pEnoPbLrC4bC1/bN5y+m/iEXM0\n1ruoB26MKVExqGs4tjZikSluKsTwj2A9q80ch9BM5f0bI48lqpt60RewTj48\nD5FwOmilf0rJmBmNVImwLXKVYwD+5kV5T1V5bqwShrQhLHG/VD0hE1QuFWmX\nlDT3\r\n=jpSJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215121428","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215121428"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215121428"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215121428_1644063292280_0.6317220359992992","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221512173","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"353252b6ab3def3bdc1236ca43f2ce9769a22db3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221512173.tgz","fileCount":28,"integrity":"sha512-AHTIXCEoFOnk8W8fXFkJPkUQ7n/+temSjAf3zPuXHSkb08BjbdKkllBPz/qNRunlArkd1n5W5gWJEYicwYi5Gg==","signatures":[{"sig":"MEUCIQDSp20uiEtt0ug9MGKjAxkF7SPrqCrIWyVQfyJdJn62qQIgV+r/t58TXzroH1yuCloxgXi9mQ3CP1Wm9/9BQa9zqwE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrYCRA9TVsSAnZWagAAp2wQAJiH7JPwb4suZp6Xwt/2\nKt/uTPhwQaxAlwKWnUlCSgpDwX0FWeONFiuHp0M1PczO9vPijHLsOGZjNMnl\nyJt1IBCYVfKwfKfQ1z008qCf7PC/Ur/VwdBcruMEiLMumXPEsP6AZsz/1e6O\nqjwFiz6SgBCEYpLzy4ERBXSdTVtTwowi5OhYt/WJipzCKMEj5vqGdLG/B04F\n5Gm1r/fs2LdqmWZgBb7jyTBzNHR8DpqzszbDQIhM2E7D1F4Rws7DmgDLDrxg\nwQwlHSRr9UFTE1oDH4KK63wS9YdcoLi5WQoP/ZTzBfD5S02CJZV+W5Dc17jQ\nCazItWS4PKD4Lx2PU5Hl8ryaGT5d/YFEQXsLGBpWtQzdt5X7/SrzN+my5YVN\nedR5NUtzfbIDH5GYRm7h7gMummu+SJ1d0AUf64ooFANz5NFz3va02LoB8P0c\nodXpxSQa6bjTXbbT4t/SkmP++pp+Gpt6PGlbvKWPTz4IKWgVuzgT/gN9Yjct\nCgOdPcY6KBpTPWy2YqPbfJBsW6Ru6S/05KaBpz1cSfze1EVtldSRiif4EDwv\nrYfU1vq7o0YPBmQGuRL0XoK5qZg4cxt1FvQ+WHCUAS2ATKw+KOjVWrQM5cDo\nolQ3ejfCuTa+odKvhfaFUaeHaTNyAICfR8SdlI2JjULY/HfMaWB6qyCQnGy3\nOYmh\r\n=A275\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-20221512173","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221512173"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221512173"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221512173_1644063448080_0.4542858004298862","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/button","version":"0.0.0-dev-202215122415","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f2c47f0ceb0bfda04a38ff1232dacf0c5e9ed992","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202215122415.tgz","fileCount":28,"integrity":"sha512-t0Tol1/i2us1aSZ5scp1IJrOtkCDvbP0Tn3Yv5A4fejaEz0zCghcHqSjbKg1USknDTsSSUK4KyYtM1nypmeTGw==","signatures":[{"sig":"MEQCICnDK4OGD5ksbe/5+a1lvfK3oxO+N/6ckaZZNoOQJrDhAiAG8zArejqyo0lGrmBOdYl6f907BCpbAjbHam+v0Tgrag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/myPCRA9TVsSAnZWagAAb+UP/2xxmREKUifFRydEVjk+\n8P3w7W5uzw5wOCk4Og5+rawl8ERhrCFU8iE8cZDGOkSgs0WRaKrTWsBBM0oO\nGmesEAeR8S97+VkmCQV4Zhoemq1opjjAI7xdVlaYv2KbLX/4rwTvaZZgRGjF\nS6k+Q5h/VXTjugD1OqdMJGMPuTblOfeT0BP9uroc7ayEAga/aUCvb20ayhRG\nRBVV63HUOJGapd86cHY8PSMV4I9T0ZAewExIsxaTFqtKSkbzrvgV2zHRvXhQ\nxziPDojcAiu6NfD8I8bWZFQMnxildwVy1hdambpOwHyUwEYuXmtbeH4zQ+PB\nJyntQ50cxjN/gZAbyRR7uyC4q/rZ/Dwj4qFGLeGXv9W61bTvXwv/IyzEdiR0\n+9cGUK5fEfGsPJbDYTzU+r+4LeOkzk+Qr+lx8jeTSTynvBnMW7mmC1LfyHKR\ne3aoHEB/MFNrNBASaOV7Og2IE8d33cIHnM7LobPki7zrp0ihLpuox9N95ZVO\ndIgUDEV7B3EgZrk2mspFBgtO2fzkylJWWKst0cj6kXYU21KU4VkGn3os5Imk\naidJOKoUFdv8kLzwotN50QrewJsA9Jqnk7av1qPjKhZwQTg07EAcUtufsQ12\nT5L8DNMRroKd754k3ZHA0jlHCy5guN9DM+RXElgu9XMafzfkCKPITCKLijKJ\nopUJ\r\n=EF+a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202215122415","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215122415"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215122415"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202215122415_1644063887784_0.19597839427697283","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/button","version":"0.0.0-pr-20221512359","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f214702130f1ebe621097ebc303467ccf683b119","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-20221512359.tgz","fileCount":28,"integrity":"sha512-U3PmObF6XFqq/YiI/2PBJWfVO/qw+rDjjxfkxjlc7p6JWcITyV7oR26/LhyWdymCthN0RM0oWbGnSQJqSc4AnQ==","signatures":[{"sig":"MEYCIQD1vXCLHsLXtAzzoxnd58ZtFXUZF1Q+4Of+icrQ5+/RxAIhAOImnBaWpBa/llDAp6iroiZTnESOqeCyUiVA6NdaIxV8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8ZCRA9TVsSAnZWagAAAc0P/R7bFJf+/6/80iFK7mHJ\ntCWamRThFMqZW8buxMI09cz6LfPG0SZiqQPQUPHO7NvYAz2823SSI/JLT0V5\nPZ0Ud3QHoojdEy11PHtkOvsvp3R/kZUXV5i3cqX4O7LdVNqdHMovGlAAB46/\nDbhVmb4W3TOmX8MI+qdbfUTuPziLTz5tJRC3jm3erxnF00UrM0gDjGHwkNNs\nGpUDYBcnQUogzY7tE2Xs9WLkiAgFTIjn8gOKO60t/XpBRRuJLJzvkJ6pog5e\nJy9T54bLupPdzpNv9MEpu18naDa0rweG0AZczrj+pu6EDhQ+er0QzOk3CaHK\nzxOJCxrsmxIezm+Lj3t1/MMBn41JrGhoVAniWemmNEiN9GhK2LuY2FmW8s1X\nim0eQyV9Og3PxZt0PeGUqJJx3arMePVpe4iHQ3oQGPSQxVrR93l9oFH2fTGi\n27yk5E7V600H/LFi8oHG4avSSca67lZxadZH/r4+XPNj7a0Gc816szFtmZhC\nW5e4NdCYYOUPPlK4CJQxKT+eZ49GlpHjalWdG0RbS2rtFQk/Cl/Y3eWTa+Tl\n2uJhwIN/MigAjUc9cCnObR+5b2hhj60s+mhRxidNOe9cD4DmslMLuKa7235T\nvUxguxplW0/CX+ydlrc8yCxfijfk5+5ugJZ8GJxARRzvQQUQ/2HO1a79262M\n7RO2\r\n=OiOP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-20221512359","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221512359"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221512359"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-20221512359_1644064537317_0.034648307754468366","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215125733","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"646891e312976e2b751c7acbf3618328c304e1e9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215125733.tgz","fileCount":28,"integrity":"sha512-LTQSCSSw5AZ9SuM5QmxrlnLmNqMEs2uiqXbrXOK1a2ZZa3cUnWoNpP3x5BlzRRgtQgMn9aQMynzlmNpUjI9KiQ==","signatures":[{"sig":"MEYCIQCu3wabTevgsXLFRgsStg3NFaDJpUTPeBbUejSvU8T7KwIhAJuVChMxIRKkSAUWK4OfHGqT2K5atK/hYgjwgQZLUBdW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRaCRA9TVsSAnZWagAAYjEQAJtMP/mC6ZkvKVDZGd5l\nOVl57Gs3z0ONsAx4WptcyK3FNAQg4I97VCMC6NiJg67ER0DdM+BRb+G6yGHE\nL1AZw4ucAuXselrMoqq1/gTNF2E2iYFbB7s7inPwXDxhGZsLnGrP/wJ4QDUK\ngzfLSPGECe3srwW3Qe7PPze54J0T2aEBT9t1R4EsOH+XSPz9PgQyq/uOHREa\nj7h9S0HoFbSV0ass2pUN02dhSlGpcy8HFPtV+oUhhjPXnoA3zCQ8oPyEI7wo\nUPDqH51O/GVVAwMai1HH3dxncOP2WBdYLdrL/pbK24sjjDv29YdS/72h2ey3\nr/mHBQcwdBvzBCD78cjkIbB9zsV7NRd6QeFuKFl/H2AHXshVC3nNNudMcvAs\nKpvmjeeTptjh9qjjHEJ2d6yL6qevt3POHLMkEK8s1/e4wNpsezM6O/6HYje6\nqnj7YG+xn9OmPYD1PaXgZ+wHjM/vMiOdXV1p307bCIR0E4kMq/aqZhEo/8P7\n15ycsOO/leGBgQhKzV1rDQkCapgg5k/9R/oXIgNv7aU8s679TiSsgdrCVnzW\nYegJ8XKojfCM0Gd/v0hltog2s9KUQ5cvHZYOCosW2lqFyr+RGFrlxc+z7v4H\nhzQZnRC+TVxEFqy2Np39sX/0i32bv332o4nkzzLswIp9LRVwQGbicJGiuJUY\n9X3l\r\n=YaG+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215125733","@chakra-ui/react-utils":"0.0.0-pr-202215125733"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215125733"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215125733"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215125733_1644065882258_0.7710706818626225","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/button","version":"0.0.0-pr-202215132532","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"58d94062517292cfb78b9a047c7ec38c13a85c20","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202215132532.tgz","fileCount":28,"integrity":"sha512-i/JznmbGccrPkXviKAd7O4RBbSLGzFozPnKBauJDb0JkXRnQG7VgNYATtZiJwJmU7T70X3iycMbHC0Z1lL6SEw==","signatures":[{"sig":"MEYCIQC6UBfdtN1f1AVZxY5vTMN5ZylBQiCYWzIZfrFtF8VlpQIhAIpDJAIuc4eG88/Z8W3RHwQNKCwIbuRzQPOxnaY3Mljy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nrnCRA9TVsSAnZWagAAw/cP/RyDTYnKBJbE2OFPgzq+\nSGouVYF+CxmQ8b3uL9BPJsqSY1ttsuGOQt+NM93IWdn1p8juw0zjbpD3YhVC\nrr/Jp1HoDXWeAnh80NQIwnho7WE1soPslgB4nyDP9xnRdw+PcFP0SzkkTk+6\nsVN/NteG8/w/xet62+s1+g/GvAUWsT89Fi1fUIiR9jZnB2AX20L4I0dHqzXP\nhPuDCYeu5IEM+hXt8G/t7WCbu3bpKO/9aFvq8yiSAzQSWM949XGGa2KD88lD\nbWrc1zuT4kToZfes34F2WIodd9Y3eUdirFj3MzWWkzp4rHHHOgYp+3srImlC\nTAPN9wHey2WMbeAHvN2YOpo9bEbgcKsj4ScZx6HQmc98Go7DTndPGGGKqm7M\ngngm6Zys6Gv76PYfL1OWB8AibF7dqph3NQ8oq/ggAQS06M5VMFOanPY/CXk/\nneda4nVepYcu430mF1ibG9dZlLylqm+h0uldZEvYM1avpWftJUitLuxw6opL\nE5SO9gvnV4YeKFxa2y04QLl0/T9Dw3jiESRnkrlI0teVUgpKFde7CC2+Bbdv\nVbUHoGXpHKbTqXnKmvQG+jGvEsHgrCU19IaUqFn/4u2swLJnLIsZvWM2CKXu\naI0LRyJNZZC4Dmsp983Y88NA1iRMZ5AHs/jkGLYbqUzSGWCynSeaT/nDaxrK\nFxZF\r\n=5kOT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202215132532","@chakra-ui/react-utils":"0.0.0-pr-202215132532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215132532"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215132532"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202215132532_1644067559649_0.3695020284649919","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221513279","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3d1f3e24a8e6044d44aed549705754cb23b1cc56","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221513279.tgz","fileCount":28,"integrity":"sha512-Q8dZzEhlA4u+meCigj8DdYCcBnGkiI1PWykeYpKfAXv7KAa2z4dtQ4IkQ1fBenhweQPurkZGmyPbDjJCt42Zug==","signatures":[{"sig":"MEUCIQDpgSfkKhnU34hUT/nqlVLF053ACjIGA7RFkYLoyRCHfgIgLQkv24RIiOrK3Eotlc6s/NQHk9Xj6BIx7BL8yp9rxMY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntNCRA9TVsSAnZWagAATQcQAJvNl9PfmSVP9kbzEek6\nrdFPmY0YQJvGLkLM+A8fHYHq5QLjbDh2Xw7kA196zVD9c0gkhMJumZLL7NTL\nkG1og69UP3zTJGWeHyGFQZojsShxbKQlcAKYTOIp1a6FihRV/bTXws7Na2S/\nIVe51+1Gr8eCo4HgDz/4EenWjIKwJmItYDNF7fpwRXEt5F5dcKmycK/rjkjY\nLnlPisUnmp/mZN3jUksmd7+DbHiXuAmW9d81k0cPIpCyAkVMnTUkl3wxTtBC\npztxJBVNJricBYQkWgkcG4zxNV5OYcPl4OwUv0gfThvt1IeWQTUFH10OlufX\naLmiyR73vytCN3X/V9kjEOVzlb9vjDzZ/8MH3K+ZGmCmLc2oz9ip9dLMuMTo\nxGDzjucNLBUK+lT0csrwkc6eCBIrbk0fKBXobPTl6Fc51JRnYOByzqBvv6Ti\n3NcCsCjq0FyFLSoIqwdNkYc7N5X7jU7iphehfF59Z3/FqEso1ysmA7T/BVuH\npQ649QVCBGXsNtIdzjGC53lFTk36H26oaLkqTZKBuK/kqrMuvrRrBNOo1qPp\n97xyvLtHMi0hQzYM77bcnHLwlzPZplkeBrIsWUr26+fXDh/fjB8Z6cBpYhbV\noSWCkTwxPzKavFmgBJJJiqUo5rTRaouNg0WeufdqK14EBF03tdG1LLLG1RRP\n873i\r\n=/hD1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-20221513279","@chakra-ui/react-utils":"0.0.0-dev-20221513279"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221513279"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221513279"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221513279_1644067661249_0.1027968641205892","host":"s3://npm-registry-packages"}},"1.5.5":{"name":"@chakra-ui/button","version":"1.5.5","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"a105b44267c7ae9fe04bf6d1bae65255675f54ca","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.5.tgz","fileCount":28,"integrity":"sha512-emUjpA/XBmFCgu8AG81EpL5+2SuoTF1ad1vmTJrM0hdNt1AXdz8DZoPou8ZMLaBPU3uO3tuZP73i2YAAflQKWQ==","signatures":[{"sig":"MEQCIDE3kmSKXiBQqhfPOODsnFPLVb+Seg+YiZ3P1FSbSUleAiA+oT1YErDR/dHY+TMIANO5GLYt9uhws0vppu2zOEl9xA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1QCRA9TVsSAnZWagAAxAsQAIp5jQaElrCVhcyQHtiA\n9ZSXOokglyiRDshpT9FjvxwAsjTFEsZToXcx3Qqi1rvojEa7/vCihr3xL01Y\naPNgAS4ClVJy2A/ZsyryCIzcWJfA8UvhIEEXK+Mris3FR//ii5chbBWG3TTi\nWRxIlTzQ//oNQ/kwk2q0IuUn5GW+PphXLWVS5l/PrWrrNTZUL7kZzBsCxPW0\nepd+N1ro/57cgx7WYfnMagY2N+MUsokuXYyd3YgjqawDbJ3JFf4NKPsxM0Mg\nsDEhl9q98qnGRXdk2jErTSsXy6r+Oc+Io8u1wAgn/4enoKOMt1jtaHcjvZns\nS2hblHW3SQmBQJt1cZceao74lIoizs5NIClsO/PbUxgAUTSlUeSccd1g4PoJ\nieXsL/S2qm5oiN38t1GCZhyzzSdnnMkQZBok2kb6aLYYzs8Erh+dEQNo8qEM\nKhNzOXV/f5d7IAmRJcl6Ux4Ahri7QgjaX2F6IPkJS+QaKLu1a1irmYUH/AHr\nhEj5h1lfpDt7NMMRmCeGo1gNyiVFHnzAOk5rKGZIbf478DtwAA36XuSRs/Kk\nhTptlgT0D2c5D769OnIVHfh7M1k+EoVpykDQEsvpJ07EQ4McZcHrs3UanDU0\nZT5rg16Taie3g2WrNJsIMkIYb7O+qQHQiF/zFI3dZzIyYDAXecTcgkTRAS2v\nzSEG\r\n=xcHl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/spinner":"1.2.4","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.5_1644068175822_0.7694137777442256","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/button","version":"0.0.0-pr-2022114224724","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f5f6b773dc534f8b392d4f0cb724195e8d135fc0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-2022114224724.tgz","fileCount":28,"integrity":"sha512-rqiEDA6Z4diWEXfttlQlItcbf2i7OXQ4QkVljaUr2I9a9Hz9E8VPjN5bFsJYGr5cJtv037IBx2DjVA818GpaUQ==","signatures":[{"sig":"MEQCIGpTMSjgCCEuGVE0pyt+lJUn7XKzRmOc4PNCjSe3txdjAiBnxAPcHXO0jBDG2xYf2EAYkHpwr0bSVi4O1aOJBAEx6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtwgCRA9TVsSAnZWagAAup4P/jH7SS++JIoOxp/1VKS9\nEeGVP3PC5TuBgbb6RvTZWIsIAjAylllymv2I62O4eRdVXiy2LjDtWwUvCBhM\nMjSjmakXzgIh2m+271yrMDo41zFgypWp6PyhoyjBq/oIQvNSqcV6yE65m9qm\nKK8B4Z5jb9/PZidt/1io/gyt7+uQE7hEvhXzJ4KXyyHBI2Cl7olz7hMd7YDT\nthPq3rTT95VhI19t6uJXjnAa1t14Na43wgpp369dXq0H7UdKFLuwdygkDfSB\n/qBVQ1Cr56tygDcHNj4Ii+iNaPNiNyWezHs9udqygLmWWGaLpFlVGiY4zrLo\nsqE5J8dddgk7dSBsjX2dgvgccQO0an35tTjN6XEct02BwnM/qLFXAuSGPr4t\n0U9eou9gayITnUpIZz5r+csEN2YZyXtCR/zGOdWQk0tyvpCjQHxVCa3HoyMa\npYDua7YF7AEU4Hvp04P5+OHqHe4VdeTsOs5FMiCxJLR5ArIsDTDS2KVs1bxs\nFHxf/S/Q3O3iHoYLjbY7Qdjf2Om7Ny+pJhzL3X/if52FVFosF2DcrFdUOeF/\nt24tcIEyhF5/ONh0feX9OOlBYtJIptnq/uuX5baBcxBP6j30s17pMHuBCVeO\n2Jnu54Mw3YAmOlNR+RKrr+2r3DEjP/YJhmfn7dQk6qpFe+dYlXuoJUUx2DQZ\nPddd\r\n=Hyoq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-2022114224724","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022114224724"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022114224724"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-2022114224724_1644878880313_0.22213413852437913","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/button","version":"0.0.0-pr-202211594731","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"036f9e8fdebf5204e70bdd75d1a4731724a16a32","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202211594731.tgz","fileCount":28,"integrity":"sha512-xkXAOMhxmS6ML2qL2qcNzjqFtuDc7CuhkPC+AXiSey6mc7npTg8MrE3Xp0uHXqAp0NSf2KcljzN/bXQhov+Oeg==","signatures":[{"sig":"MEQCIApqRvErIQbEA9O2rp6DiXBW+elmckQJuPf/jPvOHbT4AiB4mhGHiA2DpPANtWNA5KkFANw1Yn1+NOZ5nj+u1AUYLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bMCRA9TVsSAnZWagAAjUQP/jtNqaYwSZv/h3CFiQl6\ns4rrYD06TKbGORKSGuzqGiIOzNt6go6IgrFTeEWu05YSw03S+kDNmIbTjHlB\n5RsVfC/uz/gpDVGWi7e2ONzmgnkEM2w+9DLxp6m7SWzPv+IhAr8E0CWT7gj9\ncaabgtQl5XvsmGX0OiwVYP9mkUgSXf7qjQRTxdUVxqhX/0ntnYlehapxgUSW\nxWMTuIcVwddM8DmTuTuuyZKxqtqmIqyFaB9D84+TLxomtR0qxcpPJ7ylgz5n\npoMrndHJdKLMkQsC3+3PJ4r27qN+v7VpEOdfuEPxkU+d8ARXSxLd4YzY/PKO\neYC+fnRP2TKKK/kT+7PpJacInaVHskK1ZhvZZjRFgFkbEfWd9PFMVHltTQNl\nAhVAwU+kPD5o7krU0GFoutHcQCEOz3LSj9jyFIsQ3UCEbTotj9oPIu3E8ioJ\nz6M8NN7tetCqV8+EedwPJFMjPIsP/3+0AJJJx+5KZOkBFV5MrwRcGoxA1z8z\n2CfdDOvse7MdFKRWU0aUxRv8X+4p9kGv1GOUfONYRf9Bn4KXIYpyKAT57ri9\nSOz/uMWZaHMkjYu0XfuSgM8Wjgbc100xh963rRc+EwHBotJXcq7E5KvDdy7N\nObfvo1p06yNcKKFn3a4UXKPFokbKnuEn4fAANBrjUSkFrZNK5lrWqe5SR1sq\nV8W8\r\n=jTAr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.1.2","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202211594731","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211594731"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211594731"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202211594731_1644918476166_0.8109185457803618","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022117131714","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"18f7abb2a6c47d9795567a8eab4aae3be260bf40","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022117131714.tgz","fileCount":28,"integrity":"sha512-ZWFfSlDrx37kVyINJOaM7Fnw1FBnO0DrtaNmlvbcLzr9eXm17KdnHhUYBpK8P8Gu2A/gcJuCfH0NDn5b2516sg==","signatures":[{"sig":"MEUCIQDqeoVL1r1l9EulEKCCQl2sly1fza/+5Hzr5tq8ldMNWgIgIbd1f/Mu6lQt48ketSffN+PiG6BB/81NO4uDBhO/Neg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkryACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7VA//U3t9HYgLliIYsq8iQDf6ZV4+oc0dCfjgs5NBAVlSx/RN9Eny\r\nNgffRWa7BAUTW/3fbDoq701jFmXy4RkoPriZYBGvbELq6hDw9NxJ2bkz+qA0\r\ngB4kquMsMadE4tAYoN6F/vo5dcTXuOzMRafCg12O33DyepQI7mZC9psjhoOP\r\nYMh1wdwJ7nQgnYibL8S81FRl8+VNBdg3H+nLDB4LsxgUgUXkkvF4kGsVlXWu\r\njLCu65fSE668Ev2+p3h60OULqTIHBgvofwPA9Y5uYakuqb71jLo9LgsZITC1\r\nHofsWs5KEtkNGriIMFsOz5x+/U7MdfrrT4j0EtZaeoFo7U/g9L9h+ROtPdqQ\r\nIAOuotu2zssOzaFGxQNuuloz5iRxr+6HAE45gWAtH0QdMV+uXudN7sV9EwcT\r\nit65eNjSnoi0msyvZaLEx/YRzNd7Hhw5Z7WVGrml77X7Lk55wDYTgMNH/t0H\r\n3gxmjbWA3QTA3hTlQD5UQxtGdpz3LxBI8HMV6Dtdak/uuK1lbJvYmLFaa9Vw\r\ndpypicYT32It88H4fnnexU107sdj7LlWqkvc4O8pBIE8+YlAYke86Zxtjrkq\r\nYDr0DP9b6/w2F8sDomMi1Rtqt97xeOfez5DH8oy7DQsDblPMoKxADlvP3sdm\r\n36C8yf/R46hK0ZG3xNU8ny3pFnI32+injIk=\r\n=Yd+i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022117131714","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022117131714"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022117131714"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022117131714_1645103858438_0.20531875433618296","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/button","version":"0.0.0-pr-202211713187","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1953f425ab05f72f4b503c15b4cc546f028ad218","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202211713187.tgz","fileCount":28,"integrity":"sha512-U7w+7Ogq1suBo5hfs3Hb4A0rC5+6aV5ZhE4uTv5xpX7vnwxq0BqsOBwkTgMk9RK3CvVasX0GMwkMow8MiMwNzw==","signatures":[{"sig":"MEYCIQCOZpq6OloS7ccSB/v9ifQqX9r8GAvwjAMe1RQOHyhnogIhAOcIUPiA2KgBgy73pLjt85SATWnIjGfzGehnYYVAjLcW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDksuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8vQ/8CAdaiysTsEq0E7raV3H5ye9buQPrLaCk+Y6FNuV3p9A2Y8BT\r\n1pbc0S4A/xTStwap/YULMUN1Kua8rqcjjOPJleAMPFjp1zU1MR875kBPo93c\r\ntrY/wpNShWCPBNtMRmvVWzdoueLyKToLcPyTJfmW94QakEPpHq1TDkzAHCVW\r\nfdTIgsoprKqjdOGPrvbPNf88liYN9mql2bN3cqYD7DqwWKBXBJ60SiXOsCfb\r\nryUvbEluCNlUsY1yeoWd1ZqifEU3GjLsMRGq0oDgUqS63t5SIXAWdWJkvfyV\r\nAVT6djhtAWr/71KEC8vnEzxztjfyBRQNWGE9lKKRhBz6VLOqFVeSPnjlqZdh\r\n1vcuYUE0OcjpdyFG0dpgdLWpZIhQ9SCemxW/dMYumo4hWyDCbWQZ8sUdsL51\r\nsngWW82uVT7vgYk1xQnVS1zMVrychWkkKKUaNDEqkyzyBTh2BxKcB4UjKnDD\r\n42sinL7F9RYkrQIToeGmGCIS6UZ+DzV3wJ/TKn6tvnVxX20AbAe8L15N/g1u\r\nVRpqhOSyXhORkOJjMd3HpU5fpEHPHsprSAESdL7oXPLqPJPlh0HpwfCpxwoE\r\nS5KKWgIDKYLmQ3TF2ign2/uMS7KLvnf3zO9B50681yiAIL+d9ioXUsip9+jJ\r\njUW7w+lNqHMlJteT+okjPYUaeOCJJgVz13w=\r\n=pTyN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202211713187","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211713187"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211713187"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202211713187_1645103918754_0.740449672772802","host":"s3://npm-registry-packages"}},"1.5.6":{"name":"@chakra-ui/button","version":"1.5.6","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"9484b52c04bbeeb4f471475dc7ab5f52a9169b00","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.6.tgz","fileCount":28,"integrity":"sha512-iigepNTCyoQnxvAZssD2dlSWTnd+lO5maQur1sbOYTCpAyveMoXVZ0RKe+prTAG8bCVGgRbl0hEYk1eKs7baXA==","signatures":[{"sig":"MEYCIQCkXLpt+h2n+OLx/lGC9s5/x0jzIWrbVKwbf0FxNZCe/wIhAKl7H8iG0dYg7wD6pZNMDeS9rXG6/LFp8G5xIsOTFy4/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkv9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPdw//b3DS/2EkPEmeEeD9UXbVxNVn3yfuVR/OMt8ASZSlNGMlHF6T\r\nCeKijqOKptnNEPAP4q+KHGKbnTTpFrANIQcHYz/91ItbeLXY77mhRYzXVosz\r\n1EJT7/BGwsNiQ1DbpAm5zcolXHx7u6EJ3W/B/MMsX8A2ZYRz2NT31vexx88A\r\nM0Z7Wv4wE4hEJ7uSYf70NV5CQvCxsJ2o+T+sjgMuWuYv3gUWnqqLxa6uE0RW\r\nYynvO4QLrQfzeJjJKYahTMwhEbtY/eoreBvAfrfkMxh3dt7Q2NQSVUprFGpN\r\njjNcbiUp2TUhBWtcaMI3XgQfAnT/dUMOiGwvkYTb6IvLIiunbYiSv9S5Jv9G\r\nruwKqKZ1GVWC+aYpv0V94+muadoi04SY336eMB8zTpMSoMo1CHmW7MjePzs7\r\nu9G8cbeqMzpiJdamGkrKkCubNoDTy+DV6ruB0WScwrdhe/hGi0avUbepCdtz\r\n+sRpZRAcBsvc5f9OIosInz0bN3U7sEmYC6fx885lY/H+Yn42G+L5tehxvk1x\r\nJf53LJbtpQ/85zmbHpveQhmGlZYAdvfLsc5NSbh560Y0t3wo+Gm74Au8WEe9\r\nAIpqcDOX2uC8Tnw7mslDboKfAC18Ss/Sj3rN1oZFkHgVwPHuqI0kTJM61v7O\r\nVde1KoHxsgkCdoVZddchuO1c7VbS0XJgN4k=\r\n=Cn8s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.3","@chakra-ui/utils":"1.10.3","@chakra-ui/spinner":"1.2.5","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.6_1645104125842_0.22404380241785993","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/button","version":"0.0.0-dev-202211720414","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"737224b9b86a91695a3c853a631905266c16d4fc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202211720414.tgz","fileCount":28,"integrity":"sha512-negf3yImy7QqM8txZcop97akBiS3OeF0r9R5yCSkrh1xMkHS0FSvddziHAe2fnWZQbFRx+Ugw07I+I9jqn7Tmg==","signatures":[{"sig":"MEQCIHLMlj6pNZJBSw9Y0Pzog8wvcjir+OyoqTJrJnzHllHyAiAYIzasaF2Irk2RXx2IK9sYypgnDHcBkTZBP/CBVCOV2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonKQ/8C4jKTc7VPcnI9SbjH81jpFZWsWP0xSbOJvc+2Q59dzBjZ826\r\n4nnB8glD3LGnX9/a75SGcprjeA3ayo9wrm0iz8p0JZJsMCcpeEd4YZ9JJq1V\r\nJQlRrSmmbyRiPYpgATdcKQjdyRrBqcVoDPSl39mlQNku4Re/xGmn4dpLo9rK\r\nb3or12KU3guMQQX4ns33v051CuHAfLntDUuj0f1VQEsX3HLNaBFUOGQxc2mM\r\n818jc7zVqUMgkbKGzVHEtI7obL92iwYxJxvh/1Inzxk9ici02Gpqy9n8EBr2\r\nmK5u4Dxrxq3aT7MMyL8Wk2IUfRMQwVnJ8bbH9U1iFwWY+/W3YM2cBrh7nesc\r\nV0kJ8bEyb/rB51Bi4zC744lF/wM45JWPVRpa4G2DM2dciXqJf0xRFNjKpKJL\r\nPSj+vkhiW4uZqXZ6VfAg1yHaU0qy06RefO6KDEx1TunIUYZSiu3Lp9vMfLPK\r\nz/j+Xzqu+1t9/n7LTqmDjd1gqemZ2ov7sGFgJ3pPuhkrVWz9OU/uR40HOn01\r\n7RWocogDlSMfaBCB7xVcecV2vDY/5mQXQcr/mW2F564JdoQ6PAioImgFHlgr\r\nbRp/kXtJkN06IVItesF3SNrzlqT/vlNzDw+vKmijFUBpL5dIlLpFxAsS25Dv\r\nWfTmE/I6gVFvBvLc7GNbwFRlZ4pyqWOcPVI=\r\n=JyGg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202211720414","@chakra-ui/react-utils":"0.0.0-dev-202211720414"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202211720414"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202211720414"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202211720414_1645128281458_0.9321614724891905","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022117201925","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"63b42fc15d58cdcffcb57dea4da947f2dfd79276","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022117201925.tgz","fileCount":28,"integrity":"sha512-CjEo7ybt+71tAyXO2oBRO8QnO5yyhy39cfacsBbAnLt3N7bgWQJiMdOr8KPKkA8unIG85hAwwNnnq90EARbBsQ==","signatures":[{"sig":"MEQCIGkh9Q/v5QK06z7HIL0Zu67KvZb4XOmVZGrhRE6X8sqBAiAYpbYfm3XG448xXg3RfzAgVYrypIOO8yyIa/s0ic4+Rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq3oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJqQ/+KEPUp+j+ANmL+5xyVQjV8FDiwFvqHDh5xK0ZQOv72esEpYIS\r\nZuDXBZ40yNtQbZt4xz7Iw97KeXLnVNLm6Fjw9LO2+wmWj4Mqrkhwfw7Rya1H\r\nL4hs6/SmPtTmEqhv8eBciyrPNkRcyAZKuc+qTZRi81IMnEBRTCkig2/xs9P3\r\niMLCFfBg+IV9SssheKH1S4+NEnkZ5R7eQoWPId5f/b24mOZxj72DvyjZLRVg\r\n5jW9sBUC0OZ4NShlXQkkXEI8EhZkFd/1kAFO2bz3h4+ZNQCgR++Flmksq78y\r\n3fUMRnV2OUMxp+z1x0lz6FXC6OiM5NxUROfegVfeP7MUdkL4Rc03uuMlzeUD\r\nSe5QhYBPBZoLuKhDWHEbMpVDpyscR36tLA4uE9kuajGdRAJeSNSmIU0ddPUz\r\nUqOFlBqkpvtLXYVuY60+zc/EdUSBSxGs/tcvwABDIcCSBGNwLRQ5zeXaZ1Ir\r\nDmoIpsQITARsRr1sKo28kMpuv2qB56j6KgVWBtn6hdIs1mfX6BvHCIvF+KlO\r\n16I4z2ixz+GfmYMvaZyVG/NHlOELq3DAt3NWN8py4AIUdFXoksVD+3fLZ13/\r\n0xdBZCMGnLzgAC7ZowAfNlfQ9FgPhgqdIM2WKbzDi/3gcb3oZObareYU9ygP\r\n8Ppy00kvDTy2QgqVch16W3YLdrtuxYMdP40=\r\n=Sgq6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022117201925","@chakra-ui/react-utils":"0.0.0-dev-2022117201925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022117201925"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022117201925"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022117201925_1645129192672_0.7036815369341465","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022117203714","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b3837f07591af185a351c3f9c821cc488cb51362","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022117203714.tgz","fileCount":28,"integrity":"sha512-zTqq4gzhWBpJ3DKArKPACA8U+rTCffTSS6fLFXyEYQJcmnirkHd+ACYGNFItkix8HPVFUMytuWYKzmooy2Ccog==","signatures":[{"sig":"MEUCIQCk2C0uLrWQPKzjE9auC5h/BtZ3O5UPv0+MFXiUjjM7GAIga+fTfLufq66h8T/GMqFk+x+WHQsdaUuKLk7dZqZoQn4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSeQ/8D5o3DFk4mM76uEu+0WN0Y9hVFiGzrFseG9LfM2/OdXUScBMB\r\nbzmdWEdjTHKdVpdZJMeYmlEyOI41Z4ak2UxXYEB6Q4BREwk5PQudZci8Kny9\r\ndvAUNMlQPUH6rHgNG52G4I/op/Ch88K2R4Md8bddkPeoPm3fugiWM+uPUOru\r\na61x4/rFdRE9zvkdmldK9d4NyxlFt7vhuav4MjW/zLU6I+8FZREWF0fQ2M5f\r\nBkBtln7BBBAg2Ub5nUJ3vHN/5//hLS9OLtmaomKSbbv4ncld2ojLAGIaHlNi\r\nIJJCy6lnbyeUe+g7Xf25kAZEUZUMg9VZmYljWhxXiN6gfqQhzzg6twpzs61W\r\nydRCCJNJl/l70epaAUYai899W1DHNaiiLqWnNRziYHnxFoVUMn9rRCdjQT8P\r\n25sWd6jP2tP02eFzbA1k1UlEDYjIc0KU5z9dUHLBybSciaxMvX7b7dvrarAM\r\nqgr0y4th63cmY4LLJ+Gtm7hu9XF3GPAXkF5nMvonRbHKWQnWtArnkQxi6yYu\r\na0nY9pHgvx26VOAz0COwl2LpHxAzbypVnWMozAoSSVfDD2FlhPguYPFSfFZD\r\nA/Q1REDK/ovdolUhyN0Js4Gc/htYPrMjLSa5yEMMiggAy+JJ8NvXBA/FsNOg\r\n4P4uzqdfPZ0nUHzLpwbxzchfP4XshDiyols=\r\n=fov0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022117203714","@chakra-ui/react-utils":"0.0.0-dev-2022117203714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022117203714"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022117203714"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022117203714_1645130267183_0.031178668402974452","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/button","version":"0.0.0-dev-202212083710","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d246f6ed27ee72b2812629fd0de6a4e28c99791e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202212083710.tgz","fileCount":28,"integrity":"sha512-1vGNPyn7R+kc/l0WD0TMhf12fwza8JJ6AkOs1Tpm2NjThA4jNBEbxkDB7XkLhwgu2y4zrSCcUB4su2AXL03+lw==","signatures":[{"sig":"MEYCIQDFwsyyxcfNVN+NHZQLEmN6+N9f3G9j5PdnZBcw0n6ebAIhALHpNUBUIT64UNRgwFGmfc6y/++6GwxJLzs1xMcgVRFn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUXg//ZcQ9cnshUM0SVtYbQDr79DoJOtrR3nQtEJ2JeDzaeDtNsixx\r\nN4GJHNMZi1U1W2gRvuKWzhJcUdgBP7LHUHc03f2nSnM/kpZA+lFUmjjc6Dbu\r\nbgyV+487GkaaKmYoYrvFZhMkJ6BNZugdxhPrWQL8n6bL7xox9Une8G2qr6yd\r\n9OhhhKaWBryMBuHQ9I2107q4iUy3UTsGJOmv5HPcb3VeKWqHFbS5l5H2WTS1\r\nLaZuwaEVZ/pd/AcsA4+4/LXi2HMszWG3DIKLKDHfu7LR9jhMSleIdToOUAEK\r\n9uUsKGf02nbOEJRIANw5/APwl7JxhFrjjCQPOKuju4/5L2V25Btfut5dd1+R\r\no+FzCNFOInumf2XylUK4A0q7bbDVWLrkQ4c1a/J8uhzI67zZDS45QQhZ/D2i\r\nwTLu/++8y5X+32IcKD5EpKgCyTWcHv/HERSest1s4blIUTtHdNLLtR71wcml\r\ncUk9Y3Rw03ku7p6FWMSYT5asIQhLim/Urlo8+pauAoWp/o1CsWdRUfk4x+ix\r\n2+t2ma+43x6WfU0XBuPHd8Zcr3/BvnQrXV+Zw4Cb5KFDXod+aiW3vqbBJNx6\r\nX9M4leVATfA4SFNFNotN/uJEAOcLayBC5ndr4M/CHwy/lSX16b/gwg/vWhwq\r\n1WjJPSUB9QtGSIAmzf3LHVPcTt8y917o1Fs=\r\n=idHv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202212083710","@chakra-ui/react-utils":"0.0.0-dev-202212083710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212083710"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212083710"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202212083710_1645346264080_0.23759081923968006","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/button","version":"0.0.0-pr-202212011232","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5e3cb2f11736c758bb5ecf17c952a2d152d28814","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-pr-202212011232.tgz","fileCount":28,"integrity":"sha512-v5QlSie3n3j4OUmxnTiDLMCy7q9XqthL7Lthqh8+hyLRhTahuVAmldDGTY0+vDf+J2/v2N9NEmOCbhsVAb0l0w==","signatures":[{"sig":"MEUCIAr3M5LbC4bp8WP5PfuZzCjDbbQi7Tu3h7gGEoou6o4OAiEAq+ElbIF1e9uELycVenDAMmNfuwtELna5RoZOUT7LLQ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpoBw/+PcEOcc7rvS8p4rAznBM+bSdJDbZgTuy3Lw34SPIdmuYQl79w\r\nka7S4nSz+vX71DfTsK/63Xd+3vOwJnDumsXmaI3QJffFLvtbpBJBxKihS1pF\r\nHlFBNa/wAjLunrpbDG3aJGhJP6X8/pr2pOECMBl6YkPA7dyZPjZfvuOgS0Ww\r\npH2xcNgJTzwPPXn/ntGGDwDKVgV9+7THYsQ34q3FBMrqV+e6iFxryDzIzWIR\r\n0DhqShps6Ed+ziKt4+Fzb3T5+FQX5YOCrCehoFuAg0NYZEOMQGxoHf++n7w3\r\ng6nLzse3WLB8JCYz3Vpj9/iVdepZqWzEIAzeJ/DLbYUYI2qDSpgNfiUdZ5Sf\r\nHQ0erScT7AtCiOHbwMxdbYNm6eYtG/9HXf3iYhSpUk0Hu2OzaTWtkAs8X9VT\r\nqzDu4JlWaEtAW8YZKuf/zJNj/Zza/iqb7aA5TTvaLZBrdQkKHshEaT8H16v/\r\nDVHgbHILrVztdW2m/Z900cQGroTEfjwdINJ05MaNcoDrj4qjOFceaqJqWgbj\r\n/Uk+R5gtIA3BAAjRjGlZlcXx85Fmh8AofxJ4i4jmEa9O28b//1HEnxGL/vp5\r\n5tB8SDe5qCB5KViTZF4jF7p6bv4uZGnwHURDZ/7YP1RyB4EU+vEyR7Vc1FHw\r\nCuDnkIRccd7YcmvH0EXwy0Y1G2CL5k0pVkE=\r\n=6Xp3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-pr-202212011232","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202212011232"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202212011232"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-pr-202212011232_1645354986840_0.5120610259500487","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022120113958","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"303bb9ac311e81ec7ae50521745774d7d77514b4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022120113958.tgz","fileCount":28,"integrity":"sha512-0oa02/pdPaLLq1aSy9+6TlfAgvTHYyD1Hi+P/1LF+YoREzxpOOjoRaZA48zu8OndIGAwzJbVaaWiVk286Z2aqg==","signatures":[{"sig":"MEUCIGxfLGKI1yKNgXuS+qKtXIhdJXlgyLecaDOcUS3qgS5kAiEAxC7KRUXyA3MmRkdMeIfvRDWreOAo5KICTlWYAWSrCYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEiitACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY2Q/+MqZB8dxWRukH9NUdCrobnhR9DwWGYj8oUbUOxFsN5tFFYeqx\r\n88Xj7S043GY8gaaEVvyKMI+lUYBBa3D/DpTFt9zs829eyofsfgH+G1gWheZv\r\n1KMt5qxC2iJ+aC4ryAWAVoxzkcIr0je+kYNGNvCr+xFsCgWwN3WauuNdRxR7\r\n9XwCuiZJgVUhBSQqqz/fbAEb28sNsuzd38IvqeI305OSZNvC9JN651OWpGyy\r\nnaasLytsRSDZYwygxdOb2Ct+sp2eGyEGmuywB/GcuiPhFdiLZSNiyERzqi4e\r\nr41sW7JaKpIfUlM7ujJMQ3ACF+257ljIn2SJ8A5sVw5/aLJ20Er4bKXseM5E\r\neVHNkocUdPLcQpYmr1UIkedhLP96deK9Jon3JbUpn82IJ3TEygUSssMzzEm0\r\nTiDEb33VQnqtY1QP68uvGMo3V20BR7qr55m17eO9QoCRxVb35Raa5xTFmtcX\r\n1k5j431noP650R+oXuUvUAu6G4KwC8epJwoB6VTv9h69aO6EDQJpY68s8JIY\r\n5oguC5BqwhRvGz2ZrqAJ1fbYl+OOQInUDrfwIWWVZ5u2n7Gknh19gUelTeXz\r\nOHJGSBwAszT2LambzXOV+SbcvCOSjIC05BnQaemHdfqiLhvnwSjxcYwJhlRb\r\nPop0EXQXA7YT4uf+7PGFnWHwg5igCQ5Ebp0=\r\n=Tw51\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022120113958","@chakra-ui/react-utils":"0.0.0-dev-2022120113958"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120113958"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120113958"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022120113958_1645357228925_0.09078296995915647","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022120114012","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"44e19cdd44e686ffb1d5088ad27e58bab79745c3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022120114012.tgz","fileCount":28,"integrity":"sha512-HqVxWZKTxNpFRTlD96lhGV/IQGx5/x67BSRE/FDl4cRHGqYNZAtboIJ9ZX9o7UtRkB9DNjyMXRmsouOlxvUDoA==","signatures":[{"sig":"MEYCIQDRdFaf6se6PEf9exwqpfnpU9wFHfmEbpAblW16rileJAIhAJL9/ZTEUqq3qbv8y9LZvWiR77aeWdJo1fNCEneVQG9m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6aRAAgV27jXtFUsoPSURggLWrkPqh2lS9zwizSIGg6U7emhyCbetS\r\nJWO/eIcsn1P9esE2uChEPd9jbDooOZqCa+vIG62oiMaoTIL1me9PXbfX2vJV\r\n2M58PQHkr9KZGdlGXHI8MNqiFaZYjgbmgFzLTXirszsnQTjsqKBEWh9W+b+r\r\nPIdUpZxu0sGkW8746SBfOG0fvDEp3nmqUVAWLoA3cDItI/MSIRkITeNa0YJ4\r\nKDifYbIMGncUo5QtpfmgE372kaTSXLdY4LIotMIxbZFCo53fjVpKiSJGWdsP\r\nLifaZP2X5qW9gV2KuqIbbmyP5UZiPdgfeSBXpOCmJYZpkS6gQ1MkBRPqFoYt\r\nEo5Bt7eeKT9e+MG+6Z3xodfzDKUpd+MiCn7e9T1ZevZtV8GcfgK3Nj660WNp\r\nYP2kd9a4l4UjrVMgvB/12hOM1V+eXClwbXJ7d1oPXhPRKbYs6vly+4AlHC/9\r\nkQ/lMmNev4oGkQz/M6Yp29B8eeTGIV/ci9Z6nNpyPqsFMlFTl1vEiesn8DXD\r\nkEKKEhLCjVswdOnO9Uwel0ZoTcUSiHtBs+8j6w4x/P1fNOAlLQ5NXwQz90Na\r\nIoapKGw9TgYUlnaeV+7Uex/wnfR4QDJ0E5EpVBO2IZpEyARzWh1tKB+k0Lw7\r\nBVru+HXQQkCXCIlydqM+t2hyL3KZbnc5+po=\r\n=tNk4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022120114012","@chakra-ui/react-utils":"0.0.0-dev-2022120114012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120114012"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120114012"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022120114012_1645357238809_0.46910257752558837","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022120114225","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"717f73bc6444eda39eab8735969743ea64553746","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022120114225.tgz","fileCount":28,"integrity":"sha512-1zTovSJxKYk9u4YPglGZ2ZZ+rFmA3j2mE4enPQUooYmYt9zJZrlTZIIJuij7vF6BAaAY1PD8Q4g0sbllouB30g==","signatures":[{"sig":"MEYCIQCBeym4q8Ohi1sew9HRUk7uVN20LfPo0YKwSfZOor1fYgIhAJrHh2IRhaYPWcjQrY2DyeTvarr43IFe1tssYi5TjkmO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmra3A/8CTmxgtt3GVhdIgkhiTuBwGNvEn4mg949zPfsRf1Dej9mqnNe\r\nj1sBu0OiRZZs+eaTB0XJKyMCZQf72pLHvUGWbaxoAF42X5SGxpt5Qt6gVIMu\r\nYC3Eh+6TXAQpWFmZo2d316da1AXs+PBrlGk/bwhrXrX+bP7AnhJdwawAtNgx\r\nw+M/lxuJMKnpyDeB2PkoALxTSwp1RmDOd+aXfyvzeWuNqVlX4hSfqKUx41rV\r\nptpZCvFaV1iJ/iJ9HWysyfFFqvCmT9DAQfCj2pBsATvU6WbRqSsKFm/ukxD2\r\nibPemwrm2ByJ5MkKrfbfY5drFVAT/bRCCG5fTGTqCROwndbx/OC1h9YfeeBF\r\nkCNHAeYdcL3mQuxypRtRsbvrzpehqhbSHfzgONMz4H7Y/1jI+om/t6x/yJfj\r\nWPd/Uzj64btDJg+9I/NuxpEJdHr2eXhM65SsK56SPCTOslNOiUK8V1oPnED0\r\n74+Fj7eBCGAngPHF6shwI8c1k7LgvR/ZLB+chUkgUeSnM85uRUHuMg6mrV4e\r\neTgkMWuxuI+f9z5Q3HS28yPWW/jTXjmMBY4Qcs0zH5mCGbXcH1qUT4sNkuCw\r\nEJhKMhqXGC+aD5M6lD1ce33iiiDTQQDQ/4x0eKdhY1mnOASY93i3HAJue/0n\r\nNAErNo+EFh0DjgYVG4dbubEHowA6AezlX30=\r\n=UmOD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022120114225","@chakra-ui/react-utils":"0.0.0-dev-2022120114225"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120114225"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120114225"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022120114225_1645357376922_0.670199679580594","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/button","version":"0.0.0-dev-202212012129","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c285295845baae988025e348ff2c9130241dc8bb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202212012129.tgz","fileCount":28,"integrity":"sha512-7chxTa0exe4AdRnouIXM9uwcp4ztrVH3RytGAW7/Gbdu0zYtKIfPCfYhg3N0RgmlB5IfX3HQyaKarwbWG6RJ8w==","signatures":[{"sig":"MEUCIQDkz8TykxbiFGpEhK+JACmqftWgEn7ML8VybBhetBDvYQIgOK3njJF+HvJl/TcYkU1vHo2gy9HoXyZsy+A4ggJdxJM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjA4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBmg//fEADmahM7lb6YDoTK8GrwjxYjlLXKoNM5ecUAX/PF171hxBK\r\nKTMC+l5Kx5rv5Gr5cdPByf59oEnkXvCG3pv/VOFPH6Hjf9+YT0aeTxdXMXoj\r\nlNl+MmjTfvMMARnX8NfU/yMySwU06BbgZfdATu8xAQEmatKAHhZVlb99ooFv\r\nD3PG/eWb1lKX8CPpRA7GvQnGr+tcaprSzFUF6QIRcZ442+mtHwH6Jzg3/FB8\r\nY1br5/1kWlwTkt29a2KCFV1LpyMKnksdcXGJVSgsGrrNpOWkDzmJORfWXlb/\r\nLXrm9j/+krBmDNAG/tMD8QZnc87cH24C7aRIuYdAj3sO9ZmVOpZhl1YKOaFE\r\ndNOwnLdhwf0HfgPMosDDyz002P8fjLQhCeO0jiZSAVrjbtTi/jK6iLeq9WiA\r\nly0qAJUqcT2wNAsyvh39iofqb//v7GeGTY3UbYTKYgUmPkH2QCuw4Yj50vUQ\r\nN07hXfLbVXDOB/d/CKFtvkmQSVIZxY1FkXgEGc3wGA4g3jYUq3ZYhdx56CTS\r\nvnGJgguN9ze6H+NMAcJxkUPgR93udNrng2vHG7K7q6RpaVE+JIgVKrQR4wkc\r\npzmJd+3tt63tkwmGpY92WsLFCKZL4y1F3cqiHmdMoAqfoMIxPHA40NPyxnEl\r\nflAN7CfXTqQ9uc8vBt5NWAFn82HGaR1AIZY=\r\n=/+it\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-202212012129","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212012129"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212012129"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202212012129_1645359159915_0.2617295657210823","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022120123118","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5839d585db0de829b16b327569a549723e8699ec","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022120123118.tgz","fileCount":28,"integrity":"sha512-3zCJecqLXF/5KNYO/iGpA1x7qRbut12G3Tr6uLsh0q659L/Gxbz6QfkejMpTKhnuXj92Bo8X4zy5N18d0w3Y6g==","signatures":[{"sig":"MEUCIA1RRBgQfEcDcRtz9oF3sEY+bR8No8KNp3g8kZuv4OAsAiEA5vqks1tepBPxiBz3O5T6ejO375hnj0/bLeIC+vbgSnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjS0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/+A/8DWvsk1ThOF2g8ayOf1TVMS12hHoGas5vv9DGqGUQB0wteLdA\r\naexTNhVH1tX2qgO8nETGoGJv+HNov6mLC/VG5Q2x9Q2nny9Vr/wj1zBks3mV\r\n2oaqTcInQuVHvBnigEIINPLJ+kPR4XPAKqIfRrbvlUsJ3SWE+ULd8z/yhGbF\r\nOJWvq4iJR1Ipsw2Abe+twumfQ8DKBenK8oPrE61oAneYTafHsu/jj3YcyGug\r\ndXArmEfGNpR8DZRCw81rMkVedMldlFw7tsT9Q2q771ipF+xZdvcmyQl4GVmC\r\naiL2yLmtk6/Ls+64fX4FeyhOp5DwSzUttiwDwnd6+VbzhnrHwiRJyYxjdC/m\r\nv3UfNf1R93ZY0QSVP/s175lHKJGw2sBf15svVu2urarWdFK2VxQsu7k0Reh8\r\nXAH2JcvBAAwbABIDLqnIJkIDsXV7EUmCvoBtZtfjDbOiez/n4rMoTszBFja1\r\nWip0cEM3e6v1Qvq4PSn4lDRIVQVYut5vz2Y1cyEqdCCvGK75V3d7JeQPmrTj\r\nTI7zpAahZBb4450vB2gAm7OGnKPCsn0LcvKnzMdxTQuo6bzCQ1J3OTwiWlF9\r\nsPn0uHS2xQFQ0VhAh+pMMpEz8sQM5qaPLWy6HLhSGHKbxnXJek2KEYqXDZTD\r\nO+FrtyRKY9zxqgq5ybYmFadin4Rco5pmPPI=\r\n=MBnI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","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/spinner":"0.0.0-dev-2022120123118","@chakra-ui/react-utils":"0.0.0-dev-2022120123118"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120123118"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120123118"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022120123118_1645360308516_0.6955155358295189","host":"s3://npm-registry-packages"}},"1.5.7":{"name":"@chakra-ui/button","version":"1.5.7","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"eb8cc8ae05e0d5c03d6a31e2dbde3398a687dc94","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.7.tgz","fileCount":28,"integrity":"sha512-xTBATR0bOO9NmvDAvGxSMGhnQR29KweaTpmQS38uMiaaawV5OUWGij37CXMXyx/4o9WYNFq/tG2nIrY9lkS/ZQ==","signatures":[{"sig":"MEQCIGjZHGadx1evSzsT20n10FiyWaLWrPyko797C+uprKwyAiBe9U/vxKGX9GoUgwPmargGKvD/jxU1OXGyMo7JGORVrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofyA/8DFL8Yqo+RMKnWX+MbyFR9YJctGeU68EQL95YcH/oxCzB18no\r\nQqB4TGBu565WJoxs4pmUZUqvOrRPsovLXHGGGMeKmnRieYQEJwHju0CQR9KB\r\nKVYH5QqQljvJU8JeUpxwHY2029dtJHzvUjtx4DjrdG8mdtLTF+ZKfuvRr+oA\r\n+u50bVWEzKWUvD265Psq8pSNu6XFhX0aUMss1TFEI9fFkQep2sTSuvSt56Fh\r\nTtF7DrDZlsnoM24MM2vTYlcwflZbW4m/GaQCSyag1Ru8/6gA4kf9V49hNHTM\r\nNcQpTgUBNJ5Z/cXpB01AFMD6wKem6nQrFKNitd7/IhRjTOTJNZ6YCPLTGNXy\r\n7WmKXhtCg98pyoHd/Ol7WIHLPJc/MI0ONdG3074JZNY+ALH8sncSSpoJllD5\r\nnhfYQxhtcgAkoCA6POxWbp5PhKgRnmuWXT+D6VPznsRYNBZDrEjI5b/lHWzT\r\n59fH5pbisQKhBuZG/RFwDl+EnueIquTtr5M7aU2NKntgAt6U9UfM/Sawe/Uh\r\n70xTPT+HNYuStTw8Ib6go67XBYLk5w6xTUyGadCnz2zefQOquXyVmx6+4eK5\r\n0d31jvD1nNw9F+CyrZetESJWSmlSf6AWE0ATwJoe8wnE3Cu7UwgFhTfG416Q\r\nhnNUWICaJQfvxO+5DK0pKQrghvUHbZA1hsY=\r\n=GUmV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.4","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"1.2.6","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.11.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.7_1645360857084_0.9023100627838809","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022128214753","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"31ac0b45b0bf091e3fc153035faf3840a1d184b2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022128214753.tgz","fileCount":28,"integrity":"sha512-4Z1EfsU6mstRcPt8zH4y+gGP9CkqJpgFwm89Y1xxgS1xPCOIhqRAQJnP1+OsdBgbDLdgCGuehqD40aykHCXXhA==","signatures":[{"sig":"MEUCIQC/KNxNCWgK/XguvxutR5l1k3PJifM3+pB3aO7B/00B+wIgVu1Gt7hPWKNzeCW+4KDr/Y2ZbSjsvFYXzZQXUiHBQBc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+OQ//RZ3DVVHTrB1/NbMWXOGXSOZ3478PgH7vwPewkO4iTNTl/iFU\r\njKmm8y0EY/MB090QBfZOiYQ1mKET9d75RDR/wWIcIYa1wYN2bktK2qDWjo6w\r\nPbljUg2r9AvWxqadP4e5lRfNUourMnkV+Sav34YZnHn+LS39czSlwyYOW+mH\r\nSd9ISBkpbwjDa8kPSaRk1RoavFt6cesngi8oSsSG1xmvy+Ub8rFNHAGdYLxE\r\nlafJfLvaCzLNcq19AmHY2RZ7Z/UfwDZDJOM1rzkH0BIYvffq1QaS55rf3GBN\r\nlJXg1xTzbBGm0/y2n5L3pz6pirErenOCrGWh5gSrzSLypncIG5PzMVZ6iJKH\r\nn1HUTo7bOuW79hRDXXkoiefbEh4d3FKjn6ci5errvV4+qRuGcguNFJ8g2Nyk\r\ngKn269lrbwAm/NmMq3pXoEitmaDaudJpKtUpP07Hca9ySqRI7x/WQ+NXPsYo\r\njnOwNOFiMiHFMns7dNpEUaViO1scb3Fy9ByiknVofxFjqS7grGZqobdsMH0E\r\nQQO1sFGVPjuTp/Jytr2f480n1VhsM5MFSjOzlYGwLijUouh6dy9QqXISmECS\r\nALuhx4xl82+ZLtE0UsZtVPSvqxCr2olgpiqDtZ9CaJJaj6gakIRZN0U1dkFM\r\nFAqjS86gu2pfVTsP1U4rASiUF4It4YYlOWQ=\r\n=nJBq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022128214753","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022128214753"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022128214753"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022128214753_1646084897486_0.006304365760343655","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022128215052","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5489248e81d4b3361046213de26037646da417ce","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022128215052.tgz","fileCount":28,"integrity":"sha512-DNrzfJiP8rpboCzIDdIVQEWaa/2qlMEWD8eqSv/a+N+iRrTWhgUYpmuczqgqi9fFOTylOD89YL4AeHKpW8oTFg==","signatures":[{"sig":"MEYCIQCdqExn0jraQpe85xoYo8YBh+6Eo3wFAbDLHavCdPfvKgIhALg0oxLA/3qrO8Yw3sX3Mciy/hhks+6aLj5KTpb+n74x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNlw/+Jl8Rn0az/oPj1tloZMB6larMi2iAVkzsFaVydRB92sdVQRTO\r\na6tKNoPveRn8jhhgzXUTwacOd3LToSHv49JVEG2CWOKxNnTsNVYtb8RQOTS3\r\nu4T0sohPLA5edbDhmH6iUOEyGxPEJY8engXEV9i6euyMpjCAtRd1UATw7RPv\r\nh6cwppj9n0IY2dNW/gAJ1+hY8P6fiMuoGyy99zTkmymg85FqnKx0eM9fdcLC\r\n2/Tq4X618bFbIBHy6T2oSAUATkYlzACA1Ntxhtah/OancTy0yGjp+e15hhsU\r\nA5dFqC+LaYEIl7EhDwt+l+b9ChqXO/ba5hUAwo6UXAob1g6ypM+kvV7q4K4l\r\nz2p4UtOdRMUzMFw0bAegEsWvMHBOTgtMsEyV7h/aPfG7WtWUAkf6T5cdPulG\r\n33COFq+wCQpkdAE2qOXiPM3qE1AScLXGbflzmhfMWhh3mfScgm1PK6i8HnrB\r\nzetzoy3TQw3SNw8wiBWl0tNFx5j5al00TxUBPOYMG+Zpm+7KcT0e9gg3QqXD\r\nBOzg1MlQGAY5B9AjUf+1Dw3IuIHzoeOCJrAvMpxUf9sa1cDUwHPhHF8CVGEF\r\nW5F5w7BL38H7HO7mz5OjuYqIqDLepUIefymW6qTu0JqidI8CEMEqJBrNSE/w\r\nB4n+srWPFEfspqHsi+b0vQuUGYM+87TV5QI=\r\n=2XhN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022128215052","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022128215052"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022128215052"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022128215052_1646085076219_0.7247562823121478","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/button","version":"0.0.0-dev-202212821520","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ac1758300a1e49c13fab987d909169f2b239c98c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202212821520.tgz","fileCount":28,"integrity":"sha512-DPjbz08gDtCUT49JwQ6ALdZsrc3VF7ddhVCRfgBgX3PiM2/DT2e2k0wxeICEcBUxJlWxajl/InUbl4I8iP2DKw==","signatures":[{"sig":"MEUCIQDKxi+6GMzmR2ZZHyqiwg7xlNgA+6+5Bkv0ThKmzgorqAIgUdLhsqcRmhqKFaqU3bGkmYBzBwTzObJpUPKYlaY1FSQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofdRAAjQvgQL0rLBBrrJpKDoPfK3V8HLhbPamDq2mvlvmkC5N/maHS\r\ncQTaEa6rjviDN2PjPpJkj+X98olFh+6Kb3AE4NZsfwwxoBMEhDwX3k06i0BU\r\nwPH+hI4PISH93GHKr9sY7PnihTMMQRqhsL8/Qsfd78NPJVI/nJqMubIBKqoP\r\nrezVmhE/vh+VUT5otgGRLe2ETD7zj52kvypr3DKujC9VBI1KHkKVTxUG4GAe\r\nvYAVvmGT4pU0MXsBaZIyMOpN9FQAcrgmKC+84ID7uzKBXc6MNfI7E47NVgmo\r\nNST7m7C3SzYkFmbQzY09stJHDcG+arCVdEYj4wV41Os1TtxQZag9SOCFavn7\r\nI5StdATajeHVV1Lwiy2CPTW0PY1aYDTtRAhRxyoFMrzR15h2TlmyCHmOjPxq\r\nbI3NudHvCjSrnruafp1g7EjTiupI8Xk/KYUlrLmsGCNsrmSms9zjfewLfNdo\r\nnR3HpJNzuY91MdInkDGbryAekeysyXFlXziFVfxXjWhG3CqiV4/0gx7ukYWH\r\nPeaLro5py8K7uE5ePF1pxvqevEnzUDvY/Nzmd7Fab96jkTRWtNo4cUBZIVdu\r\n13jHIdazJDcu04JbMH0ZGDn+CLNeXOnRUOeI3ZzMd7aiDfcXsxFWzeUR5csB\r\n/4cJQWmKaz9HPOGlNVjpx2emzE2iVNKeYzU=\r\n=PFlI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202212821520","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212821520"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212821520"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202212821520_1646085144557_0.9480766137908216","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/button","version":"0.0.0-dev-202212822477","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b6ca475ad84ea6caac527669339c3a3e6d7066d9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202212822477.tgz","fileCount":28,"integrity":"sha512-Si4GPiTpomeHt+AfajPCGzKfBAaW9lNDhkmCzsME6JuUT7GHeNu0/IL7RkbCxF5HVDrG7qRHEFfmz+bEgkeZUQ==","signatures":[{"sig":"MEYCIQCqPGfFiTHVaNO4gUlMtYGh3XRQ4mRo5ax/xVgLAd0Q+gIhAJHJ2SA04M/fS5qkJmQ3xvoySpkDKuvkEw4VXrVs/NR7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnMBAAk+h5i/bo0+ENkSUSm2BIwsTSsEmABDe3lWhQrmu/swZ2rus4\r\n2840gyUQL6MbGNenZfDP+lN/quQdotN0hjlq6xA1OpOgcT4yiN0JMpyhho/n\r\nqJkpk0BvV2BVqzRdYqeJOrkJQaOLvqzg2tH91iMM+UsI5/LJ6UC1HzVs/Gbr\r\n68X3IxCDeD95Hdjgr/VKKThNDkJyXp205jBWyOE2ehlIVcMwbXiSZw0RVmxc\r\nD+izS/Ph8Ah6ZwFlCswbTi+FtB4SDBwj4P4T0uYfxS8HHH/yU9kSrg03Hpcy\r\nSXjdM/OiGUd2YX3kIU9Qpi2UDV2H5UpqIvUVut1UWkl76yPzeHAj6tip6I06\r\nWhNZzlqg5bKm7KWNuuWY5Wg38Uo+MDmoNxHR6Xsinta0jpk1jJcJdsayUTIz\r\nXg3J3LN2F9rcC/gYK1TA29NpB5GKrDByUOkSWo1V8sa8Wlwr8Nh5FKD+l74f\r\n5qBtg5k1/vzpERoBquR08lD62J9E213IeHZOoQjiqe/l2Fou1RxFAFoLNYO3\r\nSdXhGq+RTm/IgXk+/Pq86jlkHZYXwsuqvFlI5sF8byr16Ddv/ASz6R6IWMkA\r\nkavAPcP4kP3LjryQ76Q7a/pCLkvaZMyntH0M1x4S3IpdpK4AjI5K/1yvkBon\r\noa/C6SoBkrkfbNtK08iFHaaI9zguoX2xFLY=\r\n=qO3I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202212822477","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212822477"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212822477"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202212822477_1646088451055_0.5668577540177993","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022128224832","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"559e20f3760bc1cf7aeef2cb5c20b17c2ad660f6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022128224832.tgz","fileCount":28,"integrity":"sha512-BJ11qWwE/jhDNHtNIAQlUPlMlBvMk2Nl31Wt7D5dNJ8kz1FOILV+1SPkHYMHApLmJbqcG5M0I2BOeRDMLBmyGg==","signatures":[{"sig":"MEUCIQCiVpeM8/lJ/raHTTz7vs+aaiL6JCYhzbEo+Dh7Eyu7UgIgfVZDtAGDft1oyiD+jUsi07VXnkG/P0BTiiJBTNt6s54=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZvw//RIy6/ISWRjHCz6/R0SW+h2IyiSCSggi4hwHOzseA7Ldl+QzS\r\n2lzagzbVAtVywg9rtrtXl/HtvnbVFtQpv3p9wFU6n5S2tY6AKSo1v2E0B47e\r\nZkSksqs9RJdNWQNcicJkIJppTGfIY1XAxRGi8n4Ooh7HcFlhDs7yxGzuyKrI\r\ngN39WgEicoiKF3QwUaTV8Yncg3nX22ymp2sgvvZyWRlmqygoVDPVVxG9YJgL\r\n4N7EL10Qxk/wGNBxtQ+gxiCmBMRuwkdtaFpKJdx8JcpGIIKWHl91JF4V38Mr\r\n7j5zxX4FT4WogDmeipRqJEAxCJn50Bgik1DRsnGh0FsxK7yoqOGy5muW81ka\r\n0UEtw4iMCHbV2Q0QP0YLsjrqEGKPJzmBE79ucZOcCT+SzU/Rz/LMZnhe/ogQ\r\n7yTug15XB1TndvQfsyWhzttC5XapG2RyYmNjZeGWPxI6GwwTCUStp3dGie1C\r\nUBYg0JRIKQUcLPVtN831NNm6b1/QpUpf6/XmiP4AoYv2ch7Dq4S2P7ggIr3M\r\nSMdmzCgQAdQS5DI+sEXjfk/JE0XoyRvltd9LMLPd/rvAbS5Fql0gYVWtk/yn\r\niTDKOjmVmNfdCVxkE14cpNH13BfMcS8A+Agv9DjJ/BGzPqgpih8yhv/AW7KN\r\nG0j+LSPFm9VL2CSOqt7AP+pzAalEtXkve84=\r\n=fqUh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022128224832","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022128224832"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022128224832"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022128224832_1646088535739_0.3586677726054839","host":"s3://npm-registry-packages"}},"1.5.8":{"name":"@chakra-ui/button","version":"1.5.8","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"57945201a971fab38d1a700e62f6d840f6d9ad5c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.8.tgz","fileCount":28,"integrity":"sha512-harZywey/6OclxIB5p/Ge/coeGKZWoqmu7JjXlbwTUd3U9IQiOVo/zekY1JscCSz2oZoVBCvoKZVt3on5dPwmA==","signatures":[{"sig":"MEUCIBGuvRQ0EMjKqlBY5yxMClr8HVEyMK8LGvnxQPo8D0++AiEA0fYzD2tWSqSYm6W277MeH/tXUY7ya/gkRH3u55QweTM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtqQ//QEoQiKtZZvDeEaBdyvXKrVZqd+nQ2/VnYY7ZlzhLqkJE7e00\r\n9hJMHcwHkqlL1KV4K6kGe/2wUUvqgi636vGaW3OeI0t2ITeZqzUOYiPLtlxH\r\nprodDr3aYuaFcga+rFll17bs4kpWQC+pO9rZmUMDWKDC73dP1ri/vF/f/SmA\r\na25JuQsptPwC4TAYIuqKiRxMlFpbjgY/whAlhzcCL/rdCZePMvKIxUBxv4ds\r\ndolfaI5zm0P5tFWm5ScSa2u5knRiYLrYTO7Qtx/pAdSvHKi2lHSunwqEnHWz\r\na2QFjs1Q9KnxXWCMKx7G/qktUWyReCVJPWB3Qud//l981IVeWynIQjfEk76H\r\nunvqkJnE0D6qvAUZVYSCLTPrkomFT0eT3DtwoS0cpHX+fywwWq5GXs+kMRi7\r\nYZomWDt0sVLhCYEzYMQgi+g/siVgkdArKi8KhdXdebLk98FqVIpnnaCu7OZO\r\ngr7jRdQeA6jVLxh5U8SqEOUDJLHTN25LQ2l02Us9bLzK9JIJ/iU2v0PhPVY1\r\nRN9y1SVgNMUzfkvdub8BFVc/+qIimDRciPN3WxbT9zoDpSDx0D9OqGcb87Lh\r\nhflc3O8LYfOWE6JyaDXS3CQjbxN1v6mTkDT+Yyi+xzQrfGzyqX+Uxu0V5CbZ\r\ngHipCroCOwjKpAbr/79JSexOt1pPPYswMGk=\r\n=2b/i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"1.2.6","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.11.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.8_1646089630245_0.7478402673139213","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/button","version":"0.0.0-dev-202221417325","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202221417325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6b85a44d4ec0321278ba4f2bcb3f57933c92c37c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202221417325.tgz","fileCount":28,"integrity":"sha512-r0TfUdbJ+XPpYju1wMDHna7WsU71JF+E5NkW7tMuNpXJ5UBMIgl+fi1RHuoQebnsXYhlIjRrx/OXKvEYhHmhcQ==","signatures":[{"sig":"MEQCIC0EW0HYQ7kwUA5FDe7MHsnGfzkQ7WeVRL95gUZjBt/gAiAbKNWEXahNq6Gy2fuOssjUwQmYA+V4fWWAecUw50hzFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowMg/+KbXjKPMUGDKv+qKZbtHw+TabJVkqZm1i6pYU8/EcpQ9dPnjA\r\nz6j+LDJLqGKxE9wVOMn8VMp/5OmHE9I9hdhZ9H2B/1d6s6l0ixKfMxGKIHrJ\r\nye2hti0Y4QtiJT2ybvjqU3747Gg5lxuz/cWf8P950yvvX//uMJf0wswLkOdc\r\n0sD2aF2zBnO5fYV6nPqE4DmhT7B5NxWMU3md+vtLpxE5zTKpiSRfRCNXUAxi\r\nXAf5rERsl/jROPUuB2PeCbHgN67glLfvdJ+GNzYUUodzY1qQw0XMum1ZkZ81\r\n5dAi5zmjXA3nbhq4rhWBpTsBznz3J/CzFBdoQTvFIreDF+PKB3BSaXs+mTrQ\r\nKThipR8hJdrmzR+rr8Pkl/4dJ1i8nC570terlWN0rf53rLQeCHaQv/GuVhZO\r\nKY6jg6Qwvap4yl+TpUbCRPTcO7YRhvuucu6SVL07GiCpEfRKJL3tD8drsaCo\r\n1OmziM083maOFVl+ohrv8B64N/GhqhSKQB3ItVf/h4kmbqZW4EqI+oUoYEPt\r\nmwCCuSrZb0diq/dH4AfZ/htSA38B5trIcSWe163+B5Ak4Ag+BCNzNfFG4tM+\r\nPQBI5Ri8LScOBHAmqHotcYrMXuExS076FhIuuPszUr8Ojeug21CoIlVbirJ2\r\nHQwiSYTp5mTo1Le6z46YFzW+G7P824Y3yGY=\r\n=D1ua\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"4d93d5f9e46738c84958017bf70ceb6524f1ab92","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202221417325","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202221417325"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202221417325"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202221417325_1647277448740_0.6037053071581235","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/button","version":"0.0.0-dev-202221417436","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202221417436","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e706a03f6a547e7d7a6562079e218dd8f78125d8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202221417436.tgz","fileCount":28,"integrity":"sha512-9k3tVuVNFw18TYy9qiaz+QOpd8rl2OP8aQdeJMp8QvsiClClVkGenT09t4jeZRuDak9mywRBo2FLF9Dx134kPg==","signatures":[{"sig":"MEUCIQDotoRV17AOjcEWA90IRakpR09qVvfxj4RiWTvVyCF5GgIgdmItY0XJi7N/EJpk5DuUPrnYcLqfVyr5qQzc+73sDQc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3W9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDVxAAmJiymz2cf2UNr10p/zHgyeVnw2zqn9jvYdDRRLW2L1uXAoh9\r\nmvnXOExbkgjEIRhx0f4jRQch3VThbdEi6gvYBwSlp9+bsM1l0EaxMwLaN79T\r\nnCTn3O0lHZWj1T5jH91TYwmqraf3qZwGDXITIqrVzanOgv3wth8Kj6cPXoKw\r\nfiGe/7q4Oub4FhhsNit6btgTSH5z16PTq3nYVyAaRgaW+yudaXsynBCxP84T\r\nhnun0FF1Jyep95xwdFCdJ84WjdLL9QYyUiJ2bm7Y7QrFXgqgE+QGb+mr9KJo\r\nNDelCzZ+bNOFlwM2pk3c7E+EUyYRli8CkJ0m4ayJLSTFc3KSMwcIk/ifXXkd\r\nwjUiAnQF1JMM0Nu0ZdZUxCai7W4IJYBfZ5Sds87jXUANHBmUhuxV+foWmusy\r\nQf+gtESxIXZo6coSHARyl9UQqBeRT0+xKGOdqiigtBzKWzROhRKQuURaONSN\r\ntzv2JRbSe7WTLmZ3jiqi9Ln1TqODQ53myvLDu8JHKJhNXCXARQ+vchrW4clH\r\nyD0qis4iHxHJ/74hx5sjCxSMB4HiJjRMsckVoV+UhL+hB1rMgK9TKjy0743n\r\nVkmo1g4ErmOad387tc5WANLgOD4OmzkQfxi+2vZl1JR/CQqKq1kjKinC/B+L\r\nNwfdfARqDJBTG/dHBUj//BYH9MML+KmL4L8=\r\n=2qBv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7d76107a2543c38e9a3c3ab516f581bc92174e4b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202221417436","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202221417436"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202221417436"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202221417436_1647277501443_0.8572277520175171","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022214171014","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022214171014","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c757fc95280cb0e44299501293b97595b02f9b21","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022214171014.tgz","fileCount":28,"integrity":"sha512-ObTYk+QCNwpDTshNOxCrEe3O6q3ljJTj5sDoe14cnhqyIz2EgZsEZ7r6cdasN2mkkTmiIVXKKD5d3MWdpJNHgA==","signatures":[{"sig":"MEYCIQCDvAiouBD95Q7c8rH1Rhi/DWfDF3F9gLoHuV/QF3zz5QIhALio2drBrr1z1fPt1FMKc9304nGDzUtzd88SuOtAB2I8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3c+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrr7g/9HiQZFodzYdSTYvN3IWbJQvTXNbsSf/55voXzKgyl/FyQTjL5\r\nUQO8KXWRzlBdmV7QpPYZVh/C7I68fKI3YEzvlo4CimRccr0/e/x+P+42X9GX\r\nOcEj1w3pU2CSOgwSZKncynWzH6odzfPI/9GFbdNTMFkjCxar22gRovb9GRQn\r\nQN5otsgxEVYm9+OWxfEEo6cDb7FwaZmgYzfU21DyZYllGqlxtEc+HxbOFTGp\r\n6k/DzlAbiPDnr9hw3x7V35pUAenKMkqPcdzLTerAa4yscUaGY7e0VTt3wISN\r\nbppu4OuIlxzXcfC6TcicUM8qfnKGo31GDLRXlnxyLYftujQjNxk3uLAuhxOt\r\n4lyv8t55iCGAWOyoEt6rT0XGTGF1DLWSRCAw7PJOBY/qmNILCJxrFCWGLzHE\r\nCbytnOFqMVMs44MpJMorKhmAGeaFAh6pDOIrnIBQguqBwwYAD2tS+mptUceF\r\nvcW4UacfjpbUBZ6qZIaXRjcCGN5+bXsCTxiyblakokuAaNE1M2LRn/b3h9Ua\r\nrH+sIQUodHh+kgHaJCPR4yWcwuasL9qdndNN0iJf8QdcDIxRipOn6FpMPOuc\r\nTgJMKC5gtZRT6l8QFESXuCRcfdewClaf/NKc0ZNtNGQBefC9DZI790VERVtc\r\nOFXMYnWloaNVBOokuk9V81zu9FaAa1FsRJY=\r\n=5SWt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"08e1db569f44dfa9f95dd149c5923594b49d0fdd","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022214171014","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022214171014"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022214171014"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022214171014_1647277886329_0.9411294092453975","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022214195434","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022214195434","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5a4ad3299a111bd828d7a6edcbb9e67839ae98cf","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022214195434.tgz","fileCount":28,"integrity":"sha512-WjA8j13bav3XuDd9E/WHMoUx/LgLdlWIirRfC81TwxTMtXaee7asWMA3diRMsgrpFXW9DIrrGvtf1Dj+2t8KuQ==","signatures":[{"sig":"MEQCIHLztGPvBNVEC0HRc7gL618iNyNfBemReI+9geYXHo+EAiAS+QWBcKoZ+B+3cagq9ERjYq62/UXSP1HXm0Q9jnJTAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEHg//QpyX57P8kKbGfZXlw+jfpkqtSIkUj1oMQDmU+QZ65PwBWN2X\r\nX9nxT8/tMJdD2+WLBstkfOUb9H8CvZErUB/HvyhpL8dw1IvAp8/NLaSbfFWR\r\nqQiXarOfde0LxDDnWc1k5/tGrjq8f+HKH1Y3UjIuOVYY2QxAH9I9Psn8hJiA\r\ngrAXlMKh/QnHl5yckoiaeTDeePdYP0Itla67izJExxaKjoJDf6k7PnogTAsC\r\n/Lwyj52TTHHIQjzhoHAW0QMji37ayTpXhEv+kfKbwgxf19ftn7K6eGAtm8HT\r\n0dQRzqUb/zDexMeL5WXbBboihSen08GkWQh4zU7yghbWdovjKflXGsSmv9v/\r\nGEzaHV0/AZLJQvfqG4GtYFt0epDmHs53utFfMTeL02gdX2mjcfbm37+tc4j0\r\n+L33JGGlkHC1kfFfNU5XYrGc84Te9dsAqQCAaH9oI3y6+Lybx62tMyr/xty9\r\njLo5dkBArz83tjqfe9XTscFKjyMIML+ssB58tTaYgc6vY+/QVmNnmwhCiFKY\r\nk/qt7OiRNCG9gvU/vgTc5jjDdzb8m8qIndZLix6A2ayMkvqI3zwrRDfYE4Oa\r\n0UKXFa4+/RS7YaaO/eY148A2kaq2MxYQqUb4dSXhrZqa1KO2FBCjB1aQZ6ZQ\r\n0Ax4+ImG/udTVrMKT7+t61b9rN42NuH+sdU=\r\n=KWS7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"1976d6516539f9b15b4c9a4a1cc0dbfdaa3a3f5e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022214195434","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022214195434"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022214195434"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022214195434_1647287698694_0.1894633834319983","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022214195653","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022214195653","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"806910d8bf175befc54606406fde3d0bbca0a50e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022214195653.tgz","fileCount":28,"integrity":"sha512-mE/qxZFG9FgDQbVvDjeVInaXvzuvBfBawLo4TbFM0QuPHIddfsA57DmmKyW6BpEtuYNVn6N1X3FJ53M1w/W36w==","signatures":[{"sig":"MEUCICC1v+0GZlEV/ebxjmPadAgstDx3Rtw9vdmZ3UidLm6pAiEA2aploYeIAlezFABg/qBoiHCzX4R/bK80jLKU6pYvq/Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoajg//WX5dX/bVYALSnJ+/VCd75vzhAICoAEHyMz0JYmTodUV9ELH0\r\nT2Ddr8arc/bbSWXvPoxFNXydVJR5mOPn0ibaXKeQ7WFFW7JyTG7obCR0LR9U\r\n6aXIzUSph+MWtYm7w1NgS+WSeSQtY/RKmSXBHdfZV9Q8GtiT6gN8HmQuuNRO\r\nSMOZg1HCnyNqdfDPVBCwvYAI6Jv3Ia97grXEplj5kslM/Al0rFSzq9BmU1Og\r\nlGBa/dtJXUvBeDGu38g5HKSq0/IJkoi/urrX/M70EQKK3VfcZYsuq+sr155e\r\nAsXR6+WVBqCFWAAt30NIXHOT4jslOnZWNJUxWprrqS6RFe5dYXH4OWZnVQC6\r\nfBKrruFobfgAAAarDnceUdsGLe6S9MBT2hSLXQ2pROv2/CDOiIcd9pbroXxW\r\nZUYK0V9x/cEV6CfNIf+Xa7Yqu+td4XHeyMiu6S9H4VAcldkJ6Rlar9hZuz3l\r\nhr2Tc1ih5M+2dFOc3biRWEg2dmc+eG7UDqfQkjj1J8qu3AreXDBAoBaNFI/d\r\nnU8ZmDR9RHvbNAGQYXevUocLEO7XNEtUSgJ0J9ZJOEO9pXP8jSTH1fUCpup4\r\nXg9KKMzUNUGYTWCdnkBF1XzW4Kcs1BYP7dk6gGYdcvMpZpZByJ6362AFBpP8\r\nVWXNR3Coy02nlYeT6mVlM4sQzFq+1xc544A=\r\n=6Xl5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"8c72cbe512448f11f63208a155bc665acbc79d5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022214195653","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022214195653"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022214195653"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022214195653_1647287834185_0.8220377265918122","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/button","version":"0.0.0-dev-202221419595","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202221419595","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1d9ff3019517bbb5bd928a48d7468de0aacefcee","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202221419595.tgz","fileCount":28,"integrity":"sha512-cgY6RB0/iRc3FENVkL3XkQh9jj6oc3IIVveENznuPG/NOaxvLUimEanr2hiXKqR7fV4SnjB9f/2+jy10u2qTDw==","signatures":[{"sig":"MEYCIQCtEb3YNb/xNW7SL4B1oCiMZeWacVnH52hWCrqqzHUy8wIhAIyw+qgo9U5VsxfzXiHI+4DoIpvy+Rcx3Cs1N6QU5lZb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptBRAAlcIqql0GEhtjOwGUfJg9T2DVHWgzsyDdyg84CMtdIhNOnyqc\r\nvbXHjWieQdk1famzal3cK95XG5YhNxJczNzjtXuY0NHzfyq8JUd0aNFdGxfn\r\nSrJtjCe+l9OshvHEitvWij9BoHtd/heaLMMd4lZb/B/P+Klxhw2+zLxRtknX\r\n1GeQ17VWqdFnu1pomTnVdGo1Q/5IG48T0/pRUrb0n+p2/N/QemzEcV2tBLnv\r\nocmfhrUWKKmYLDsmmxSEm7W1KN2lCdGJX/e7Oigr0/d1vSZKkxuj+4ZkRUGh\r\n5sDPYEToBJX3zvdVF6dY8VSkWNNETcEPNMKDr07gHhbMXGr08JieCcx65mW4\r\nn3+bYZA0UXCTG0Wreb+E66UelUu3qDxyulpixI1tXovtoMxyZnEfd83fVQ/n\r\n0M7iR+0u64iGFFNEoLxElYcnGfIAcZ386HIi0Jrg+yCHsr24NLYNLbTtw0ig\r\nu+SxrDs+o2QH1pGOomB+ySXNdQT0fDS/W/0WkfpkfhybXe17Aaz8SuBdfl2a\r\ndVTGrSD/+j+MtktjL8HT4McYU5UhK+TT9OfuZBhh8avbiy2E8Z5sIFv4pnBs\r\nIrNo3sYGIwdyzRl7z88fKezsAIM8CsxK24Xs0NlVny2Q6XSd8NO1Mt1nxn0d\r\nuVeY0FwjmxkxFs9jxnAMvGpl56etVeZUbHQ=\r\n=G0wE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"613baceb40ce59080488abc50f7e6e1a8df9de0e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202221419595","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202221419595"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202221419595"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202221419595_1647287974441_0.2135400667592029","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022215181125","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4094c46eda2403b00a5c87bc6faa7b80d5821228","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022215181125.tgz","fileCount":28,"integrity":"sha512-6PC9jvbjQjFW2aPRCZTJctKotZPHWlyd6gM4Yj35GWsfOCu8wMA6Sh7DfVQirEZ4pCdxGazTpJRt/Wm5IqmySg==","signatures":[{"sig":"MEUCIQDB5BrQe2VzpLXG2je7h0wIraONXBVDHliW0nOP7C+LrgIgH6/AYrnoSaM1miAOMAqe6NeE7RCf3OAAeHgyjIVL2aI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8zw/9GoJGso9ea5pTHs8fXlLcG321hrMn8WuljTYsJoRwAU633iDV\r\nZaXf/a1tsd22w+z9HmIc6O5kKY06wTuOrTdDpOGgWPEE7eNw4yZBz6mGCKip\r\nuB7Od/hNJoLwft4TJy3jaNESA0bfkpIl+FrJBQrbWZOm0qf6j8LKG5SLiY1Y\r\nO3//8lAi2A7xvtZql/3h+w7JURJPXhRpnktHeqemdkZz4InnoKN8wJNDH/1I\r\nvhDrEKwfmKZgyZwWIBVh7ZWCC3NdZFX4faDgiJJv97CsmwKDQhhv9oxy9MQ1\r\n8K0DOS3maLQwHHp0GLuKuGsgRfwbtLHbXw4BmzielCp24EgX/qMHmzZUCVkk\r\nshoVw/iyv8lTHR+zMbqo0emOTaSEV81UXb1J0MbjwmfnI3ALTJYMwwVnLerJ\r\nJ1YF5AAUKWXV00CqUMfP1RT0CbAv8hQqgOQHZjBYANVEqkInvKYfxOAavA/D\r\njxFqx+gOB1AgSlIW78P/z96FrJcvnMTdJ+QLnGZNPcWC6Tu5lSSGUCy7rVNc\r\nX54dG/Df6EQM9GG7/1eL3aslUmaWOHopi483Pizn5o2CNaJN490xOUmrnG7p\r\nQNL5TaP6dPNFZzPpykGBCM2icL5ty39H9GqlMTXWTiWtNmZP7QqVM9IAFPgE\r\nQ5hSbHpY//XWhvhdYg/qL7rqeAJavj7PQK0=\r\n=Lr1q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022215181125","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215181125"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215181125"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022215181125_1647367911330_0.3738500803450746","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022215182043","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"572a984e2add212fd102492381b8923677612bbc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022215182043.tgz","fileCount":28,"integrity":"sha512-XVxGgHoM37XcHRSRHBtOmhPwmm97gh/LVqQ+Kx6cj+OL8JGFxgFMZBzPNcZEbqXa4f9/+gJBPNt7oPotXlVh/Q==","signatures":[{"sig":"MEQCIEEx9HhHpzaUFEtTn+W5xWjGZ4J6GmT1wvqpi4V1wyKNAiAJ1R+UM9j4Epxu8temcn1T/EDHogSo0FnhuEHvn5gFNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmVRAAj9ITT1a/FEL54yzfoh9+jNvDRF8WDy1Xc5ENIFfLQkt2FMAr\r\nLZITy0ElgRyiU/YP+S5ll7RjlCp3qRpswdZeq9vnjGXZIZugfHyy+FtDjbBu\r\ngFY78pGUuWW9Xz1zgAmf1IXHKxiTOFUB6u4y6X0Qt5EzleCH9ts/MaHaCL4e\r\nxS4FKAziUsOmTasefvTsfH4ILVKkKu4egio9BpmpKNYIFXWXihLXCSD2Lqt+\r\nMxOnbnQwmf6SdMYNcPrXGiDsNoT71nsftfStrr/NaxvrcvWF7axUVzQau4JT\r\nOS4tPepqsybygsRkZ2WDlK/rv3gdH/jH9kSmVL+6R226swfSXzVhZhNEgKHs\r\nC6XEg2Lby+36LKiKLgADKMwzLJr6olxBJQlBdQ/lwU3iMbum93qzX6tyNqX9\r\n9nshD6f4dFZ6rIpQqs9vmeqkbxuykA15kcETzpW9DmTFJdDES0R5LOHfkcza\r\nWvqEP4qG9+Cz/Gd8MsolC3ta/8E0yPmNaLk867lIWm8L+eTdk5i4cHXyUzD6\r\nz4A46qg19i9AzVz0tX1Lz1Go9DrFbnDvW1G3goE++IF+1JHyVeicQr9jVDV4\r\nXh6CdevwrRTLkfXHZL/15kMq0iiYyVeM7WwFA2npd5LdQ+X8duag/cM6S8bm\r\nsarB0ps5L7H14n5q3KBI+t/KH937S3J3Xrw=\r\n=Az1I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022215182043","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215182043"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215182043"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022215182043_1647368477499_0.568058366932404","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022215183938","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"23e89c24038351344e99639b5d24300f4114ecf2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022215183938.tgz","fileCount":28,"integrity":"sha512-vqWcyHOPxv4DoC/UYGRZzj/tY4cPRhxRSlBFRs1/AcfSBcZ+ak8GWTN9NsE4R2MJkq86k0ZpUXp0XpqiMtt0Kg==","signatures":[{"sig":"MEUCIQCwVvmam6u5VizRoWaUN+A9m4yI26R5mZ8/kogmFztOzgIgBdC5+eRor2zTFlXOuecWFoaYXHYkFLs5g+FHW9qdqhM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjRA/+LxFRyoO6chyNH7h6E/mB+LlaeDbeHUSlfD5Zu9U6QmMQjqbf\r\nMte5PfENdbiqA9n8aFrAbYXXRSpuj74NhVtWxV97f2xpHpyDJRjY/qdbd/c6\r\nEt2TPG2YnBmlr0Vv58WzNXXMtSfinkyHPjlxNh7Nh88lwErtB4GpTYnl7e1d\r\n1OvXEdbNk3uk0NSvFYBai1ltuMRezG8j8NgwD4nem1ZX5y+EUxjX9AfRq/bl\r\nb2Fz/Ll9/yNxexSm9sPkLCprqyK3AARIvPlCz0ERGknO2jQRQG8lHJ6zQ3BX\r\nSfCMrvP01WDEYxWMENsIqNiiSR1L1WuXzhl4AJXBCRMAhhoErYjjLCOahzxT\r\nV2rNjH2eCBaA5qG7cI5G71N5YOqDtjSuTd/NSR6bneYNwx+R2c+d9+5IC5m+\r\npTanPywpBmTM3h8VSl1e9yPHG/tbnpwbr0IJi7HAZ33TvOOpBreS+xf7+TW/\r\nZauUOSN1mZlc0762tuz96oZ5LRNO/84mhJMA9Sn+DhExyGcekkDwp/kMl8+x\r\n1n6nbude83qBZdvd8Rh7o6El80wa2fU05oKkxV9tjgTJR5dGGYdPNYEZy6od\r\nYcvhXZEkdeeTLaFRyZDo8Bvqe8PvpYTd75MDnxuY8YELbaA13pKabgIXMBbt\r\nahGim8+ua7lwnotOYIMBAaHodujBQXKqSOY=\r\n=k1J8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022215183938","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215183938"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215183938"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022215183938_1647369608144_0.7926328773609017","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022215184036","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"efaa4b4b21a840a1a691ce5de4a3686701d9aee1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022215184036.tgz","fileCount":28,"integrity":"sha512-vB87mPZUKDkuMeBr1pq3mhwgFl+Hr0Od6IPjKRNSWbokJUeGBGc/IAZQaVMyVug4c8mK62E7CcJDLBCOoYuFLg==","signatures":[{"sig":"MEUCICvcrXS+fbrusLm1Mz14JC91S+8IUEaUJnw/KjoQCiTXAiEA6q/yvx/4E/ECg8DVzCLq4q24efIKKQzlLKDuuYTs/dY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5Ww/+KfjhVrCw34QTo/Bd0JyoUsK/yF68Cnfb14xc1zdinVMft8CT\r\nghgbcUCkeVUZTY3BQyMjBfRIDkRCV0YqFESHxN2sNmjxj/XrJ6FV9/XtTcbm\r\nHOuFRPzAWqfqaYOwyUQk8TMOLHJ+OL4/+AdCkWeIaT0WMQGCHLS+tD8895zP\r\nSc1djN/1CrQRQyKC9L8IBEhn/5whuIlIudI2jjIhcX4ux2WEuLfPhuoU5Asa\r\nWndxqRxTJHLCwHKMPvv78SwHAITrEMUZhRC3k5gfhHZXe0rk2PXxa0otsmtn\r\nd8q4tI8B/Cw8A62FI4erE8Lj+tP5hQMs9ejWIliu1SqNB8mwEg+hs5twRi+e\r\nT0oplqhOIkAmrSgjqUZFjZTPlKIoCMlUI4YQEI3qJXAEH5bbS25DPBta2NEJ\r\nPE3tYjZuA1Ml+vUC//JHaEfaOnK/f4RFrFT+rQRjZ2oESZJCUKNxs/aeqUPH\r\nH1GJEw2OApWvARYNqBzxz6hXPNruzQM1fO/DOfqyA6inE45LkWTBPoqwO8ZI\r\nX4LbUf4+7hM034WKqbtmXX3H/QQqkIypDlhSyqzmB91sqg53qIW3eru6rrQu\r\n2ElupmaYbv1+xBakodiJHlize0Du/Q0Oy0anRd4Ss62L3Z5XVyu/kFqtqlkt\r\nbeveSKGM09fPr8DeCL/9dBUuORTQQ8xu6Hw=\r\n=sJM+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022215184036","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215184036"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215184036"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022215184036_1647369664023_0.3401345025258582","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022225182931","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8d31956fec02c0a0890dc86ea4c099f7396796e7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022225182931.tgz","fileCount":28,"integrity":"sha512-E4wfuA6bdGSkxOAm/gOEUD77WkInG7311Lf3b0HIyPTo80B2HoKByibvPyYxhpTZYz6GarcDkH1sNvQTlrn3Zw==","signatures":[{"sig":"MEYCIQC14wF2f8Oel0mG5NQOQsm8MtmNJj88eBzLbDK17aXzbwIhALbmrDoFySGarQs2NfnRSvu62M78S1YX5vBvWfSnFlsz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgojACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi/w//Q82eLce7+/DAC4Q4OzyAzhB993mJs5WSyndTdnfa/66WihYh\r\nEMVPFwn/8A4DIl4FTff2Uo4Bj8mO2NOw9ZjWm2ma4htCL0G9OYldJlqotqfY\r\nvPGmzpaBMZ4+Uuj5B2IdnHY8AbxH/MwCdu+I0YHJSMNZuaq1xYTsqcVj7Qln\r\n7L0hvce3h7UX32oOYLbOhZt0hSaLNuBv7SaKbRGO2vDuSrtF+d3qCaAXPqkK\r\n1TEFqGJ0bI0CW9HefbCgW7eYK5/JyK7knQr2agl26p99u5YZnvTsDUreXRG0\r\nkQODwhH6QSHwJ5lc4KomOguAmsghyz11bq50HqLYv4qkR07ravGzCY6EjZ/0\r\neASot+HgC6f+yS/TmTrZagv8dZhwY2VFG3TZyBL0pMKwv+8zGeXfxmU6Jm2/\r\nFwdlEtOre7kc6mwuT43H5OdX+I4XBar66TOI9jAy9zyJwc5QD52pdX7tbLgW\r\niwU2Sqx5mmS18QTaRldNRz5xNz6lDyRyyapEe4eT7l+zq0Co+W/0cRBR6YU3\r\nQB5OAcARy4k5hFLzEG8wvVfjPEvunqLy/0paeRUCOnVC8oaqf5arkOdkNsor\r\n/ZvIvOTkyIHgF+4Qzb1Yh7jl/2ljJlYlvjrVon1Dsi+qySu15riuGNEuipth\r\nzmBr0XSRKLeV8sLntvOZXmld9K/tximCc9I=\r\n=P7+a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022225182931","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022225182931"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022225182931"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022225182931_1648232995352_0.7893295953550206","host":"s3://npm-registry-packages"}},"1.5.9":{"name":"@chakra-ui/button","version":"1.5.9","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"d8117d103367331f84d9b1d193152a5a2a82268c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.9.tgz","fileCount":28,"integrity":"sha512-flHRK6Bxsr3mto+DiOK32+lyfLHTPBZCfIsLPSoFGyf2g67hFxDrkqj9oD8QOlQOU9vsIptd10A3kqZQEd00FA==","signatures":[{"sig":"MEQCIGoAram9j895N5iDFzqnWTQNqTrBdnlC4R3ywYq0v06+AiBWJo0Zl14zPnf8yBcMYMMQfbAZwhVYe/iVx8YN7eMYsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Zg//S9oRtox6/yMkUw4fB+La92nHPyoc6MMipbBZBY5VUeUopYzs\r\n+uJLcEMH0rYzvehA2pzzcb4wmps0wrBCOnmNtjr/sxLWolI2q8APxzHBjXoo\r\nZs7TTM19XUZ96XbkGkfu3lra7GvCfysDDcGFGlaudKAVlyJd8d8i/1SsIOjL\r\nk2BX4t5m0CLz4oo6IOR2OrABjVkSBecWX8cVB4VlspV2ib/nFplxXWvgXJtv\r\nku1wObCTqUxajfwEcnkS34RjrWAB9s0buPUUza/eInwDlWuiHLjTVUwmlFvI\r\niEggfmQMZrJ1B5/8MI2I6qMWJtffe6muLgChgzJtpx4VRKQue9IO6oi2DJGe\r\nPZ0UKfDxwlLV+rwaKrqSJsBKWqGRnh+IJWQPdtLlrKY7qCFNZ4n5AFMUEzIi\r\n+6L4KMwMBkAtsCkyezavr2wjsve1l15kbpN8m7e+79Sdx+Ygea8Ba9Pq+oPL\r\nfyXjesj1Wff0q89BTKGu2pj4eL6zYO3KkHcfaWtmPfeJx13uCFSSuFZXy3d4\r\n5VDl4/SUe0na3zt3URpeDETBMWVl+WwV4+rFoPspszQ5RiAdfYTeKKhbsfac\r\nGOSB0kHvBJeamXwtRkPLKIANviBTIVVxsDjYvGLyXRoFWZ+CyLhhcO8OnYzO\r\nh9voT0c/lvE19FWLrwsnaTae3h4HMpzAbtI=\r\n=nDh/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.9.0","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"1.2.6","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.9_1648380917036_0.5118316602851989","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022228155140","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f66f631c0da870de21bdbabce193f6ebe07d388c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022228155140.tgz","fileCount":28,"integrity":"sha512-zXAQ13fwrAo/Gdc7lQil7OVc83TzL08GXy1HSeY5jBiIqa8xP9hqIfBS+Pr19teegWljsSinT1LoJI24A/6qRA==","signatures":[{"sig":"MEYCIQCL+Kz7VGKzRKHRIdg4el6aV8CpE4JMDxe9cttmXYjGEgIhAITuFcJy4UZ9J30IN9MoWkCHxMZIPW1QYgfYNB8C3L8I","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdmqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzkA//fjEyMSu5UEhGRSF6oLc+3nnjN+SoBWW31lZC/khVvfVswoT2\r\nxe6sNSgAPW1ec77jShxS83lJooeUHTmhAEe/UZ4u0U8gm4W7ey0AJPUDyQ8V\r\nVdO8N2bZg6fLU/DUQvyhIR06v0TId3Nuf+GZgVwBaopcMDbIaPgH5NrgdMP0\r\nhTvZXB5gw7/bO+0UidcJUefNiePwpLIGCVA/vPvavP715fcloxTkJtjYw+gh\r\nKvRBeTMAttVFH9aNMBxNauvKlTaaqlCXI/L/dtO3OncL2epGYP5fR7s4gXFH\r\nCIbODMGXZ3yRE0Aad8KzIK+/B7CBivEKlw49BtHNFrqkH8+gHTcEUw+AJpFj\r\nDOJV8IjinLLhidR9OOdG8CCxmQ1FvzqswmO8/8ipS752fZ0mhsfBzTkl326B\r\n7c5o8dvHenY1wvB18mG/rAc7sOQvA0ahziHVMVOcqPu3VJBB90I/9zttrLRG\r\npyconxFLWup4TgoXfSurGc4kNrGKYpXLp0tPJ8xHsF8ecurkgSlUV1iQ+gPh\r\nZM6jUiEaex2p/MDe/WXeVvSMIOPcUVat0BfotbdmeUURr20Enyi7rAZtY57Q\r\nSF5AkO4zEy6Eo+gVx2Ic6AiQ/HMByp5E/bbQmTAdw3mvczawiJXN3N9uS2Pb\r\nX7+Avb0zsIAgdeR8MHiOaKZP6C1rvC+COxk=\r\n=xbhH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022228155140","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022228155140"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022228155140"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022228155140_1648482730410_0.3389851060294651","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/button","version":"0.0.0-dev-20223215463","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a1a87bc0952bbb6cbe4548d1c0d21a726005aef3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20223215463.tgz","fileCount":28,"integrity":"sha512-QYb4vOx7xs5fcHL1lekSRiL/swh3omR3FKEuYNb0kNxIKFOm2Y73pvlBZpF8TXFtGCDkL5A40a8jdUeUCC9n9Q==","signatures":[{"sig":"MEQCIGVRO0CLh9UcGxkBrIFZwQ7QveNGiEfyowAyJFk6tnnBAiARIIIbaQO+mTKMjz+TBXUOkb321kdxPMc/ajH6fx8S1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoyjg//RsCM/Mzmt4SJ+cqp8P01FnIMUa2lPZsqwvhO6njsvDnF4X8M\r\nFuqPrqcNs7ijnoJ9uSLk/7dUnRCFhMEJUo0lvWW5UkaeDErAA6wbQjbd3pgq\r\n7SyJk1dOhOiEIYOh1zBM+oRSbkFFd/StsN1LBwhEwNX6FhWbtWUdY15k57wj\r\n7dc5kA/SZQCCPVxObAkgEUP+ROUlHzqMTjscwo8QCB7cOl/aMTDVZLajDc+m\r\n0VbTtBdKsDu/ZlAyjAJoyr3mwbyz0Zf1ZZyWi1mFl/l+UCwz+vqOrxhPWweb\r\nnK56iMZKjMylZeZFCn/3SRx2e0SAqA13RdptkNZm6rqbmisj8DK6fU+WkYcT\r\nLEdOhiHuY3R4LAObINTZ+RqAGFrLOibU1GoyRyP3RgyOaqw5oasti6RTCbFn\r\n2GlzrfAA0+2E9YBLpqv3X2PVJtsvnt7N0pYVO/0LzUR96WEzLOwA2t12Ewb0\r\nUcLJnCn4QGRTnHq7w/UsQUz9/35mhphWqc6tMzrjWsknd776tfysX8PCRuXv\r\nApKymMDmrerIp2/V9y9WPDU9kBRLRgBH6ezHw9DGfyUPal/nMZ0lG310rd0B\r\niR996sc6RCHVoEP3u28Oz8iuL5ayW+9pZGGwEYSfYREDs6/+JoxKvCI+R1Li\r\njQ5G+SeN367Oj3EwDyg1kk75YcOOKWQLXKo=\r\n=P2aI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.3.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-20223215463","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223215463"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223215463"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20223215463_1648914387417_0.9915279210963588","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022349032","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a1ef8ff8ee7e84c42d321873db24fb46d9a58e04","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022349032.tgz","fileCount":28,"integrity":"sha512-Jwx0pdu48465/ooZC24dU3fW0udnGAfzezIxt6LmmTq1Ha+E9x9AIQ17ru3tjAe452J2oBeQS1B2UW3/Wn+r6Q==","signatures":[{"sig":"MEUCIEln+KJ2JMUFc9y3ew3fks9lhbclBwzLPKM+++IAmAEaAiEApJiQjh9y1KigSm9y8F+Ou7aBf/+uq7vUlpSqT4fsauk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgfBAAmKJRKgnoi3Khm0OxgoA9DxS/HyQhxASoyRrbz0i1UZoBV+IS\r\naMDtKMIlDXHv+ap4/3XHAJ1ZzOeg8VsO8iKZHF1K5E7cXWBXj+58e8Gmy0dU\r\natmRO9HiAT7qvHRsGzr01Y+k7IhlnYyVd7q55VzJuk6ppW6hulRjB1wcmmXP\r\nC8nQWWtTITFnC1vAP0nH5WSykBbby76NUySto3NSH3b0cMuNPC3WzcC7TBk7\r\nzo68RUDC3/uZ4JlkqyrCyhsshKGXA8hx64k68vzVgfVJLcEMxQQ0jObyeEw1\r\nug08aaJ9ePDtT3YEuMvKTb2MhD0A02RMWoqhUu86yhPC1egb+Ud63h6uaTmE\r\n8uFOcV0+SsvUoHENhGedzdfP+gLsB4wbSl9kZO0fluHFJEes2yUfMnQKhC0Y\r\naoSpvg8mNJquRrCbfC/ve9fxbwZTNct+DDo3ByRV4Uxg7bE1DFeQrf5xk2VF\r\nEL7KzvLrg0PLweFOuFrWlfKS0muI7A5qzSc1qIPcxt8lj3pRCKoFmOMTufE4\r\nJIKkZy3vCrG6GGcicuzfnEzkId2EhVnoPfoQ/0S5hLigi2AIKFCc9g+zBw5w\r\nIQ3fkwLx1wWExhaZdYxpl3rcCzaNG51IXlvqMMz9chdUDoz5SgJA0uujNdxF\r\nDdQbzCAmwHmc98JEJa7F43c0fOlrI82QDN4=\r\n=BNda\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022349032","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022349032"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022349032"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022349032_1649062863740_0.8690689132071332","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022349233","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"da47357fc7c1013ca9c0a87058e3bba166b8e7e3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022349233.tgz","fileCount":28,"integrity":"sha512-j89yFQxo2xQdKBSbVv8UdlbT4DUMkVRp6TOre4+dep3Pf8BkVFXqcmDdUJfs474UDQYJdXNXo9X8WcyOpVsbRA==","signatures":[{"sig":"MEYCIQDxzoz3eOgf8l+pAvhagwiceZKNPgt9Urk6kkLJBCHJywIhAK2dOszTHaP5Hb2OyTBEdoi5wqLRXpmnLxZ2l62B+LGs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVWQ/+LyzUHmNLdJlykyJCnSLacvI88yWZ64giXDJCvg14DYIgdmbr\r\nvB7QiKfiKif81a7ZOavBZR15WCu4Tp7voZFDH8fm5Jaxx/iOSg1bbA+Ugd4n\r\nfsUE/F7+3MzZteKIqy06SZy6VepeWJxKvaYDH8RTKFsFvp6kk3uVV9V74HFY\r\na2HlBooFVpTCfTw5h0YxK6drNNJXCuj1x6Y14sczOgRMf2tNK8c0JZUUP3iq\r\nBYMf6P6PpG+3B1M4VzLGuq4ZAW0RfxKJ4OlGyeczIxNfw3s0ZtdZUlkcBOWj\r\nsTQKRlhPgIW1YTEn7rfobqOKY+RTmJldf3ccHSs5g5Pooln6NXIcmi0iJ87X\r\noguwbCMvPjIBRcB9EOWi9CpQAc6Urbm27V8IDBrLTCLy1hmfKRme/h2Z5aJJ\r\npzhx4lhM3KndS9tud5OQQfWFUYlJtEc0GuRdk7wYqOO3dLNSzRPdzvUagNR3\r\nDHHlnrLznUD8/zmfGMX0Gz9gkOzIQan44XfMd1x4JaV7wNvvUImI3KlK89vG\r\nhv9aFa4WrrVGk2tgKAyU5ROGlUbf1/nmg5lV9kMMuEN2pXlaEpxfLsYyfZoR\r\nDUStKIshFzLd7hYEvU/zYRydoF6dyFU9+LqAvCSf6cXLAmH+5ybnvRiRoT0A\r\nLY3e4497Dsx3Ce++2e/Q5yqm1f8tULGbtiI=\r\n=ZOQe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022349233","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022349233"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022349233"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022349233_1649062983831_0.20576685065076883","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022349957","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3be79f6620d5562a7980e46d3a1f3fe672bf1e8b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022349957.tgz","fileCount":28,"integrity":"sha512-OFH4ZVtBjx3E6Sz7E6c46e0chLzQV6RGPE/0BxDGz6GJUVdkmud422ejRFTjUMdh4P9AVeLMwU7MUMvdmB2NKg==","signatures":[{"sig":"MEUCIBwbCWy/UVuaxIxu43pNlJcdWV9wnOzucIw+GmL8wQfNAiEAhmBmqmE1r4w8qDAs7GQhfOd61CHLNPYsrVgdO7rRfw4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrX8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpeqQ/+OnMHJ3q8Wp6IKRzKsyHVRGwew8LHYkYcTa/BSdy54BmtJgPX\r\nV1oQuZBYmeURcZXlTNFSe4zJI/phgzRZW+aRY522ZLrrup8hVTTiB+TdLqCp\r\ngrksgQ6SYRWz5GVJzcxndhhQHN1/eKxyurAx89BE84oWoTDXvXLXFyAzu72W\r\nHJoHdiYK64vMYX+dehRJxJ0DzUkH9cxcqCHwrA0Vj5veqVp73bX5uBRtyQo+\r\nL1mHxJsWjv9WD3Vnj15oKTe6lZiTOvP2l8jFq1AW5q+EQ2rqp76jFg972YZG\r\nsi2mOyXDQdedUj1H3GXPQuCmp+RLW5wOO1Ix9DWVhSqfJMvwFoeZJBhpXYz+\r\nQ1cn5w2msUIXDNABNIhoqYjBQegf1PxnNOC+zF4UhhWjx3B1sUP4+OMBDDTA\r\njrW443mvumegEoYz1vSqcjET29NqmzSkfnOfv6xv7sM1nBECF/u6q+eS4vKE\r\nKyOjxXDuO+USsXIBpZw4UB5cIfaETHcaee/OyuMNqgyH4Z9TDghjMBBWnyei\r\nbmN3V87VQED/qomJU2L4r4+dZaE5N/SlyJnUt6HRRzdLfoiF/rW3IWq/GPGO\r\nZjXcp/KUpYQ+93E/pw4vKtf/kI3w+PVvUcElZ/xduBnXSQstaz2AhcJeZEbj\r\ncar0SLxB6O5YSOTt0vNbFgfXirXdokQ4GL4=\r\n=FiEa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-2022349957","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022349957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022349957"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022349957_1649063420308_0.5199590143594486","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/button","version":"0.0.0-dev-20223491859","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"731717250879e5bbf568b03a000b9d3aad9c1a70","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20223491859.tgz","fileCount":28,"integrity":"sha512-KAuS7TwCAXWt13zZ70UMwCcH6xVo+SsXh5SDctZ7siQjb+BIiyKw1/g9qsanWmajeEYTPJM5mlONOXEzrF+RHw==","signatures":[{"sig":"MEQCIBCokKTGXFLPtNo4kmaEXbMhVIr4wUpSYZTtJhBVs0L7AiBnDp7gD4DqzuiiqckW4ms1eIUoWzpsG8QZLWoJXUPceA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrghACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozyA/7B5WAYhbDMO6wCXIU+seL5W38/6mHo5lpTY8ZNOo/AVMXnY/p\r\nB8Dkcd9pPbpaS+2Ak6S8hbKL9dvCPVpryUblRP/AxeDkwrsD6oDj2yxU9hqw\r\nBEw+8xpRsHoCyR72IANPGEVhCrZVgqVVuQkXGOoDfM4WzBlA/AU2Fh5oJAwz\r\nTRz208wkMdcvRo94T3YQk4xf3Lfw1M5kPcLxSW5T67FDC/7B7Qc5nTGkSAPN\r\nsPg34g3SVSI8eH6wxLzN6KiEwfXaBK7ZrAz/mOdBXICQBs7PJAHUE9nuVIyD\r\n3vEHdNviQQ0oZ5XGDnp52wOCHnbKzj50uBDZJYWnNTIPMQa211AzqNHvjj8+\r\n+jbKdbpnqlL4njhibt4QRaJ2BmVCA0vWOP0h9rAcJdUWcWH9qDe1jaR6Nxzk\r\nfpY5fL3Al0JqBmalh6QxjzyyqsxiIy+F4oZ6NW9ik11pxIN3LSdzFBd1QGpH\r\nM17BgKMyxwM/BJofNtlODVkDlhomP3tyj0EpF42cS1I9AvKMRra5yg1JkvFq\r\nQjrXY4cmu80Shr6lj4qeEH12WXEjHFnV5K4ZOikwpBT1m2YXTJ9hs2v5ee+b\r\nCRNMoH6lsAtt/eOM+7ECGq/AwZd+EyCmrFRtt4/YRzdXLVrHVUeEoTepMja3\r\n0XGkcrq4HR51+yI7+n3G37u0YuAbmvsKTOw=\r\n=816g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-20223491859","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223491859"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223491859"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20223491859_1649063969058_0.5780680614329647","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/button","version":"0.0.0-dev-20223655213","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6423355d822a1597a35823c3159b48ef3a94ae37","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20223655213.tgz","fileCount":28,"integrity":"sha512-SmaCpNOAXPLU9Xsqr0rddvH4I6HreKFh9lzerKqQMsnOXyaOxcsBoPfWVZ57NoT2CIYEl6mEKu0WNyAsH0qqzg==","signatures":[{"sig":"MEUCIDw8Yd1m5yZ4+QcLKsNZjx+u4FH/Yw0ag+LxgGZw5QNsAiEAmB0wM3hax0V3AD01H50/2C/ivXXuR1YkS6LxcfTqlnI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2Rw//R/CGk2z6etnhHuXJVwK8NDiuoHdx3K9OdCAGRrbUw733DTTB\r\n/mn3Y9QU298J78+WK45Vo6myfeeiC4etiWv0yaeg0cpkrLGw00FwEMIaCsQr\r\nYwMV9PjuXFWO6/5oSOfPk+GN34dvF4uQGn9mBTQujqeA71em/fJVrYTQ8KZW\r\nHGdZOKAeVnDZBLsKOOogwK8MH1qhBxI4wwXfpJI2zlsco0JwO7gJB3CYof2n\r\nXcNqa7oULgHZOuv8OpKs1m7L3n3+n+xQUZP6DIcKYJY+I6Siksh6iCPyOrbl\r\n0dC811MdFITjoSB8Mt9JLu1wAJGg/yFJ3GBf/KV0c4PQdnr5sWQzfwr3Pzut\r\n9uU658hsCgLESVh4pGMDaM9089pBcr4ohjzlmN5oa4obEEn/QscnFq+zz4HB\r\nq+tXV+eC21Z0IxecZAyyb1pjmQG3NqFG+nc5uQBZuJ/P6PQ7H30Deocu5AzH\r\nswQW1cl6i33LOSQ2dVsk0RavJKCom34rk4AaNCA5OFjIKmMLtY5ykEEpyNCk\r\nEuCpWNCGIGsXiS4euVFdyj1VL2VEPXdXKirbagDhuO3aCDmupP93jRotOYON\r\nZXL7oWRlByXtdMipc92IjAzxESwF8inP6F0owudIAS3svFGSt6Egl8grrQRs\r\n/MjG/+MSGM1jBr20L8SVWemEqLs+oXG3aKA=\r\n=mvJI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-20223655213","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223655213"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223655213"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20223655213_1649224358802_0.9421410108423802","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/button","version":"0.0.0-dev-202236131344","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1f2071ec769b7029d6905299cc252b3e10d1c70a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202236131344.tgz","fileCount":28,"integrity":"sha512-4tQ1QvLQJiV2WIA6iaqhBIQzmFNiHh3SfKiNp1R0+btVbU/kFLQ5YoSranAh9Z3TjcEiY+b1nrLDA26lCNnNag==","signatures":[{"sig":"MEYCIQDqBYSqvj+QByH3V8B3p4rpxBln48VbvAQZ0aPTkWhOkwIhAK88izGRCpxYBF0nBbgBBFgaAx6YDz/hDLtjLgHYJC/L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGDQ/+Kfp1RMY1oLFbsvsq+DXlje70muEOx7dTKAvEoPWmuAuF3JPY\r\ngWYeIbHulGaNkxT5slc1C2nEBdn2+H+HIzQRrVKfFTNQEbFsWL8gdllPpHBD\r\nC5y48QmfXr0ohhCGe/EwQeVwiyBWYxiuw6VCmXoWgu9QjpayxAInEuSeuCRB\r\n229Gx//xO5o7Yp4CPicHnbTzX7lH/qe8nxtxcmN8T53J+S3xmLimfQJHlAa7\r\nkCl/MqfpKQJZaF8rVtR55no8N8bH0TJSDiLgQYQcRvBXn8tRu5Je2CXiFR9K\r\nQVkKJ1vjFAN6dwSnWh2+UIRK8pp2FkAw8fWqX8QwrxakEk3iqlm5zSynffQE\r\nfQy4blu4WU+wXfMUXwuK96CZIP4Ekbty6XhiFgiW8ZKkRr4r/jynLP9HKYC1\r\nbnpzJuFhJzOslMcQsx3TVEnaekwxl/gUxnb7URU2g+XE15B4G9J9j8UxyCQT\r\neVsy6oerLC3IMxRnDzCYF2WpYYgnzOJ62/71TiHDCVnJuK7XuKBUIP6FUD87\r\nP4Sz9xk8Y4x8wWdGVgAsHjitI6g8+frxvs0GjQaHYPIqcHYNaQ29JSkQve9M\r\nKeggInlJG3k5+K2Sj8bdx7Dh7oCTp3H4ptkvxzHpFBRGOrdYs0PSm0Ie7OYB\r\nanXoy8fEnf8He4+zlcWrACwjaXvXGmZN5Ps=\r\n=wavh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202236131344","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202236131344"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202236131344"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202236131344_1649250853667_0.5960190681157325","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/button","version":"0.0.0-dev-202236132312","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ecd1647127790d81d95836e2aa75f2ef4b1d8f7d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202236132312.tgz","fileCount":28,"integrity":"sha512-indnjffnMM5BHaiTeKxxHge2gXRifM86RDj0xffv88DwtF2mvLmt2BDyO5Fhc9sz57jSC766P7iyX+1fHYrsIQ==","signatures":[{"sig":"MEUCIQCTTg3pCeuUiazOb2lN5pIfRaEv8kx/5NFSFVkn1mF/jAIgC84SoR9FfXcWYQOuxxzqZvWfp/fRihfzcZKW4SnrdFc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlEA/9ED/3iqQkPmmyKd/myQ5MtOWAJYxQVvHgOZETPX4ErSg36f8J\r\njMl9SWzuoqZR7kIS17BdcXTfPJJgn1vocTtrq9VFHnop0aSPH2ALEBgEyRNK\r\ng6/nBbYUhRqGq2J7a+sogGZoFJJ18jPteKe3rrV8AGs0LhFssyl9pnFsDgrU\r\n5LXMPQMll+1lqKjpD+B6hdSwU7t+3dSNNiAGQ5Fl23Q3uHmjp9YXjQtItV5Z\r\nCuMeSSFNikUiPHoH3AVR9td/q3sxNKmYcfhnDdycLpXvS8XOq2wythjSE3l5\r\nF0G/v+hvF7ZBh7JSK+EWc/RYyFueBIhRjYsFEcxScNGmpaJsG3cW8o2HGrXM\r\nY9G4VHIq2xiTnbbnw683vf/WeB/h2TzeZHebKM0nak/3LR9djRqQIkoK9W1Y\r\nzim/kt3EJ2jHqSU7OiYplbX3cUJgPHfScKrItQSHPR+31P52hG3q63g7ZjEm\r\ngL7EWAd8nWX6znbmI44ni9xcKH+KMzG0uPl2+YbESL5JBJ6NE9gamCHP05wa\r\nYP+esdpEiXu1GOLQU/opHj2j6O6zpAmxj0XsTCTPSNpiQrNYaIB7exBvf3+n\r\ntZp+8rgZpn1q3T5GcNH//M7M85zconTX0Lf9SUFPOom3i+RYzSUVj93pjA75\r\nJobXPoAAtiEPQ47yFF/XQ5TsLzHv6RdbAMQ=\r\n=V2tQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202236132312","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202236132312"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202236132312"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202236132312_1649251416654_0.6783129003540551","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/button","version":"0.0.0-dev-20223614103","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5397673757b9040b52bf6f10b74f565eaf8b3bbe","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20223614103.tgz","fileCount":28,"integrity":"sha512-xcK7mnCfXt1amZv0s4eIe2nzjTGC7x6yi4IadOl9/ndz32udt5T/2swH/lFDzR5mAR7Gdf0+ZHax41rPWf4rkg==","signatures":[{"sig":"MEYCIQDCLr78n1/r+Osn/slgt/36g1W2CloNqqT5VNqxR29TuAIhAJJpIpWs7uPMH/SLKpQ46u0QnLwb3X3lrCsS4+enKSri","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Fw//V8ex5EKxydC2lQZthbynBPBGbZAF8rBlUQ8+KBvMfS7xwvmZ\r\n02Gr+TiOFOeMvLizUljztnyhu0BCIQGVbEqPPKEFnJqQxRMk4N+/SPCiPrCt\r\nDBiqt7cjQCcVW25y+K2Hr/RcsLOYCCLnVtQFK8Urkhjn520MR1d45FxYdJuJ\r\n37CnP5cZH4oZ1P3gGykOJ7BDVpGgUQ5F+/o11Xcj0ZlFkOXqwNJbPXaU/iYc\r\nk2Nf2gL2oLgdUgve7PslegfWPWhnnB3rjw0UqzZhuLVp78WrHWPTsJiNriKt\r\nEYgCW8l7j8iC9cmmo4F6+9wQMjAwSP+aA53bCVTQBFBAQWwCfc3Ns26YcmeK\r\n1vgex1N0EOluBMm9cI8nD/UwBkKYrfZng4xhdZyou0E7QC6ra9vyDRIT4bO6\r\ncFCwmTnGH9ZDArTZjlJofZF76ovJ/W8mW7MRs8X6+nqrlj7KiD0I1q2ZyPNs\r\nIrD19Pe7SQbjbZ5ZivOHdD6PDmdQy/HMD0zdInnCuhgRTm15r41uCLUSok14\r\nn5OgXuTrPxy6LNyxXUCoaLtwvaxrPAY4DxLysYzaSOAnGezBcPdql25azYzY\r\nGWeAWdJTCQPfaIZRVGI7ir75VapF556pnJabt/ThYR54OXQ7bRsFKxz1D/ZB\r\nUAxH/OrzIBT/KNPrUkipw0zWy6BDm52jUig=\r\n=wvXM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-20223614103","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223614103"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223614103"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20223614103_1649254229433_0.5085059133699286","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/button","version":"0.0.0-dev-202236141416","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ae714ac14c6dc7fc7c24c9ce42d821e8a218dee4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202236141416.tgz","fileCount":28,"integrity":"sha512-vCByKvPHFvImwSzfIxDXch28sXDVOSuEe6UCbyWgwHvJOICIgAWR54Yc78h0zGa0KnCgTc6M1u/XBmD9f44/nQ==","signatures":[{"sig":"MEUCIQDDJd8fiBXRn6QG/+SES5JJk255IFG8QP/cUgiTWktDJQIgPs6/AhzXetbxk3VpwkmZulA9hW3VweIeSGeaxbkOQrI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmYRAAk3AJdOuWZvXpvRzbL90MjS2yh60DwKpJy3NZwYBu4QCw1uzd\r\nvTCw/0Emk6fFvQqiCBTC3/KfjuBu8bIV8PF+Mz/UkJfFsIoPit4dtRgdvDYK\r\nyzdArF3cQsQ7DTnttOYhTWGKZWXmZDDvBzMZijnXzH0O2NmDBYa2O8rVEhLa\r\nyt4F431DJollVmKHFA/SrhxsdcZXaBYzBzVoO2ULO5x1OPHQGOcJFklESVzL\r\nztRziQg3A0WPyX4nyiBBWd3PN77CrOqGkbM1haZZuSiKI8jp+x8Rf2X8jP70\r\ntcdBsQRw6Kp+MoAPVPAWK5JkX1vTEPcB4owI1kd5EDzQdHzJlUeED5DIZaE+\r\nXHazfNxrEkQzlp1NfoJMKyjkQQiqih5IV7Qx7QZSRxzKIqpkGxUosS4VQ+wn\r\nnMW9xUQ8PWpGQTfYjNauZqIeV/vvDGDhfh2ajXWEkHceark98l4cR5T+0oFH\r\nV7jRzbx/9rk4mqIH+kWYjS1Eubl+RJ3ohA7vsScIo0iAijK6gus4lAfQ4qJg\r\nlmlyePiHEB8IStsqgr1wRWZCNqNAG2C8KDNxmGr5VFOsGcg8twkbJ/IGwLk6\r\nXHVa27jQih6ACcG647n3E+o6+xhr6Anox+kEpv7an1ozUFPy+3WM5ZslpsLr\r\nKp+WYuuA+bWoZ03DIEq0GAUAaQwds1Q6b8M=\r\n=zbmU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"0.0.0-dev-202236141416","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202236141416"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202236141416"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202236141416_1649254480988_0.9032858041379166","host":"s3://npm-registry-packages"}},"1.5.10":{"name":"@chakra-ui/button","version":"1.5.10","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@1.5.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":"c339f78197b6bd63f109003177fd640ae6e6a632","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-1.5.10.tgz","fileCount":28,"integrity":"sha512-IVEOrleI378CckAa3b3CTUHMPZRfpy6LPwn1Mx3sMpHEkDTKu8zJcjgEvCE8HYzNC1KbwBsa1PfTgk40ui6EtA==","signatures":[{"sig":"MEUCIEHNSk354ieboE6EFvPFCs8tz9j07V66V2ffkUoa0icfAiEA2oeQY1XtpBXdY4652OQ6wgwanhPCh6Jox+YoudeECtk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNMA/8C5uUbyYPE1KzaES58zz4Hrk62wFmsO3UyFcyr9YppyvfBxl/\r\ngzXhyMgAQmLwJCjDWmK59It2UtzPNGqkS0Pkct5EmAUKNvcxqvh+9SFdkL5s\r\nFlMSMqYk3zq/hkK5MRECg/Zp4f9Vt1VFqo9BU1/UI0fmPC+ra3cOuSI8464H\r\n83+/jladl7zt/yXDEBmQfHUkmW2CNuUITDBR+1vV+Kk+TvdlMe5lobQTX0Nn\r\n01K3E79B6b/gy33whXfFqD12JApYXeF5LHhP1BhFlj36o5bFhX3jxIP4A2gn\r\nhEH4wGHEVVIa4fBdw3FjdSwJVBzzf2j9bpvgvCeS2HuB0sFi9zb9yqOPkG6R\r\ntlddswjk1cgXgMLJeHVQ20DsjvX9R1qvSD8uW2BRv700+LqVc7eGe37XFIIb\r\nRsbxgQ5dTUM32CXDwSnMbZ/0WJa3BZRM6IoYVbDhRD+E3FmTWPsCkIKMtcny\r\nAcrnegQUK3QpZxqUfGV4aWVGGaMSvLuipKyGdm2uqzndSGxg4G2KqoDjcfVz\r\nyYyij068yfkVf7fPFKq+s0QKrTyhnBCzpviHfangTN2KIspqocoMy89Lhb45\r\nDiZj7JmKFYB9aoFHiAr8g+OOZJLC9OjT6PPQhQ854xHGD3gdMwIXR/R74avX\r\n9f2/E+G13EbPNCKzaxi4Lqh3v8RwUH2B5ec=\r\n=4ZRQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/spinner":"1.2.6","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_1.5.10_1649345668050_0.21513739387593134","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/button","version":"2.0.0-next.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8734d988cb2e79fd8d35e2cf40d4afae4db513db","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.0-next.0.tgz","fileCount":28,"integrity":"sha512-V4Bv87F1H2+a1BnsIsm7a76fU/Ypx/PZe6kRxk26tUdnyWTEdNBSTRlu/mS+gUGRyUoGV2C8/uQ6a2fxxw3HVg==","signatures":[{"sig":"MEUCIH898rVgptYnDQ1VIXgkEGagcZrdTZjVQGm9snwnDzQjAiEA2ECXK28rm223MQnW0pVdlVRHeaHUBZXNNVNfRd4d4Z0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55083,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY2iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqB2w/+Ks/XeIcxEhbEwSoJQRsn7mi0RIU5j6M54geXrSFBaKTNiDXU\r\n5gu01FTk3okaiIAWWjy4ZAZt09CiH0UvCmYlDxR+ysfySaxrwL/48DLkbDy9\r\n22sB1xn7A+cnw3b83DEA8LGhTiXSBSlnpXoDa2/Q/7ibqgBxSE/+ZMVdn7nT\r\nxpO6hoE9iXs+dvHk2Xqbkid1kguyiCpy2qYhv26LwxzcrZjJcoCwLJjHYeWB\r\nDeDz1OCh6zeKLVpwarl6zjX48VspiiBh/B9rzgfvEZt0104ZdeUYHx0HIlXG\r\nFjYYcInDiOuyZzxTcgF+NNlJ5Kwew+aeYvKiG1j7yigQ4u5UUxEs8Yfa2MwB\r\n55NGnzV2RAqzJhcya5EaeBuISe60ByWrBHr+YSEzr2EWQlQ6ISbol+IjHjZ4\r\nbBce57KLqgUGKzPrVO4LgjAwEQK3YPwVO+pj1VNzx45Fs4O1L1Vo9JdMLU5R\r\nDrTCpOV5kDR+M61+MQNsO7MZE/EYEZq1UM1cUB4yoKTB7FWR+Y3jqRnZkVWc\r\nAu1HvzoclLj08ip/Wa/NyIGmYKV9CT7HkTlVtEH0+UeG6L5qSHHrss135a8k\r\nokE5DXR6sQkwRhci6MgV3x4HWPDMrnwWhwTQM58tm8g8fejBot/lfHgxEAI3\r\nb7NnDdQipgXhr0UYnYQNG46SY7zQADslVig=\r\n=cFSb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","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/spinner":"2.0.0-next.0","@chakra-ui/react-utils":"2.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.0-next.0_1650036130499_0.31397048994963006","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/button","version":"2.0.0-next.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"7f2f1c73077b18c875b137a9aa6d18992f409a55","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.0-next.1.tgz","fileCount":28,"integrity":"sha512-XyWU6UAlzxC+gnFfnH/SvDZjWX83uFHx1+WrDqXdbo/Dqn6L3i2n7Y9LS/mBb4r305LB3ulR552hV0sACXqgxg==","signatures":[{"sig":"MEUCIQD4qaNSNQ8tt/Mo3qToVZ4KayMXTF10tYFsuPGBylx0NgIgfqU/z3m5zB4aIw9BY69pSqE6dt8p6Olo3I2nxk9jJqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdOxAAkqycEiGpL5xbJi5dYRiRAi7vIiH6mNH/wPP4t0nf3NYyHI0j\r\nAmtN4tbKKO+ompr2H/IMZ3jqKYMJj3Ju5T6Fn/iofqooswxmDmvO8gp6p22e\r\nxNOGg1TL/HBKzan3Mlex1FG4Pd/uZIj1EWRGnTdqAzGr6+DA6nkZVxlQ61Nb\r\nanlLedUjDCK5bAmhk0HVjt1n8gDZ23Y8/Mn4yCClSEMDgFj2PET7hm0Aksd8\r\nQdIu6dHTdsKA2wk76+F794XIVCLF0RTI/gQcvcNfHTCX2zC6VjjcE7KYj/zr\r\nRKopW5HDtjcr7SzSZKPbcC2aKTMmDFN9kx60US2iwTzExGakOF49dNCUDgM7\r\nODXzu7IksSrRtirPbdCT47BJS6sV1Fe+3/562kgKL+AjHq+8zwWLqvUyaco0\r\ncR6zrYjBD6f2GBQPGrvhGSRl58vU928zpmKaUpl9Jkp01bAqZqodUF7YwFmg\r\nTk45mL6gnKdpVZhSqIcG5gkvHWKX5WR9CFCCbuAA8qQAxb9arYRMHxBfjwDY\r\nTNEh25rBIdQDWRnL+iB9j/hss14ib/rEiIOAWmAFjXLI78FXZL4u5E3q1uoh\r\nuTFQiZ7FE2ZCRg98/Tv6jBa4C/KAEAEpgF/9pGVnP15voCmEpPK3hp7dEvtL\r\nsRV5iqqA5avqgPtWzRBvhD57CkRfC1rH2bs=\r\n=1LSV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","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/spinner":"2.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.0-next.1_1650607521635_0.8752702533235952","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/button","version":"2.0.0-next.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"cfdce06d323ef16063db515ef15455a4154b356a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.0-next.2.tgz","fileCount":21,"integrity":"sha512-pVmm8B5iM6wx1m75NuMTZXHQDpz56C87QwqdrjqpgE0rhNarEsFrNsEYmCupe2TO3PQjGDKeBORbc3CFR0++sw==","signatures":[{"sig":"MEUCIC+xe08CMc9UX/kQvNeCfcOulzXACwgN+hJn7ShwnW2sAiEA6hOJcX4WwA6GQVQpwl5Fs17mEHs4CflRHoQwfWExgww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5hw/5AMNNqAfIhZD8P55prcxqxmKhXvjMPP1wwErTbruRBLvJeVLs\r\n7Xh/03K2HMMfRu5e4Te0B0UPNZZvC8FHj+vq8fp4U6wDLz30WCRkwUttqHXa\r\naFGe181itknhnbnXKr29cb+MLGfGpzhaXqf204yWiOrbV5WOky2PDnyZSCFM\r\nn/YbsW7aOCRIWvVswXxM0Kwem9gLihmaV9ZyTZQyB80STEnvvpeFM/QV+2xM\r\nGeuaeSOrnZ4KlphC7mspHxfyMnLAGJsrCeJT7uy9CIMdgD0fP7FVAirTjeOe\r\nQ8asA2SiGqQfTRxpW5ODAvYzz/bWeJ/HFnalKs9qhpmfamXgYKl296yxvORR\r\nr9AEd7TWBmd5Le+VKChD4cy9UT6XsZ6Vg3yYEVAQRPLaTG+U5IFsQrp5vCcn\r\ngG8idszc4GJjiT2skZIUbC5LnWYpC0By604/MF5J46yrTdlPC2bYZmrVxG7R\r\nPgLetywSjVPwpJi7jJXZgk/XOh3rXrwJh8zsu8xLKAdEbi1awbSt0poeoRjh\r\n1+NKTuhz84ruqmyGqjOglpyok3UuckVhcd965tXpmrHDaXq+0/3Q9UoqgRzu\r\ndmtDKST7v+GIHi0xglFrKLNKA0CLYbHW53u+FAK01XoWnL71qeM3R6w1O92z\r\n5083EvSrcNLzJLfKMUeb9D8iiBcUdymTUPA=\r\n=+vGC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.0","description":"A React component that is a base button.","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/spinner":"2.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.0-next.2_1651738853657_0.10081399497620813","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/button","version":"2.0.0-next.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9ab8267b92269b945bdf67c95c0d8b629e37411b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.0-next.3.tgz","fileCount":21,"integrity":"sha512-OcpkXoDsBCYWikpWwQyT+BWnyyx2Yby5gL76JM/DD8L745Fm+e9SQDizN8rQJZ57Q7ejYVX3DL/e2BdhNedPDQ==","signatures":[{"sig":"MEYCIQC07DwCZ50b0aC2wutZkx8jyhYXutJJg5RQIWHCwD8cMQIhAMeN0rgLD5vSDvRpa47oyhHe3kktxqqePu8fSfyHDGKM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYGxAAlmpDf4SSkmK13hhhXj9jUtH5RM/y06o0X/6gLx3u/x/1QJPh\r\nqRc99FPvP5NzYLgR+RRvOjQ94LW5KMpqvgrZpEVG2ebkeT2hNCyS6Br6aZlM\r\nmG1xTXnRVS3VHiKp6qcfp2UkMkHMMxm+kg2OefOmOVrvj8wKaCv5Jg4JbpQT\r\n7KNEoX5Gefor1HYcKw7awvMdxZsm9GL75lTU27oarP5ARQTgmdYPShsB1+LY\r\nvOIwjHZl/dTFYQ5x99s8zZJ5tiumOK+DAB+IwC9OnCqit+qT/Vfk39SYB4bp\r\nnxW2tj6ZLS2a3WQSr7Y5PH9Y4L8metrdOL7GVZU02ujVLbFVrWLe5OUo8a/d\r\nf4/F1CZAjJCRe1C9YvBk1PO/7BPhZUrcsSdJCwhWFAf75/m9hdMTU6vv1+Fb\r\nmmJIr9n9JF8CWhMzruNsi7sXqyj33jMME39WriikYGQPaU/ok/iCgS6jzSdB\r\n8Ih2Ws9SEtZEyNvz5wcUg7zs/Osej2XxsrZPUiWRxgilF1E6SI8Y0FrZ2tx2\r\ndVJCjsPOMqoGKJRqjlamDyql/p/HRKddcpIFCI5JFtvuAia39+Ghm2fmxuz4\r\nyxwSc9JRiWBgYqIZnT02FFjoC9d4VTxw6r+8FzpKtDRMByvZmdyqTXlPfOGZ\r\nHtV6gDdbZ5RpX1syTkkT8HXrNq3D6rv/IHE=\r\n=cPXc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","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/spinner":"2.0.0-next.2","@chakra-ui/react-utils":"2.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.0-next.3_1652085660437_0.1208000853367508","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/button","version":"2.0.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"eb970ee030788fb0baf09def15303b4fbc2d7a64","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.0.tgz","fileCount":21,"integrity":"sha512-6VEtAMPnMQmL4ux3sbXDyJPBgM+a4fK3ILYtrDWjnt1XYn5yXyA7E8hm1uitshnv+gpcyt7SZtjPL3MkJM+Gfw==","signatures":[{"sig":"MEYCIQCWthtKwS9IKT5jdzs6ahJ/9yUJErTaBqtof0Mbp0mBOwIhAK7nAy5IYkyBo4qIq/+YQ1zV+FljznToyBWlfBc4Z57H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43893,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMYA/+PZ8CprFbk/hvomWpeMBcSzDX0o6NhRwwpRx7NzAY/4OBVWVY\r\nUlK1kMU6tfnFnJYtoi+40Yf/py8MFaY17/s5cWgAOITxiF0PxRp8C0eERddk\r\nu1aIMefHMi6sM9/lpY3+BIfGkDVW8DQV5XBBqjg1YoTSKYJljQENUs2g7aeF\r\nWJW+0MWL4sYqe/zQnAHWkCjHZRutEfNtR7WOUdqnGJ3neLkyj63fHSiRVr+7\r\nFp2XXrTYWu9saM4UzeYC4gCynEzOZI9R3ktGYmtsCdVY6PHtwpTeDrP9i//q\r\niIr82RELMS9pA1OvXQHmZ3yyHUuMqgEnVxb/3m9fJfpArcSStjtt8vbF2K9c\r\naE5VWxg5oBXjxm9CGXS0+6x/uMxxBnRtWgUCSO1oiYPJWQD8TodKPJlGE/VK\r\nE5impdDyKFSEJUFQBCu6TRvPzDQrjkiHdTcdZop9iKDJr70kNcDt5GH6/28I\r\nSBTFD8EWg6god/jgUxZ/YmbzwczuSVP8v1D9uCVpENuv1a1RWBZE/HrRxurM\r\nhTyPnu+Xc6Nd4LkRBg+p9JBirYDGt1XXfoDVoZOnIwFtA2HZ2/3glLVYD2a6\r\nhiJA7yQDxR3D3sbiU5pVwy1qfMVYr4ArHXENGxxy+KEVu1vowwOjelyZuekE\r\nok7HShIkqOZ/oaBshczSH9du3+hfWV+VKB0=\r\n=UIs0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.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/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"2.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.0_1652377929010_0.907426716604326","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/button","version":"0.0.0-next-dev-202241614737","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5c6bded61f8b091d808b098998c65c5923ef8d31","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-next-dev-202241614737.tgz","fileCount":21,"integrity":"sha512-B4A3Qz6nCOwJg8IHg1PSAXMymrd2yjXjMyZGE/bGHMs8jRv3mHiF7wv/CnGbtgwj5ci1duPZvINhN+6qP8YtCQ==","signatures":[{"sig":"MEUCIQCenJSxBWL0ghJ9I8tThZxy+BRl0o+xbD7kHhX57YQIuQIgXvDrUddHiS7T3NWnyxvIK9LhQZ/ZX7y6w71k6BJH+KQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOyA/+JESW0P1CudI1lKz+VmFBZ4SLPIKwwHyem6/i+VBGKh3LSsWg\r\nX5GfZwUDZ2gmTEtzxbuqEMalaP+f8W9UgIrtq0YK9Beac+zYdktr5Ji5oweU\r\nsWc+tLdEcrZdporDXD4FWdG/1OEJzGZN5V7zQwYeCQNXLb7lOCjUQVKsmb55\r\ngO09EbYLsVjS9bDRXd6yoWvcldHBiZYidaO6V4qeV3agMr7Pt5RpbcUmt/22\r\nDt0yyjc3FhuT6GXjRKFOpMxjvwWXV1+il48U2zW3DzhFMaol0Yt4SAPXyfCz\r\nMK0Db7c4tgUw5c0lT0UzZ3x/ZSZnrL6tLt9NkBxSL4ZBvFQeNEfXnAv3I8hF\r\nE1J+QcW4a2E2pPGl8TjrcjfyZnilnCpraQ3Eccck5a8zgT7NGBf1OqVqoqAo\r\noyonO9qwjhwpvbSY+feFwZqq9EXkMP3OPg34YiC7y+EbSWBf0I4ljYyApAJz\r\ngnIvFiuYkGpN0Qp6H6QWdT2BLq33JK7jc9K8YIEymWCd/bd+WhKRt6QeBnQm\r\nFm6BRPPfRhOUJuvQMAp63L5bSOp0nFflgjTgkkGBe0KYZIs1gkbjo6fi1gqa\r\not53uDk8gWLG1syAnUPOvy2t7k2ID9+C/UYKk0f/jQAq8wVubSV8RYjDdAeH\r\nx6/4ax7eMdUBSncB0mq0npEOOZ30c39o9yc=\r\n=KgSe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-next-dev-202241614737","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-next-dev-202241614737"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-next-dev-202241614737"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-next-dev-202241614737_1652710080336_0.2605363896918913","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/button","version":"0.0.0-dev-202241614743","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3cba5b351f0fd427fea7c78ffea7c224a3e0c50b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202241614743.tgz","fileCount":21,"integrity":"sha512-XIwy5PTvOu8xHIYDY2qlIa/njEcgBX4oL4BCcfEvlO1tngKL9JKvXTzBNpiGQ0ydkZpS3ALF3BwTbHs9ZIXwSg==","signatures":[{"sig":"MEUCIGivaDTXqEV/xzv3L6Pg1HdzD6LZqnNR4e027iAuJQQyAiEA/NQx5CgRYRiAZMKhPbTPRsALi/qbu08eEtTp9u0kQeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1mg/+IPKBc8wPb4ZI+ruPegHSjQze7r+4AZ/u59q1aaBNCNcwtGPP\r\nsp/3gDfh3sGtRZeKDwhmhzfcHK07WsOrsxFh1LSu7QHbqp4bFafmYBoO5Gz7\r\n5vMnlfWtiETksnM/9AME5BPJA+r+p1rrGtqihku73cyrhP3xUCU8EzHVr9AI\r\nB/YGnCtZv8vjsKZTgLqtwx+Zf8xhxumV56qQTf+iEUwqD5pKPWbJC9nDeXon\r\n4FxWvwneZ01DCGQ/DEDed7fDynAJ12RYRG7ogiuYqgEOH8jkvk4axbF+nhG1\r\nDRrEfhgvE7gbE+7vOilED5GURxFvu+0bRTVyC+UXV8NvE/1GComGLVKi4qow\r\nX2zKWGtTLs+nFe0GEKDl0k53EXL8g3L/iKHp1ygrH2YaS+45zNvTMdNC0fXV\r\nPTpXgTOHmoHMjQyPkEYiejQx0/35yhNwAu6LTMwDCIo6CamDyfrJltFMNT8M\r\nwKunQJz03Tgts91pqVkNZtumlS/swC1jrD6JJxMtJSkFxtKwBC1JjyEDderq\r\nIX3aa1edPPoQz1h6rhdgPWhIoWkwqEh/xt3GUUJBodsPRv7YauhTt3WXZ3OH\r\nGRKzNdssm7SnubPY5MDvByoAYcLGV9cFvXhGg9QD5+6fjlrl4nDCNI7Ia6HL\r\nEiyPzaide7gEJfko87xgu4RBTnDEdL9v8Ps=\r\n=ggWv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202241614743","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241614743"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241614743"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202241614743_1652710087211_0.4770124705397967","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022416204849","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"112e358c250dc222a048e932daa5f74763946fbc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022416204849.tgz","fileCount":21,"integrity":"sha512-ZDTajCCiS9+arw72sdKp10Jd3m9aggt5Y5TwaPiFywNAPXejhNDkitDew8YGDUNcU2ns4MI+NUw7xDQZS5zMMg==","signatures":[{"sig":"MEUCIC88/PU+02ccdnhQ2JYcL7VH8rgbHtf5F2jqzOEVLrU3AiEA1u38GZHNqMN/+4qbaQIeg1GpX0eMG7CgHe8thi9a394=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW/A/9Gr6uLcdCI5KsVaBaF0zkgG6FA9jVPh4DSyLLyyIXRfhTQaRW\r\niHFR9c1ngrJ/LJFCh5YRfkOR3eTxl1oUqThUUWZlGUctIPDQugkhWDzDdzF+\r\nT1FIvnPsw7D29KTeRYmiEkEtEHNwx3rpnhmf5AnLrTR7S7t/R4VCvTR5249+\r\nbbB321nyzz0CTkzUmS1l8JaT6LNGMUG1fOYu5W47LjxZJ5D4ppVO2oCoJB+F\r\nPxgRquEyEe+Z8FzSCIPaqfKvNO92mCKk2lJmjFjwQwUVCqqDYRKUwc4f6etM\r\nt2IpnmtGYfHhvf+bsaOxDhrEhFsSn6fdeTDFctA7yTpCRvU3c5f0eB0xc8Wk\r\nZRL/gFXb3SiBkY2jsZcnZJ4M0hPfRZHynZ9Gs94LX1VdBMoPYGRdSfv1+fyc\r\nq6g8BD4uoF3B81jIJ1GNxJwhTmVtZkPNQKUiuYaY5dQxl9XNwIV5Mcv6PxBS\r\noJwLq772hUvJTJvMEwP6RaEdbvgHYxWQwpE+FW3nGzgpD6KvqBozeF8AYBRz\r\n18n4ExgaPv2NDN6Y6eB9SwvwsIL4N4fiI46RahItqf7HUl8sGePfCBPxPy48\r\nxDk1+WqzfZSioBh07vAdbKdmMek05HxCUK0A7dGpIdAc2/TZLDiEoeL3BJQA\r\naNFaO0kd+/M9D3opvfxXwwzNurfp5E4h3Y4=\r\n=XWx4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-2022416204849","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022416204849"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022416204849"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022416204849_1652734151479_0.9898227009367642","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/button","version":"0.0.0-dev-202241784047","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b04abe940a4142663b37bbf42a41558ccfc7e478","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202241784047.tgz","fileCount":21,"integrity":"sha512-juJZBK65fqcEVWfOtbgz8LpfHRomWRjsbUoQAfGwHhSkcCXkpfBIXMb67sjdhuZlmdoqh64adw+yXKUW27u2iA==","signatures":[{"sig":"MEYCIQDojZu7UQBoSLuvMes75ky7fvSpq0lrg8dr2MDTSVYJrwIhALjYeA1rTZ8PuaFh9UzBVPNK5KxX/MRc0tqs3LMvMWuS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoamA//QxbYft6/EfsD5f7+0QmwTtOjCo6FPxi57vzzZjuo9Qdoc2XY\r\n/CFEs2OW9HhsChC54as2xoH9/l49JgXB7+MEGxasztby6+GlbArbEpu2HMJg\r\nFDQmJwTXlTh8ibwVpamOLppxyVHNUc/0ZZr0ylt1+8UeIOGyFyDTZIzsw7JE\r\nHgVj80mc4ctSDPKiNQv+CL+clPltXMs5XkmOdvsD37YKE1fHlUi6boR0mw+J\r\nXxD96PoxBllYJOuT6aXNDV/nQqJ+BQojW7TaNNvBrmFe7072w/qaVhnNCYoo\r\nz0jixnS0H4N+d5j+1WHlCa0pPpdfrFPiMaOYK27pYKdlM17L0om2jsSfD5Bd\r\nyTwS5/ALHLc9VqT3gzMhVFRlgB9EsAZb4Vfm+A4l9YTnyjJj8moC/rf6/wPy\r\npCyjY8P3z/wBufAudqYx9L4oDrFMPfJpG9N8x8U1pCRYu89JOZrhAGLjvYlX\r\nPHMxY63J6zcwUukR2TUTndWXs551AOmw7gcl9fZE8i2dtquycnPUMoESyhnA\r\nk55ROSOZs8dc+vJ3EVjIbC+JLgZ2Jmyj9mFqVBF3ZNpBLvc7E/wRwayZh5vk\r\nb13DVBl74XooGnqHxFYA2RPzUvammqkQtwq4dYnGru+FaXvT4CkMJcNJptZa\r\nsLauRtbps6V7yq8NzVzQAgDBJwz47ClYQnI=\r\n=4meH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"4f2807e4195f5a7de1ad9946540fba8590ac42da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202241784047","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241784047"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241784047"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202241784047_1652776872050_0.5936422913747268","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/button","version":"0.0.0-dev-202241794553","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3014a271d125cfe0f6d0bd5aed575ed098445965","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202241794553.tgz","fileCount":21,"integrity":"sha512-k2TGrJ6wgMZFwPNiEEsP6XWytnnBQrpaFijjVq/R22Cy4++4/ZpGGiSwT9cbjhovnG7HIt3W424WkoQdHEG9NA==","signatures":[{"sig":"MEQCIClwoFrRT6f62xR56DmvkoPS99OJAjNwY+px+OYQgpvMAiAFc9FnrUOOG9wpcMFD/kzc+ktY88ZPfeSEuOEGGKcLcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJhA/+NA/z8crrqtiuyAPUHSgvM9OGuip6BKWOUVhZnCTaAJaUfszS\r\njxx2GOIZDP7T/FhVvIhGbHni/7N2o+rY/Dxl220Rb/9Sa83Z+MQIrffpPcZ1\r\nRMmJ8edKmAMXazIhZ3uohRLrUpFvH1yAO1h7XeWarOmvIgITLjB3Xq4TRoxP\r\nvcluHBAlyGJywuQKyxTiKBkrUmuTgcn1rcGAfMqHwMr67/Sad1bctIj+l8AV\r\nxov1Q/qTMA77C1CJutZrG416YGdJeMVp5HDmDGyj0RoHT1HrMHeBPt5t9Dzk\r\n1Zeb5EsvdQD3a/+x2adnUrL9XpUlnpndY9Dwp/GAshTRjbyv745YaacChWQ3\r\nEpx+g33uajg3w2mkPp0YaBXhL8UHYmRLdQbUYep8niqUZpAQGvCYdAnBj+2S\r\n2Fu+JMvH2EoLlVD3vpt1tPw8Qa0+T6sQtNljj6BV9t58D/eSGHdRlaKmrBJv\r\nCrVAqTdycXJGjSOC3kbdHZ09lm/iFe03bFcjm6f/lOGNQPvZ094LjNSwx69C\r\n09B4HX1TRnNhIbqxbtJWNe65+61/LIpnzbGrhETabzkzWP/iDa0iMRkaPaJm\r\nvG1uEZqQl23OTgZGhggpE5CS9m7uJ0rbY3zIO4yM4JAcKQL5ltk6eNfuZVyv\r\nBkiefenWR//c/kHFM0Lq7BgCCa628my+1LU=\r\n=CoD5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"05f922f2fada732f04d93e13bd53434805f4d619","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202241794553","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241794553"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241794553"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202241794553_1652780774680_0.2429879530731287","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/button","version":"0.0.0-dev-202241710143","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d7e8de64b44e8c24c10ee014086a60bd46b537fa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202241710143.tgz","fileCount":21,"integrity":"sha512-GoDZp3NSh+uC1FNjpPMVAJGADUpHNNKQlakTChhcj9L9B+vmSI323ITPsWcIYsVbtBvXEXYD8grpDFne7YR0WQ==","signatures":[{"sig":"MEUCIDeI7+r0tND0aDWrl5MH/D7Fw7jPuh+C66tZEqRuUJSQAiEAp+W+wMBgUK5RViIf4ZuXPlnb3YScPyXW6oz4DlSt34k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxXw/+PCGdx7QIhg1A9XTcgTFWc1EV7dFnpqCZ03zqfmM/ig02o5K+\r\nfwCwDKbN0XxQH8rUOvgcdpVmIW0erPt21B9svc63OOOQgcp/ZGewUJ+k/Ad2\r\n3vftD1g8hkLRKCVjuihd18LTVf4ouJB62ClIcUrAnkFp6ogy/5/zGYDzaiiT\r\nmDjb0+zXTGDfHiloauEg4Mtb77L9yeaK3znu14hD2TJ1v+ic7uSOMPEEesfo\r\nz59czqgjbbGkUaPZ/e9lErXboBLuB+lp7Zq/uh32oueEsnZpesmAWvETxo2b\r\ndq9AZ0u3p1hZDv61R0SRhDk2Xj87odgvxC4U4HWZRqOEVvuoW0Zde80196zy\r\np6WIjSaaIsgYKUAMXj09kh0Av9ru8rnuCo0Bo6CKl0HqpacfH5UVxqVPkKzI\r\nAYu43efCtv2P8e4Rh4isGlv2poAXYt98e0OJ5kAEXjb4USlpqn+2dgPmxJB2\r\nSdISZ1mcjpWdWXDu9JU/d0dk54AJ3wTSOeHLLHnEJSMkhNFB/fumaEvdGDsQ\r\nXIZ44e3bhTqbIvHhWaJ/L2ufLB5sN0iFdiNZmuiWh/pTy+7AkT9Dh/c/aog2\r\nyjhxgP/irz6SpQ+PYfTbEVyWxueuw0ObfVehXUgFclAWL0C2wL7g4iHAPlkC\r\n7JHPw6kQ3iO4w3/dvsVN7iwWzPg/HR7HsC0=\r\n=/N/B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7eaf538a4db9e168408e114f80a2c2898cf4fd47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202241710143","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241710143"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241710143"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202241710143_1652781725117_0.351452889858483","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/button","version":"0.0.0-dev-202241710959","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"e48df17d5641cdcba17716bf3d10678e67749100","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202241710959.tgz","fileCount":21,"integrity":"sha512-T2gha1ROzTu+2yO9TyO/EMnCL37PUsi6gy07zqsd8s8Bn3csFy3qrInMMzrVXhb1Pesxz5pLLABBjyYhlqxFvg==","signatures":[{"sig":"MEUCIQCV34tTjfNfAcHedXarkVnOvtPXgIF5mJiud9AwLt8O/gIgPiF7rqfP+BaOEtp+Yn9+cWV8F1M3d/PrArI+t87URDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohiA/+KxluJ4159dbvUptSWPwHeMgp/j4SKhaBG3GC1Sgly54YM1dS\r\nssc4aOHt/i/2kUtEcos5lS2OU66UT1y2ijx1XEXb/on7BJg4Pk5DbWAxGXsO\r\ngnXvT6IlRWegedz9U6pU10XFjXTyCsJtopJeD8FfSRn+6tTvzkaXNsnGkQAb\r\nfuw8vrI+t0KxuNfSZ3QNguzVOwpYPDsCA8fxRuO2B5dddXSDF0dbvEhBWAwH\r\nYGQ4UtCYsvrcbg3aNR6HwIM8noXA8TXEnxprgSrXun/3qN6u9BpzjHXx1kcr\r\n4stjhN5y+HsaBwJ0vMCAR3xUGxqmJHcZ+cFJK7gjW/N5VwKQox0abwpnCTND\r\nLbkqSVOdS5p7XL4H29qaIW1RazXAylQd9jhAgRwb5b96m0VMjviIZGwslY8s\r\nuUVFLV9VizN1UM4yryb0yYIlAPINfzp75ejVhVvnwujaBZtBqyL20Hm0yo29\r\nNB+/JADde51fgI/cshL3g7V8Evd5AfDYgtgQxurVvKA6DIQnBWC8AFa8eYqB\r\nUEUpGxAjTiGUTMkb6P9FTkg2oZ0XVV70AVpu+9SG0aZlqZt2qhd20nHIVE7Z\r\nk0ARHe4vhAyFTVK53aZ41F2/UeVkTAMpzoJEFLC7Np2fdMn41wG0aWAL5/1j\r\nHkd7Ipkx997C3qE0Og4sG3jFqwwzGSm9fPk=\r\n=ha+U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"393ca5b165fc46e23afd90a898256a0cc3e97731","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202241710959","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241710959"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241710959"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202241710959_1652782222161_0.3102371932829344","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/button","version":"0.0.0-dev-202241716586","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4a2fe0d2ce153b27ba6c895dac7b9ff09050eebc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202241716586.tgz","fileCount":21,"integrity":"sha512-r70H+cqdppOjiI5+AFngNV4pdKEBP39xrSGd08ezYhBwRR+64PtMTs3JWJhRF9ABxQB6BqMuhv2/yCofZ/C+3A==","signatures":[{"sig":"MEUCIDr2wuc9H2hrSAX4xireMduLnEjAdahBqJEVtSkE5doDAiEAlie5Qk3+bx2kMaD2VNldVQEIF7bVSHvQjC/f5qzzAs0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTHA//Vo/ONMb8JgzsPsCmqjwmsk/g2p5aQOlsWv2VR17QrVnhJgKK\r\n1DC64cQJjmhXKGNBV6HGRg0dqc35wbrHfzJTjZC9HTz5AhFI5fc1IMU7IXwx\r\n5LTLmJeeaWaxJ619aTmDhgzusULb6MX+iQucbZ0xpZSEzizdW4m1I3OrNdat\r\nDBlPtopBHgGpy8LmBGkxFy1TGLoJbRtdl2PLWYULHg4O2xLTvFuXtkpr5A76\r\nR6txPiAWInXsBRFy4all3QOZlZ5r0+1LKr8tr/EueUXRfIVqh+HKStJpm8iZ\r\nSRzHE7iTuO84d6Wexo81TmJAWAdWV2P7VpzGg4oLqaBnr3sqjTm0VwodOQbn\r\nYxJCLhexohMp0CmfWUMwA70Vdli2qW/KMpchLKc4bUvAMvDlStbK7ymy9iq+\r\n4woLa5mRfqZJCohpS4Tcvd1pH7SbgMGymJgGO//9NsKIbJKCjJwOFeJKt0G6\r\n7Y+p+iWFvP/1dxS6oDUYCtt7zQNAhaKcZx54Si+m+N1YlVq5orlX0mzEWBZ3\r\n0bnhWX/58KCwkZf3JAnBfpU1ls+ZdrOuA97i3OlBRjV1l4DiznV5Uwd/Aqbq\r\nXLGffkkkx0wayRRJndJ7zGtPumdayCCuD5V2Gd3S7YyQXoUyonedqLGosXKN\r\nw3Mi49BfDlOJyhTKctykSizY/DpO3XkSq50=\r\n=CkGs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"a9727167c9529f5512717ccf162fdeefe37c5d8f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202241716586","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241716586"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241716586"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202241716586_1652806708120_0.24324038838036666","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022419101754","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022419101754","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6ef62f0cdf90d6414a76c9d9be4edb7b671baa03","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022419101754.tgz","fileCount":21,"integrity":"sha512-zW358KzWa+yfsge38mpP9UKyIUhjlQ2m3nCEyt/UoC8/jkMHI11PMDvkIpGvfeH9otl8spOBsQW6LUEZ8bNG/w==","signatures":[{"sig":"MEUCIHSpqLjB6lnDlaXEjiEVNxetluB0XUyMPDNkPxRSBsi1AiEAr+7uOxFTAXV663pD4+WdWMkDijhk7kx8F6qlO+0ax10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhluACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+1A//Usc5IuKVK2ttwPzFIHC3Uaw0MF1UcZA2aYgb+R15gq8V/44J\r\nQq6jHaSXNrFRFU9Zok+UPoS2btJ3mf4ioK+aA4rlXRIvxRCKOjM3iusmifov\r\nFf/fJRmjXN4rtvbzVCxJY6Kr9huTXkTQCm7g95btyHqfflikSA0XENKFCpkk\r\nKPB2Jy8wgv7zINnUsd6TXYcBDbFEAI2tRf4eZkShWL3LQouWFqnn8D5B4O+G\r\n/9kQTLX1oxgih+lo43k2k80YW8ErzGhHunsozHMh3zFomziOFCFDSJRgFHWj\r\nKoIZdd0ETmU/OpOJZMrVNCM5dB+XZQiGzLl8dkqvG6LECWFVWkqvSoQ2YLbE\r\nsigr/XGabltg5fxJqahsMyGJsxyI4gZRJvXIfjACuZcpQHWa38m0T5TjrMBs\r\ny8tH6o/3jv5yWqxxjLG2oHN2tu4dHK1vCSjPdbK3O7b7Xez1U2On8i+FdxPf\r\nB4WeLjZspUNYe40qtbR6e6ZCTKCBc2yzTU0Ts+/tpQWe10Xvrk6upeE6qvt2\r\nPN+Olc1AzbtTIv5DS82JB81gzqHp00Yu0d3zo9tkaFp5IEvBPDEoDwj00t+N\r\nT3S/bNTM+h7uVd8xCCYc2IgN6vY0gGL7dItUQ7L3hGZNH9XSsLf411pp0emt\r\nlrnIQPGh49UdJa5/AlA4f0ZIREeIYzCVy2E=\r\n=cG8X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"55c87cd62acb01bf7a74d75af24cdf8a091dc1a6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-2022419101754","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022419101754"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022419101754"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022419101754_1652955502249_0.15389603144080266","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022419173934","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022419173934","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0d756b2bf2015407c59d6f3387ed5fbe2353ab6c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022419173934.tgz","fileCount":21,"integrity":"sha512-HoMu2RxKxE9erILTGT0ita8+0CLdbPKTEdVEzNfp0f08ClqnWPVvmwgk75nyrcVxMpgJFb/CMCcrv1WeYLBgnA==","signatures":[{"sig":"MEYCIQCML9z9le26duhMf8oLpiHXKHT9x+xdoSp9ldoZ6aRuEgIhAJ7gRD8P/VAttuqImEQrej2YHPR8gXbflkELUuKu9G3I","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoDtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmFg//Vithxnd5w+Pr/KklIeNJgZTzTMXMRY6YmbmilIbFN3+yBNE5\r\ngJjZPJPxcXppKVn4Y8TR8V/mQPlnYDQYbYo2bE0NCiUfrZOMbpgZkapTY99H\r\n8k2t6/4zeYPQRQoIsjFf+iNHCuMFkpwdyOFgYCwmBQSAleF+Hn0SpByEgJk8\r\nBWukKAUU5zY/eHngSwvJjINeBKIo8S1/K5d4dKPt3x68glXHDTnuqpiVhjkC\r\n7NkfelLcaFtFZzH2jO6GyB2Lqe2ZQ1WE7PArh8LgagUdSLfY5D6RgkrKodvA\r\npC5evQoas/zpM1qTeskIwCuDcoU3jcAsY0QkKKZ2Gn7M0rH9rEoJ0Ax5qWtU\r\nppkmXJj3bL5Mwc2Bb9mjr58gXGSWgiQ5ihhlID+/uWaPE5StBZNRA5+wPfU+\r\n+7xe7veN0ArrZEsAQVophWnSwmHaxLBvDclMjJ3cZ5RGTQfjC6u02dcCcrXK\r\niQpUP5qb4ECrKCe5Uqo2mIzdm+9F91TeUMc3hhg2AhRQrYrWEGjeA8vdhNPl\r\nTP12AJ7wIq2SMZQqTD1QBpmvn4UCcoqoTnmpUTunxCDhIETKHp8yH6SfsuMC\r\n5zVajR9kTy6jEz8Y3uWKJZBhtZhxrBznKlmunqVI7ktOH2WtVWsB5ZyVzEM/\r\nygBvGef5ARVOVOgW0W5nk/3oMWy3/w+kjOk=\r\n=qkiE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"1e1503f48905bcd4c0a1b5767679246c1a03db1a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-2022419173934","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022419173934"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022419173934"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022419173934_1652981997443_0.6363657902759703","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022419174740","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022419174740","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7ce09394809626586c3492e18e1331bb0edbcb25","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022419174740.tgz","fileCount":21,"integrity":"sha512-IWvcTXysUC4rb/QeA8Ig44sYewiX6eiERb9uG8Odzw6vRrFUsHQo2fX8lWb/G5hAx0uAzzIBvuNvAmuxK+x4WQ==","signatures":[{"sig":"MEUCIQCP5loNYsDm971YRJsHXj2CdV/xQ8thKxItVs9fspPK2wIgSgp76pD1VQGYABdavqmPua6Ubvy+Bnhz9xVLR+mVwCw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD1g//XRYPb2SoQEoSlxKFERCYmSY0q1q5dik4Ejw+wLYxG3gNCXPn\r\nU/pwxolazKx1MNRc8f6cW00Bc5m4tcKgIrrGplYdpQEqavyskTqe9E3jwLjQ\r\n5JDajYFvNEsqz1FONNVMzlqU2sflORT4OWpbqmcxOyMeqbKiPb+1mJnSYl+5\r\nLQTv/5k+Bdg9EyEPie8ckfSTpQ0OLyPA6Lj8hYPK0mFCstY+Lm2l/OcD+GTv\r\n8HPC/5JSvl++V+Xvg8wsscQCFn3bszhkFrL3f5BwGlCr6fzrQBdjT1SxbLpH\r\n0yjHJ1w/SFFOYUgJaFT/e3b4RN5ztgIKJlxGne45KPm2yBam1uy0SYJzPAGH\r\ngEh5GHer/i21126Z2+n0oAbi9U6b/f6MiHbpOeVLnSoxwR4OFkl/6ZXvdenU\r\nRXPmhFlalJvC6ubveBx8G+E0KLVBSTYqXOMhSpfdsCiWhuivqXRE8keoIy24\r\nmqe3P6UgXkmU4RkZHVgeyJdb/ZFX9t/a4GkZUNOaXpWWRu5bnX4t6EFrPCKr\r\nDy+ikFlzrvlpR2SCC5On61/LU0S+abY9Lvp8V2Z8fP8Kvdqns+gIWEdtAO7i\r\nLZgRpmasTwkzEs3+0sE7UtSsECtzaM7AtFsdUg7faNmQUNE1yv28UFCtWLv6\r\n92wrLFH/WyRk8mnaZ2x6XNXF4VCckmerW18=\r\n=7dPX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"6f23780c03750a1b70d8c855c7058d2b9958b6c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-2022419174740","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022419174740"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022419174740"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022419174740_1652982485090_0.7262543123965741","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/button","version":"0.0.0-dev-20224205231","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20224205231","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a0b0ea4a5b4662d5c4f2b0342b44ef1d821ad2c2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20224205231.tgz","fileCount":21,"integrity":"sha512-y2z310sRImK3OTqGW8sbA6zblNK/IK6x+wJuvL9rHF2KlBZHvnBs1KQkqlBossL6ypUpqgZfIVGhlouQTZjd0w==","signatures":[{"sig":"MEQCIENWI4hWvQ2hapDYWXxPZ4T6tiSpAQ2wKDfL/3zKl1lTAiBxMQYxu+sPpFyqsGGUH7NT1bvViOo9FW8U/OX3Wa0sjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+Tg//SohyR9cby9qsRDezgU5+H1yNfE9agtu/4FUWSaIEvLo5x5KK\r\niiz3m5HrFXZ/8LGs+uaVuhJM4JmoBffp04ZY6is7TBTW/FzUknl8MlHcwQEs\r\nHsMOfPiODRqzCCCJa+1AJbLuzbe5PzR48by9L8RqyAZMLiK7C8qQc099eJ9M\r\nvJN0qQ3wDgeGoo3LMtfFp5hvmkjuF6nq4O7BU5z0cD88tyau0sx7+NuhgjL1\r\nTsy7Aj8SaG3FNxYN6cs8uI4jOu/jZb8BjpRxUIs9OSuQ5ZY73sOfFq23Q6K9\r\n+GQ89/slSbDREkPsdKfxAkxZ0V495TODa91tb9dnlC092BPJ9+Qm96AwRznq\r\nXh3PZ9pXrPu+rMF15uryczf5COB7dD0jX+JEcMdmuTFH7Fq10LuayPVu2pW4\r\nXx1DXFpg5IS/hi14UQBQK2mgo9CDvcI7W5WXYCxLc7MXTKpJGxNej7O7q9Ft\r\n/Qtp5kLdFarCAZx4W+0sC6rW1/oRRCa6cxFr7QHv/5pZruqJ5nniGd3cvtlt\r\n9u9T85Fh+iUDRgye6Z8g6uTa6DzTzpc/QxjhZohzABACUem+RkXgq8CxVXfW\r\n2HCCskjCEYCsP12ZilLLdjexDM8VFOoSLfrR/CkSXrhZcW2XKdFx/iITB0Ps\r\n1aimCq5tMY2L4KD1r+c3rdkCF8CP9vTwIFM=\r\n=DYtm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"37054f067f41bfd387b92c87de6bff4e43638455","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-20224205231","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224205231"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224205231"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20224205231_1653024211140_0.6362510391724105","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022421153722","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022421153722","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9c7c885c4342b331fd37c383800d3815d0bef104","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022421153722.tgz","fileCount":21,"integrity":"sha512-py/P4fs7bQ0D8bDgiVE/6VxHyOhnm/AfhkkK65VygcC52IP5Pi6THyBwEErDLs4HRa+O8SsQaik/5zk9f4gpQQ==","signatures":[{"sig":"MEYCIQDT0h48A8pIcClGzZ9rTF/0pVxAVQY6zC2b5NBTkf8owwIhAOpRkmVnru+brkPybUcg5jM03+N51yQrc0+WIWfMab/c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbtg/9G7hHzO4G4tgujxJb+CKuJ7cWK3MTiZ/VDXVpp19xrX0zk9KQ\r\nl6AVVWfS9zE2DnJxK0y49KVahWZZLReHLoRfiGS9/bbUS67VSIi2bjB4G1Hx\r\nDt5q9ZE5GvrsGQWOI12HOvRp1K4affuQLw9JcReHx5orLxsSQ5uT1KwQYC14\r\nHWpSIP74FxHVycq+rmd6J9fBt+Y+NnExDT/jt+sNFIL6ckq22Dj2W4qJY7Il\r\nCH5JYLck1UPw8GHlKHFkJtjBxjF+XUzB5mNNzLREvfo+5DGztF6bplUDJXk9\r\nI/nnFCS4SqWnfh4rzd7QXbZkXhQgUJ2aLat+zqqi2aZZudS+Jmu5y0zx878x\r\ncBk3ynhFpe6OgMJqcOrjBqLQq7aMv95yxCsiJqNVtQXF8jm8f/UTuQZnggEt\r\neyo8Q3w0IPW+Il6vNzsjyZ1Xsx8vjWXjJsejsWjQIf4pQS16s+KExtBiX4h2\r\n39Wvu3ts3lrBjAC4Z6BfebKr2qnHuZ+4wEEwUTF2aEvhoj/iykW4fahWcuUA\r\nfyFuABvphf31bNMOWYExp024ESIAMWGOMwMw94oPTubO65UcRH+luyIyzzjg\r\nw2rsSv0PrGyx7kTgCKTfnZA7W6rGUnTiDL/xf0X7Blytoczy6qlnn/JnEsaj\r\nqVCBJ90sGcqdSwwvEsJhhvOsK06Ir7SuGJA=\r\n=JsL2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"47b0f3c1d446ec73146609bda3c2b19b367e9980","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-2022421153722","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022421153722"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022421153722"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022421153722_1653147470038_0.26976809477208796","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/button","version":"0.0.0-dev-202242121518","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202242121518","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3aab28e4fcbee1521d9b7d35c13f093bcc4613a8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202242121518.tgz","fileCount":21,"integrity":"sha512-8fPS7NWs+02EFjQ7wj94ztAjcwQryrPwjs+yQLy+VnYkiUTr+q3SH724R2hgGkacRX2WTLmI+QotMxAeibvYEQ==","signatures":[{"sig":"MEYCIQCQdL/RWijELhBa4Bwz7wRZkFQ2DHdTw+cLe+QCgBPtsgIhAKlLpriM0R9PU4jLf2sBJRabsopcYy/tfsNTatTnX9tk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmptrw//TWAgNIOyBqrJ3CNWhxw4yKzpbpjuE6N9boOeOHjOThQxcuMF\r\ny97Ro90+BjmEMPW5pNtMiBdo+O7Qx4yLvrR/JKmzDkR8qzCbXgRljjD13vX5\r\nUQVAkFHA7ITwgPWbwG3xPFfD4NG/h5FpHY6wIIAIf8ye3QAVQ9M8M27Wmdfm\r\njqZXfR483is2+G60+/g8NpjV2lG+8c7/OJAPa9sNN47mjuOB+x54aI/Raujc\r\neB+vElmgTgsGuyXj/D7IL0DE004ZohKNrdY0Bfz3qtcwlaWd1CakrPx8Blye\r\n7AWM/Ng3o0ga4aOjrY2nMPdLxwvmoo4LN4svlAAG5LG189zMRV7idlEBiOEe\r\n0Y1JKr7W3wzaZGgUm3ksGSsTu7mdntEEOTqznswg9UJuEHFdrkOPM12cW2dj\r\niCqDiaXmyXDBRmKODhqTm3S32fu/WmqCRITeNfAMd5Tl/Izie+R3sRUU9g4d\r\nAJEitP22HsuXTtTpMzAxv48oDQFCTBSZ8WIT+WLMBFFZ/kDttSMWyjv6OuEq\r\nGSxjhgEUZfsW/3MAgVrIZYq0qp+aX7/mJSRYCstfScQ7wAwUAYDHneYPT+EI\r\nmJHZ9IOFa/dUdMyFHHhg8gBFPFB9179i/101chnafNrUSyzBn3Ni6+yXeKf4\r\ng7/8IQWiUqb68OPJPjH1QbEOLzxa8RkXcMo=\r\n=JGOb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7150626f047f6cd0f559acf8fb679e29eaf7247a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-202242121518","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202242121518"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202242121518"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202242121518_1653167146188_0.887177147858766","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/button","version":"0.0.0-dev-20224239149","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20224239149","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"07ff3a456b605a3218607a3c36ab008a5e00c80d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20224239149.tgz","fileCount":21,"integrity":"sha512-kSHGhRuExlzytxrJVU6R04it9JeZ7yWTF19vWi/S7SGkOLteqMocBbLF7gS7Hu/E8E32pAcd8c2UmGMp/IHYvA==","signatures":[{"sig":"MEUCICzPpABcPv8dNueq5e+/hxzp7Z6tQMcs2TiifRrp0ojtAiEAvOYigb4CL3jlINeT3CNCXjdjOP6p3UChJbklt49p0NY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQQA//ZOg47yMfb1E/oStCnVY+K99XiHAxhLaFelzhpQa7wVGdVNFN\r\no902OVj7SlU7lJzU6J+W5Qhm7dGyzKxT2+D+RAl0A3RGnmIKrfRf6mtAtZlm\r\n+670yDos/Ot4ZoNU4/jx6oumUPnYIWtqr7XJ7YokNz/3r/2M27C8cbhlzcrb\r\nOwhGiQz6cb2Y93TcWSUlmkuURj4XJNTfXqxMJ1AJ6B6+Zz3YNHxaM/Q+kFUH\r\nafYm1nW0If1EddBavPf+TVDp5iRnO/rT6cq/lbU6zKeg37tbEYGrgyTgkkq+\r\noEU4Qr0FPtpKAsA+qPumqlnxXX0joQLl2ybqa3WrUOQZ8y/J2Mwo+wX04WM7\r\nA7uEKw9a8Iyzjz8IXlLiDDBmQOQd655G3gCU8Ri0B8Q1fgJpPTQs+BnBnpaK\r\nNdDe9pVr43ZZ6TQaFV+ghFB6yDIV4Afn5YR0guXQN6+SyqsdfCMiShZ6Ac5s\r\nEfroktlQ8Aj308UBUnqQTCCrTNAMHydghmRi+SmoWtrgXVPfKnXDpRF6NZWF\r\njdjX2IQ4sUeykVzFgV/CjKSyilz+MXJdZ8QayuaCiu4jWKqQXc6p4quEVBdR\r\n6B2QbjoJ4QDvFur/HG2xi1jnmY0w90FAFmL3/1iv5zgjrIeBqEhJDHjibcOE\r\n3gM0D9bBXKfjihY3iI/DcT8NBuVENSR1mHs=\r\n=XTWq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"618037ec72af18957a3ca3de300049b784ae7304","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-20224239149","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224239149"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224239149"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20224239149_1653296535428_0.9848992077044894","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022423113827","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022423113827","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"04708fc12f2ae762a1706eea773af3f9055211a4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022423113827.tgz","fileCount":21,"integrity":"sha512-yOwXRKHTdUQMqFM/vvPxPxkLE6M6RhUUqLNppliPPUY+ueLCjJRcq4wRsqCMppUHjLe2izJLDUEAEnwWJ7CjlQ==","signatures":[{"sig":"MEQCICiGbcd6YjzyPsMUvp6J5whQZhCiU8UmGNk9Lyjhy3pOAiBM31h9m1yb6nIcxKtMqHIKXnnp3DeojZhVGASP777tUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqoA/9E+Vm7MpIrjzWHM+Z/T0O4EFz22JVRT1LhYXlLHdClJ0UOl6K\r\nYEdlZN5I6DcE+tZiKQj+pIUH8VYeKKbYNLlzBhT/WBnmlGrA1QjjDiTVk69T\r\n36Tc7vgTm2JzQufw2dav5tYArK3k5+VmgMKIyYhdL6PaYPfpSJLF/12F02Rf\r\n62FPq5evie5B8fDuaLTYcEdzNmNc0v0j9lwNNFLTE7q9RKYgcFmNq0bXLUAg\r\nvdp/gKWjIW66JYOGNesoBvvuq/CmPji56eKVAYHdcy6+UMatb9Q+WoIzmm+A\r\ntZgg/PSRSKVDOQWh/0dSKtzBjHfKoayQ4+9tMWN4QPwWgm90bVEzHjjAL9Or\r\nFFl2kzbmN9hhUex14zCICqwjR30WiA56rEWTZwhjQhJKiOQm8kMQpbR9VzyB\r\nNW9bx/ifqtAS0664/UK5yfVOjxXoCqfFclgj5jTjOqyS2GnSVqzE90oL38n1\r\natBZrx6FqnbLYxnAIgbs+TjGXXfS3qrnnQ2fBD2Yxu4VZ+M9vX3x2ZYmdGr4\r\nkj7OChxIuq/ZjTN1L1T1pKC9X2I/RVxJj73NsZaFcsPk/mYNmuYDPGY0aSX1\r\n0CVypwDegKIvDLJQPYv0aVZ2naEgC+FzbHd7Ds1lsPlVVqEo98kaNKlb1USs\r\nAIWZXG28xi7ggWxgdXQQ08FNNX66DqBZmwc=\r\n=Y1+h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"1026770a2b96b51a1a35f56c97fcbc42abbfb4d4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/spinner":"0.0.0-dev-2022423113827","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423113827"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423113827"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022423113827_1653305930581_0.07592728317550335","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022423121532","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8a93a5d38533a0bfa1c4f165732810b91b007c2e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022423121532.tgz","fileCount":21,"integrity":"sha512-jKuLCq6tF8I2erUydGUMFtaUpPONmrJ5lENj08gWOmze8jelKWVWluE2HalradC4pB5KzcZBlpRs2S6MLlfEOw==","signatures":[{"sig":"MEUCIAaCAblgBvvf5m5RV+MyeKHwWLSySpa/qvo0gSd1eWkIAiEA927mEJ2FMCx5FDTn6p9Hsjr0qn0ClyH4OCwSDiEczho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrNQ//b6f/7U27Fi/IeBpafCEUXugAaJPxcLTum4IA9Rp4ybr+Pfv1\r\nfI2OlVrXMzIg+DXQW7ocY2SJYtAYBD6zYDVRshrf2ZjtF00Cgrr9Y7pCny/l\r\nAUgHnaHDDAtyhw1yTlvtsywmLSt7pg+UNrzrEcjxPeJ6DJTuVODMPvVOVxND\r\nmtA8jbv6Hw7eFi9QlZ1DDSQT8UDe1vK4WI+nOa3yjzeoZiAnfcCjUQpgIleo\r\ne2yL3iL9KO7qLg5dJAp0WJYzZQNOXNcoTZ7XeGatr8T/mumLLd/5GjxcLS2h\r\nvuQIwf3FM8s3/2unHCN5+1KrvF269ARQmdRqSKqE5V9nRyEFJzSKlwsRFeX6\r\nuYIOI7KIwTyWnyjSkZSz/RsXjf+JbLq4lXvtVfQ5O8lCck8dHxgyvRyvgedf\r\naXF0q+Z1gYZUkN2TFlFOE3+sln7u19l0svxyw6YZB3fnA7XNsGeLJx9qlJlK\r\noU6XUJVPPyK34AySkA8BCqlEWdNBz92kIYmhehPvlXntDn/1pcFE5yMFTDQ4\r\npK/nqsZW7VHtDWCqirylKRzBcX8beVWo3RVD18JtM9rJXFCX1+oyrAI0HL/m\r\nfcr/wufFWQ1C6zoM75LYQ9FAro5QCyA3FCDlzldHxWn+UjAsjdWtjmKSVJUn\r\njpHrQg+Xew772KAR/uDwkg34Gc/+t+db3y0=\r\n=qxTX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"35b4565b04f75dc5d3874846b65260be849d08ae","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121532","@chakra-ui/utils":"0.0.0-dev-2022423121532","@chakra-ui/spinner":"0.0.0-dev-2022423121532","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423121532"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423121532"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022423121532_1653308162145_0.7464931433182458","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022423121615","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a81d80af974a2c9e160d1e65e1f4b8963eca9b53","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022423121615.tgz","fileCount":21,"integrity":"sha512-YgeNi/DvpP6HvRgDLRsPVydLveQ8YbVu6HSI67ojY3hYk5JsLp6n4hEjLgBQ350IvQdindxbVvz+KzcHgdHTOA==","signatures":[{"sig":"MEUCIQCr2BuszEru1A7paXrMK2iaEwjV1dGl9PGuWQjaOQD+6gIgPv/rGNsdyIZRsqF/HV5b7Bm7h6Xbx4tg16No9QaWAbU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3stACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3dw/+I+EQNA/s+UJ3bWRPFff1FhQ6UBuzLahUVEmzPsufBm5lAzc/\r\n0Rg7zXUfIJ0Tv8tH2GFEXPwN0yY3KOJ58dL+cZDBiyd7/XcYEqaEiZFJkvwQ\r\nkIlhIlIV3KRnI+Y+jJvTJsPCr//32SoU9gcVkETWF9aCr/NcNqGsptNWS9LD\r\nN99fb4npdt9uczCrrVqENgy6tOXyqczmtzz+UFmLYg+wLZVFN34X8kpiK7hz\r\n64dD8nxLDm3+wt3R6BOJgq5FLHIWfpa2iWM+geJYYoQ1yohvY3ZTcwgbH/qO\r\nWNYSdvir9F24JCElfNx+XjjSsF2CE2e7aRY9EZ49crhHTZ7Yn5HukW0h4NyL\r\nVewSpYApOLvQZh+K8hmNm2oT0GHpKZLHmvEPAanQuLiH82LmKNpLJvq4KaNr\r\n20B/e0PuGKc2Imx8EEbtwjdAkwlrc9nNB3TlO/LT3Ul3Vwp2v58BpwCY57t9\r\nsIMA9NdFKl4v683yBlzCLVaoYwiuf+jaj7dGG86RAG7YmXKbZitEX16Ag8He\r\nHYrIAlQy9aDxtE1nRDzQjT3XaapSvbSW8/BAT9Qdv/f/p/8Uoww3ztcauUOm\r\ndO49KxvQ304O2cJQdADlOG9VWHZxyf0CY84K/7DssWv4w50RXZs0ZKSu3hRa\r\nckL5Ige1uAyTnS+e7OFCOUcA7cKNea096e8=\r\n=aIr4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"38452854419b6a8f651d073c02c89fd9e4520158","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121615","@chakra-ui/utils":"0.0.0-dev-2022423121615","@chakra-ui/spinner":"0.0.0-dev-2022423121615","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423121615"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423121615"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022423121615_1653308204983_0.9897980417036654","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/button","version":"0.0.0-dev-20224248246","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d3ce57aa00e05a7793700890b3f30ce629dacbc2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20224248246.tgz","fileCount":21,"integrity":"sha512-CUMNaOCOQ25zODJVS2gycV8aztd5K/CcolPNQOmxqDse/dacQYw2AEGzfpeZqpQHBPTaU3cXtWVJ66LCMIfR9Q==","signatures":[{"sig":"MEYCIQDgZYT4Qd/mpYF4bDnP/Ahwpk+2Vb5Z7rpqMY4Sb0KEqQIhANxUZIz0dS4UtFfGXGYeq77V5uiHmNtlkKcvDTJZv8wE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbfw/8CArHkKzVPcjfH0HEMIvYnJcQ4TlbE0OfpEPSVurq59VQerx4\r\nz1OQhDXR5JNMMOMIiJZZ7Z7ZJd4P+UlvrJHuhBXhNjykSE0QPU9jdOTBCKvr\r\nEv0eElBtuuQRC2x/n7ComXuT0CqMhd6jgW3FpywheBa0kJ/WRfqcaoOHKBI+\r\nWTOHq3bTyICgVibqcGtOtD4Bib/Wa4x5vC0asaQrbZJFQBiaErK4cQ/w5drr\r\nkibKs33U8940GNUD2FGuif/qo9dQfQ2dVxZWAZvQnM7CGt91V3XH5vsyO6aX\r\nutBTQFm0YgpjgAivbc2Z7QhSiFA99DEapugrR3nVRJ5n4KjnyFPeJqhxcs4l\r\nlZpfxtGx9YS2IA0dth0D/wFuMvmuVAyBK3WN0XSMj/1OEXXGWVKHpKKKY0iZ\r\nSVxVjCLYSUXiwSTY7p1ytqt7SNUaIYB3IwPmfTQY0UzvXu5b8wyreF3xcl93\r\nM/KMwJXfz6O3141I50M2qfTWZCVJeWLaZi+COQgxVnCiXGg587XqroG4kaxc\r\nZ0oozm7seXJc7S2N1/QrWQKzrHiEn+guDe60iJTJMlIGxDiXkZrL/8sicUm1\r\nMLpGEZdyc3vwVuodsKSeQ35Zg8V3H0kvahrDMOZcFzQ3Cz/tTEHT3I18cvsI\r\ngfLCVcoIKwkObxQjDo720inisOouL9wv8yQ=\r\n=OgKo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"6f1921d44b496e518b2691cbd62cc45a6135d1f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248246","@chakra-ui/utils":"0.0.0-dev-20224248246","@chakra-ui/spinner":"0.0.0-dev-20224248246","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224248246"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224248246"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20224248246_1653379395262_0.3540322643183287","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/button","version":"0.0.0-dev-20224248516","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"749a049323ae0ce63cea5fa8739d76b8805a0175","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20224248516.tgz","fileCount":21,"integrity":"sha512-VzzuxdzdsvP0qyoVudKJtEeyOd9pIDVQUk+Jjl3qZ/bYeDqN6Ksz8ETcmVbQT94JOeK/FaJrhsUUMxi5PphH2g==","signatures":[{"sig":"MEUCIQD05Quy0PcfYjypaUIUhpAYioKQBiI2oeVKCpAh2QrlnwIgDP3Wtp1U/8LWjO+aNByTtMoqfLKdVUGc6Cda63S31mA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2ZhAAjpXYM2+mUTbFRU1J5H18L7bheSLzUeCjHbsVLTHSuau4KmZJ\r\nNV2Z/MOn2DOcATmQX/wVmZP+3KwBEMHlw+fn6JBadcxaWey07hb/SrriZqYL\r\nAl5bbQBubbHDaVGsgS3H+tLWKbxrpHx4aOQhw08tbQXYkMZ8ju3sBRqWOPlC\r\nFsIP4Z8FvMBGgPBQNvvoI9Tsr66VTLLTz1kRga0jIZCulb7slXZBl8bip6+5\r\nocWyCxDTcmkbGkFOMtC+FQJEirsVC1rYFKUotCczfpePOmHfm1NJyC5BnILL\r\nHHFzq/G9tMUePAK6COznXeMtKzA1vsRYwvTGAClHzii4Clt2DLYQxbdkKgFC\r\nQKWm75THLueT56dr1Xq3xE5ZPsmnOTrWKUNmJSCd9fN0+K5/adMx5WiyRvH6\r\nltrmJ5L8uR4B+D7YkcmGrwD5DQXi5O7rFDmpdHLQnPL/N88B3Y/0lPW6RE0Z\r\n2QHJ+vo1ZPEQ/SHkUW6B3n10BXZjulRuAMtDMxxaOLhndoLgIUBwP+oKCFWT\r\nEW6i40kHrSxEa647ALs3zOxh18f+ANmInd1HW6p1GOtW5POxR+9u/8YSZWOh\r\nL1EeOF8U19rRAkkyct/uH15ygg2j+b20A59pFPFmjnvJiBu7XtqeTp4iY7it\r\nus1i0FpRvLxBf5viwyBIcni/3F6dJxYj0ts=\r\n=/lag\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"f5839d1015edc4f3525bc74ab2cf5d9044139fde","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248516","@chakra-ui/utils":"0.0.0-dev-20224248516","@chakra-ui/spinner":"0.0.0-dev-20224248516","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224248516"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224248516"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20224248516_1653379544205_0.9984752157169461","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/button","version":"0.0.0-dev-202242481651","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"de8a3c9025876328964e4be7210d70baee851062","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202242481651.tgz","fileCount":21,"integrity":"sha512-wFK5zZTsj/lDeU3rXfNn9NL+iNvvnRIXlrKea2+fKK5yAjOymFtKS6ALY8tpbBJr9Y/7lxhQf9R7oV+2ivIJ/w==","signatures":[{"sig":"MEUCIQDqhNRQvfKitDirBQFaRBKusuqHDOekc7r4kNvE6LP/vQIgUsEJwryO7SURA95+MI6QHDqjP9l3pYz3Y591SWrSq3M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJSOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoojg/+O7TEg5s0yzIzSBQ3dQUmLxpr0+kFQccgG539vUUMm86lU6iu\r\nowRyROUze6d8Pl1S8e/CawmySyXvM29q0PNvCPSo2ah+4zfNc6PKDfx8PDDl\r\nlRVPYn+Je48d1VyVonrM9rmjQvGVviJDDYVqhnZTjza+nxaApF5AWjuHnQvm\r\n4QtKCwoQPjSKGaJ9IZrk41HLdRtaA9b3ugBbF5Uy1w5CV8m1pQ+tknf0g7u1\r\ng9z63ye5CnOzJ0q3RPSTiFZht6uAvmrdU2LmSZrKBM01Cm833wBxnA1D552E\r\ncHgXMluNOk27yqvUSHkWMo0KmRM+uR17yzI59l8HXOU/d8l/mcCy1BnfpxB6\r\n/oaHJlgYIJOly/h77Vq3BilJr6MHYNXoFPUDHVWeSPWpZ/5a/oiwQdY3bbWR\r\nLKaekRX26I0WnORrBYdFRwwSIEMHzuuS0oeHsx/uR5td8T3qxHOfl+RKsZx5\r\nHb3y2dkmqA6V0+GoX7ESBYrb5p3ixupUYg9sQGB9V6pKdiMrf/vXkeitxQws\r\nN8Szqd134OwMJva+jVYN3Ph0J7NHz7Nf197bqf36UI6NbmGen+Qdntr5hWYk\r\nkIu2ud5pEvqUUvNl16K+KKj5EKTDnOBdAn4zVKx0gHxAYwK4tbXe8yvThzwO\r\nJHosfLa97h0AuUKGSeflw7mi3RhQMifDblw=\r\n=IIuH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e8cce77b27714277db576b45d03d2570d590ab8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202242481651","@chakra-ui/utils":"0.0.0-dev-202242481651","@chakra-ui/spinner":"0.0.0-dev-202242481651","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202242481651"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202242481651"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202242481651_1653380238415_0.7142140537582198","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/button","version":"2.0.1","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"363ae9bb12a96eb255aaaa914388b7e8dce8a025","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.1.tgz","fileCount":21,"integrity":"sha512-8ye7Bg+kpu0u+jtpbcND0FMhRyXFdNcIbjBMIj+IpWEGptSZyKYnHsdUPQKGstUNGXlf10sDpsHWI+h8m1HfWQ==","signatures":[{"sig":"MEYCIQCsy0vk1b5Ns6LE7toiR5QYFLwVn3yEFTXlhaWOeS3VrgIhAK4og+cC4a1oaTPuITG5IdocCua1KVYGgjhineJeihfJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43893,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyXw//R52PqZ1GdBYviQdfIarPWJ3wPw4wlxCep+xrSIbHbDLigCkx\r\nU670S3SftjGeXAl7YoXmOmI5QGB4Hf/A/h5saqaidi36/cko5Hu3Zx6ivAgR\r\nA540lTcPwKQdvmoZR8763Li78NruUBJVk8LihBpptGUdUI+yTLepVg9DWTz2\r\nLSl916wh7uUh9qTuJCdoge26/RUcvvh9Jae8ZgTTskW0YsC8ygXlCFDdo4ll\r\nZlMAGb9qz2FKr+4rwq60646FdTZYcHQfDKyBBzpVSYb5njenHRYud13oy4xH\r\nn3Bl6aPTWA+P1e2HCP2Y2ajQAzZi0SnhgdEl0GrtgYdbYDHSCGzUuYYNlY+0\r\nklMDC1DFbLea2FPxuz8FqkzLP5GxgSjEp+EQrZrCi+rpcg8Wp7OEq+SfLesK\r\n2lvymVTdKutK0mHpZRCmxmLoa6CqyDxZ6ZXYMZz6kQlN2ac3CPtXpIq/YE56\r\njC7AwjEV0qW+6QYXxBw3kdJ66cJfB8BckO/xP8XWtfUzhxfZBkGpyjukH04D\r\nIggmrV5h95BhEaEKpo9JwAGscKd7oAnc7jkSDUivg0royHBEjN6dEGpiN5PA\r\nsinxNZLsojGDkZkyu8ceQj22V8Ah6gt4oMz5dkDgDrOsCOhwVu/uzOrJo6Qn\r\ncoDAvVfBY5/bzxXxA56eGRKDrWsxG+xMEbQ=\r\n=+xEs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","gitHead":"6375f5227d4482ad6d23852454a3792ba1cfc262","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"2.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.1.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.1_1653395289427_0.8490768459022067","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/button","version":"0.0.0-dev-202255105723","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202255105723","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1dbaeaa9901d14954d005967b4d6eb47a044ad68","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202255105723.tgz","fileCount":21,"integrity":"sha512-71SE4u/r7dJAEdJuxWv4dwDjZRT6ygI3//cUAxcF0DvcpgnBQGhA1lygUZJQQbdrzIu3JkoNhwyl1UxTgjWfmg==","signatures":[{"sig":"MEUCIQDdruHD/bzJEQxVoh6jiiuROFIzC2XldwX4KxKF2yIJywIgGxrGfOrIA32yRXjzhj6ssEEK6BGzeJ7qwZIe1ID1HlQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIwtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfrBAAnleMVlki1QW43yZ3eGDm+Fa6LRPmq4tg6RxToqMQoJ0kPL93\r\ns8LW/tjV5QOlHsUXMV7p0SknCuHDulY8B2na8X1Te9fWXePxsqc7L++lFSGm\r\nlrKd0FQ29QlUxQVh4+E8DuLeeGhsa6HWHkopnq8mMSN7WqhAKms48lEmgWpo\r\nO0DVqn9bnRkVfFA4H+7XpiYPEgq3IjY0zTU1Y4pW1xwkSxQnmARqAjz4tsnZ\r\nAlkruUJtDIM38aCjW8+chUkjeEq6fxInC3IXupTON40hQo0DzBitE+nSftS3\r\nHYEiEmi/WD+ccpVo/oLyN0FOVNbXorSA5T4ow4V9F125vEMXGXaNGmQZ7uzA\r\n7dW60ZGeA47eCDzqI48+jotN7sAuwS++OIUsFZ+wxWiA14pRNEBmnLcblUtJ\r\n+sSBPu49CNUwDBZ5XLt6+0X8HXiTeMdc4jWr7gCAO1voYDJvu8yNt4bB2Dr7\r\n3nEK997/tqFmD5obNZG7qXkEZNIW40EwHeGIJ3IyllQE4LwFW8wvWH5Cfaaz\r\nC89ANMnbYP81A+4HHTApdas8tO6ZxiZeLYQS9Hby8MawMbxNSiz2whTi02k3\r\noHNQldHWHCsI0e1Y1XZ4UMk0YwMmZpRW753mxeNE8wUpGhHWGir2hWphOLbc\r\n/tfu81TVYPpZPzeiNumsOW0Bx9MLFj5CtvY=\r\n=PxMV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7746c3c6c82803e7063bb3ba62d4d1f35183102e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-202255105723","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202255105723"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202255105723"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202255105723_1654426669056_0.11538275451185553","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/button","version":"0.0.0-dev-20225517307","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20225517307","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"16d7469d635f025fe0eb6494523b468ea76af339","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20225517307.tgz","fileCount":21,"integrity":"sha512-iDNVwInOnKduu0gLqYJtyOn1d3KS4OoRuADct4uSOwUyHRstClBk45UjEdinvcBdYyhOEDPydN/ZLFrJ5+Dh+A==","signatures":[{"sig":"MEUCIQCJPkdaz/bFMTXYicfFQvU30UI3qCWJvUnGWGdyl6ESpAIgaIAk2VxtjstjlOe91PYimUiv3lbQ8vhE4/ZlDcb/iu0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOg/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotWA/6Aq55p8uHXgXQQQSXMdXIfr9MGySRaPkTgwx7IGTjJ66bb4Ms\r\nByrGqs/GTFXuSKSSlqBPGSmvcXn9NwuUymK0wrCwtGQFZSJtIU5ANPptJCbl\r\nPWiecZtqWzHHcVRP/qko01IByKizpHdHWS87cGQxEdppmBBLcnb56oykQaKs\r\n2aaISB/2rO4zHVnlntgxNM9yP3wOflme4ME3HMaKlulQcY0qUeuT4HxuNR7+\r\ntMn8CKeGo8BljOJ3npUXF8L/iZOLVXtKs+9HajhwfdU1n6bhyT3ASjBG18MK\r\n+P9gxvWy2euDpNqAh6CM6Nes5s42VqUldOJVFou6lVGmbFh2+z4P+RrSU0Yp\r\nVTp6sDz/5lTKD3FRclrQZrZ0JFgUJ88IDK9QamGP710VnJD0SXOFqludRgp8\r\nXh1ueSnMCQlSYFg2QVLRYJLNzrAjNA+qIC7VS1EEvWhCePaQHr2l/oDq+kRp\r\njAMBx4uxDnu137KwNLbwDy4g87hI6rMMM+cqr+XoseWjOGWOovTc9EPDK+iU\r\ncvaxrG2SHNjmah3os8hz64+yVF9Uu/LoRBInYV4px5b4XmYikkBo5Siry5j6\r\nWB2dUwiEjw+07a3ppD3uQTCvWXFQiJTbv90djdq/Mmzc80RuXHb2uhHeIttD\r\nQk1VL+aEJNLenEtRxHN84ikmeRgfJ1qP5i8=\r\n=k7NL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e0cc67ed2979e821aaf90abd8769b4ab0db4dd6f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-20225517307","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20225517307"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20225517307"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20225517307_1654450238984_0.5945435190920678","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/button","version":"0.0.0-dev-202255185818","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202255185818","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e5b130281700fb4f48bdd8950f35c4e083fa50a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202255185818.tgz","fileCount":21,"integrity":"sha512-SdXD54XLHV++LedeYVcda/msYWWCxIjq/XuYjggevtTZwQMEpxiLbei0doKKSs013QahwjpWmmeJ1E7pt0V8wg==","signatures":[{"sig":"MEQCIBY50pTvqUA20crW3JvLeG0Vc+jO9T+rneVQhxGWypojAiAJsZF6PKxYnozBcFyE5D7QDnuaImQJ9GVHcWexSEzwwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPzjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKSw//RIaoOiLJzK57fgx5yG+whm1+8ad4TbPDZKkY+QA93xFvFAl8\r\nOpN3aXJpOEu7DB7OkHK0emkpy2CAZ8siauov724SBiKLOpY0h8AOjw46ULRT\r\ngDCjpdIog9wQ8sNE2NcAgMOhLLLhKeVmb65Xh4sTEYh2O4KO8kZxnvDrMzRt\r\ndXFyp1x9rYDwM0VuEgZjgl7nVDpD7pxiYn+vU3RE5Hei+s+o7izw6qWQPBqP\r\nAC6q18JcCzfpllWes/Zip6In4p5ClAdkPzIxgF2fvl+KcCjX4ljmOf4+/XNr\r\nJfzU4MdWm7FTRdtz+crfhWkKaszadmvcN9MpAyYVbRrFO7CZRZGVxrwxrzmH\r\naZnLeNB60pXkCt1Q6wCQQQLBsH9GdG79HVZyisb3cod++tD2VqOnkGV9YOZV\r\nv409vJ/D6Jj/+ZNn45TuRn2GvB4k0c5G1K4OVrMaeLmNQCjjlPyTOoyXeD96\r\nDtGTQNANtsFJKfsaQ8fXKsN8yN+6VDGEtMh7vhXhma74i0qL+M20S7jso7L5\r\nitgzPk6UBNeM6d6ybcEHhb1dHPBq4o0YMBQLMVIcd1lgdOKEoOi6UptFA+IF\r\nYJagzt7p3s8Ri0wBpXiSli2fINGiJrF4HGfDEg0sgKyLMc2nIyj42VSyzDOI\r\n1Q7uUWvBLKPCmFbkZ/asDAMJvD3mRCpecKw=\r\n=2aV6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"3b20df926f332510f30c652bfb500c1ef477fb2d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-202255185818","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202255185818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202255185818"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202255185818_1654455523611_0.5523365931261361","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022551939","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-2022551939","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"efc8b45fb45d6278e536421f847d22e23f954dc0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022551939.tgz","fileCount":21,"integrity":"sha512-XeAVSTT7/mrBshqrmIN9vlVCMmny25VNNsh9C63bu154fDBsl+JCdHmB13bO5Gn49ucF5XYY4UxJmZGIEbicnQ==","signatures":[{"sig":"MEUCIQCXQRMJYO36OSWHBDwtWG9WMYW3I05Pqc6pISuk0Y9hXAIgMDyiyzNzL07nqjzmry2nN7bo6q9kd5pJMGFaX585kGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkBA/+IZD58H17y7hbWR+WA4xLhoUR8n2wO4nWzQFMdn3fciT9ZBTi\r\nRCsOzTgs2yXFgMg2pBkpoQubfpiYsQbsLPW9ETrrEx+mJkT79VCkmXOUAOQI\r\nnOy5nnaHbHcBCzO3/5r+uhlb2Dc1ACGiXyl1o5P2JZVHKDzM8UkvhVTFrPgA\r\nJk/uNGN4/Oenfzpa0kdB/EI29bywQubAZViMf0h9KQqu073m6u3lh5yNufBW\r\n68iw5Rp1SirSyXl6L0/MHwU+LV5RHK4gJGkmgVfCg4vJLDZ7guByQG9AnU+n\r\nxFP0Xat4MlcbojLcSDgcOzFN18V/B5x0p3xezPq/yt4BrTDNEqJbro0LAeO3\r\nGkxO/Dv0FmttB8hFMQmqEYStGrflg0oGJEeQsG9AM/jgFX8Qj1lSbVTOaukE\r\nZIkwXzZGKDLO5OxWsu+q8MXxK3I+B7lubTYNmrtwYU648tS8bPWCk2iz8kfD\r\nHujbGHOKQSUhUHNAoqf1nIrejKsYWBdBX/sZaim9kYWWyuljeLvGQ3bGE6n5\r\nB99lmTYLZegEc6sSsI3OHxa12lZXeykXHIG2Hh/TD44cbdTLy1eU+tvoHL5C\r\nydqwAY/NVq4NayYKD77ElgL1avi0I09N5uzJB4LBB+t2yGJ3SsbW9tHLVRgU\r\noAEy+j42RAbB/Mx29uXmHgYYzRsOTiq6fLI=\r\n=AXh8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"96117054388ec4078b0c58ff3a0f6f9c3c8cd5c9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-2022551939","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022551939"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022551939"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022551939_1654455815659_0.40752828821994425","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/button","version":"0.0.0-dev-202256151938","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202256151938","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5d6434f8354dd123ffaaa1833767a150687be43f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202256151938.tgz","fileCount":21,"integrity":"sha512-zQFUD6HGBTeMwdwdAVFVwTSHCZ6YGpjGkzSmhx1SZ0Hg8Vh6Mqdi9m/vyjfMklXyIUAtqQbXZEuhIO4K1j5iHw==","signatures":[{"sig":"MEUCIQDLTL75lJds88CN3sbtoBZsxFul3FITXXK4yArfB4vkOwIgRt7093XhUht296IfBCkg8j2aNJgs02OEvj+zuJ9VLiE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmppbg/+PSGa+I92rjbDxgJOvDcBgJZUnQtMYHINivgFwxOvstCaGc3f\r\n9grNY2czdXsZZhlEIU7+DkD4HiVvgydVK7gXCBE9XJkAE+7Ar4HfdTjK25G1\r\njEoefu/IdG9sWb3FHzC+ubc2HaOcaUpV2YofeS8cpVsI/WRRDY4d9R/FU8cJ\r\n8ET88Lz6QN79DhbSkl5aPtS288vL7ni6m+O0ozwqrpCm5S91k1DEcnqKlaXC\r\n/dOPhPyImiwYWxN8ncy9Jhbgt3TWYRcgBZmKyOgQLiKPtqfspsYOt7GTDcXM\r\n2oK7/vArCc8bKxP4FjkJHJ4sErUj4vftYgFiF1TfCAk5sUYYnk85HNyLHyQm\r\n3cNqVi7+0t3jOkIXU+jK+0B1bjEhWCTyrwF9/ZsL2Co3kQHelGqlGrty6xLt\r\n7IRQJdSrftLE4TGqf3+1JyzO3iRacxwI3wSaErwZxWWPyncYl4GtY85meTt2\r\nQAXFBf17w1uKbyf/ugKm/MHArJEBQKs1reLUCuGtk5pqMWmA7Usmrgrk2c2y\r\nf+kpYki3BAyrrmlUbR8vvqS0CB59+S/nuS64DXU3xG5UXXGdupwsDksLbAdK\r\nK+yTFL8mya20Nh11DW7xIKfjuzyBo/bOoiK6qtW7X1sAknQ7VheU6TQ+1ncs\r\nPVNV6XodiLRkAKS1yBDmprx6ekUSodfJPME=\r\n=ob0c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"97a993c2926bc98c0441f899ee608f268a64992e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-202256151938","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256151938"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256151938"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202256151938_1654528805826_0.3826574030068446","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/button","version":"0.0.0-dev-202256153840","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202256153840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"15782be0eb434c8a524ab874706ac9deb97bde05","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202256153840.tgz","fileCount":21,"integrity":"sha512-J4KSt+Iy+bMfTzN1xz+1T4rmJmcKxJ3tMH7SnpIxB8Ie3MCKO2g6BDwKR8vMGO2nWYIpQKkBHDUtw/BCik0EFA==","signatures":[{"sig":"MEUCIHgMIBTEIffIgA+qjSjn10hW7Vck/QmsXaQ3ZCmJVg1RAiEA1zA5sWmI6VOXOCzu6L+rxu2vH6KMS3NgKFLDe79v5Yo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh+uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrBQ/+KxBJJLJQ0Osr0lYN1e5tpAoUvJcV+GUjCQhRwUSh242+VNFV\r\nfwxV8mEZMa4TC1hL9o5VRmtXrDAuOofZ36ZuNqzMhNpbnNv+o3WVOXZ4pdft\r\ncSr14m049nuPV3kyM5cAddM/DPPIC9uDjrrwTU0AK5QFNKWBRGue8TMQyH4X\r\n7AFSX+x0bH/0+4MOxtXvv5GKxMTzyuAx48B5JDYcbeFjp0eYe5XhQIZhIWSo\r\nS73jvrzgeIoFDc9zmPC9zpMkxn4Ve6ITlozoFiQHEO4BlsK111uR3KXwW3xv\r\n+QkpY0omuRxOO4jm2JCBezOjLAjRifwYACyKU2YeP+D5uppgfPKYSRA+qAa4\r\niepLeGGT0Vb0DfvyP291MgLfDSvpzbRbQhzMurTCRBhSFFhPw4R7F+n+Lvi1\r\nbDc2FPqKgglJWIZJZ3JMqXzhU/V0WIpdTvj1JKPWB1mSsWJRO7w8WTIMd5PF\r\nUSX56NyNOcL/b4cvfw5zJNuyuSg65z3cnW97SoSaPMdy2pf4rG8bhOKwup50\r\nqJIS9NBAZV48ieZYLCvruAgmHPpju+fFoeZcSfgJ8rzNzWdcmLok+j9RAq52\r\nbZTCrT3yqkutoV9v5MTbw/kkutSQu2PrisZVClCHTpN3O/V/ZBK3ivBA/72x\r\ns75CUqjPycuTk/Ai2HwB0tLkxZljn/0dMN4=\r\n=/c0B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"052333186c6666825937a47baa51cf3e5dd6ecd3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-202256153840","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256153840"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256153840"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202256153840_1654529966331_0.36357327716882004","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/button","version":"0.0.0-dev-20225619634","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20225619634","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"02812e71887192e4598f51731e45124ddf1ad667","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20225619634.tgz","fileCount":21,"integrity":"sha512-cO9kIwVbjrOXDsr1RH29VUhPXTPxnF8n+NwlOO9ajSdYj0OVsAWUP51rcRatJVmMa3NEOGKzFl6NOFjBNrSb9A==","signatures":[{"sig":"MEUCIQC+BV5khTxZsDdsdmjlzOfXGcFuRJzXqNTbMwvDffWLsQIgFqrbMv9j19czqE0BG6yuPClIo3fEh9bl7lXHQj4wxd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb3BAAn1Iow+mBuPR1D1RBHIvJXpHktTtFn+RJB5LjYEgK31RUSfvB\r\n5Qswq9FA0m1u/CPbJ1Btrgp66V9DSEILCmPkYo/+dhMKa51uAIPjzc9PbJ9M\r\nxCvG7uUwez9uHImxsn0R3kH657+ia45Id1hBXEFQIrl2JzOYZDjI1GXz0OiS\r\nB9BmPyR8jIu6aOn7dB6BBmxLTmzB3tmRbxIko6OWex47UMTbnPa52G8pFk0w\r\n44jGEl3UxIdeTUO0WWTcx53089AGEHRN82NAT1cRRiTexi/XmFmaIp+1clzK\r\n/MYYegYwu/srh1P/vL/iJtHiFgvKHo2zFN0KTjNLQjgs407qW1i5yYcuzSWt\r\nqzbnFP6FUwLMvvOj3jAD29wfe6sBqFSs+4qMhPwQNhpIiNRrCeFYj73PrC4v\r\ny4WLyCe858Xw5Oimnc3X/PMZsAahfjm2OACiOQqDmkDAS5nQptQdEvYxQadI\r\nhDmh7Sq+8Tb/fpqDuT4oqhrotL4proIM/ylKgfp/kkGBk/PQVncWdHKqn6iy\r\nptCu+7gArSu2N8+vmeBVs5sJim2Kya6ndP4x5ru8yQJTt0FxVh9qXsqFVEIn\r\nArMaTC/xb0h+uMc0OqIkGiSmgDw8Ewh5wZ6E6sWC1siuZ+5jyVM4mBvJOokl\r\nWzd3KJeA2pyhepUOpAx+R6edsNRgQk5efQY=\r\n=EAwd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"c1b818223f71711abb835bababcadaf0904f3bf1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/spinner":"0.0.0-dev-20225619634","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20225619634"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20225619634"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20225619634_1654542418944_0.49443049309140386","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/button","version":"0.0.0-dev-202256192154","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"907266231ec80a12b01bba713be4767c94c2d3fd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202256192154.tgz","fileCount":21,"integrity":"sha512-OqLS4LpQKoT6TgLPstNRc08N8NaFoHHGFu9VaP9KxkGtsqvUnpmGxlZbqTSKCnsGUt77S2UMmLZ5Z+VbPuj/6w==","signatures":[{"sig":"MEUCIArlHDCk+CyKMDE5OTWhEShVvqr3KZ8KZty4YfAMzEnmAiEA7e4VmZeRvDGMmNYDIF24SQHmjC96MDcWV7XkkFnpF14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlPxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7MQ/8Dtu+f1T9taIk+SGyKTC0fYCOi6XwB65+QRoGOs9gZfgJznnW\r\nAFahq/zqDEc5N19wADtR7RbZYJMBGI1UWNjFHa4kfpLKjYcJ21Y2XGxTpyiV\r\nrmq6X8hjH0j3wh7m5QShPsB3t0uemOFuIaF95m7bAG7NsdTOUT31l2WHWqc9\r\nhNHXLKSoUZhlF7j28m2EzgSD0FHmgcrkwyXhvNS+b1IgaRvZJo3fG4ji0bLG\r\n1zlJt6Z3sGJaQU5/MNLIOmXKgb3t5vKT2JylXHebK/8IVTV70W67ewWjYPdf\r\n0rg4YP7br4a7zsL7jf9syAoW90+OYvnLg+KKNGtxohh3jZkjrciJFoSToJR1\r\n1izHSnuGTm25alMs4cNIdZOcA5cifsCqS0gs4sIASV12B13sIzRsWBnBneFw\r\nuy8kH5pXa5SYc63rYsDOTFcWIvQEtYOIzMhCojbjdhVWvMTfbr9Gjsi4Nm3B\r\n2w7AOYBuDyutPMbyvqJZYsqPcDjfVJiv2bbTJdtqKSWEJajDOP6s63LcwpVp\r\nktboxfmoKVs/fFQzUT06UXUT263uSjmxVo9+Ug/SSThS5hVJhQ4jSzwf9wvN\r\naV2AmAkike/PQ5NzG1NSX8DocxW76JpucU12LviUsa+yJ/PqszWXrS4cLd1P\r\nIRzzBfgJsl9ebXhCMu04CUYCSCNE6GqNIEw=\r\n=y9Eu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"06f29f8cdbb10ff1da523e0d0e958b9990d041e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202256192154","@chakra-ui/utils":"0.0.0-dev-202256192154","@chakra-ui/spinner":"0.0.0-dev-202256192154","@chakra-ui/react-utils":"0.0.0-dev-202256192154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256192154"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256192154"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202256192154_1654543345330_0.7621264333271522","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/button","version":"2.0.2","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a5ef09324e4dbf95e1814a1755b2a35c365470ea","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.2.tgz","fileCount":21,"integrity":"sha512-l2RE1031HR+vVqNQhfrJCuC1OzKTTLmyA8+ScGZhjV6G4LWGzU5LfsyGAXq53l1lFcx6O9XJzfgnxAvnGGKJsw==","signatures":[{"sig":"MEUCIG9H2c6iw8QWA3sUog5YPswQkn0DWW78yvmuov/A1SVlAiEA8znVxW2PEZSl8iV7vI1SzCXjlL1Q3PNeI/uKWxugjbc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmZ4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriUg//T6ubOhcBDxI8YszxPPDoEV0yB6Nde2RCQ30S5SwD0cnF8A1L\r\nQ7TZvVHkWHvtHx78b71eNPydIMQwRVMsua03MKTtfXZb/pts7Oio/btnHWnH\r\nyzXF6sT9Vc4zTy9DgU0dg+l+9HcGvryehRWAhsWZtX/CZ6C9URNWSja6gnAN\r\n3ALSduyR++/duQRa1lSyR+87qCH8f0ECCYZNvnTW13n+mIEtun7i7MYnbaIv\r\nPpfHG8jrGAllxnzk+k7F6++6tRzZUMHGcNTZix9Xy87dhNkOHdaX3HNdg9jr\r\n4YIHTVYbVzd+g6/Ewi3kbJAuuvvxgnizivNyjWJdO6HjvRUnnnley93F80M/\r\nveEQdN1tAhy45SPOk9jroAmsyKEPF4tzot1h/dOuKvjOkXb+XBC1eSGdOyz4\r\nBUjfJaHy3pyVVbgrghngIErqqfK+qa/bT4O/xvUYK21W4IcRphV2z7JebiFS\r\nxQRmShXxYCHrcenU5rK+zSrFj/vxlxrsMOA/mn7tEwmjPuo6bQ/mzq3y0YxF\r\nCudEwT69ZoceyOLeZOLW490+t4rWCt5IdGmtJy32sOdA5jwa60HpgzSLA1qE\r\n/YwA1XPDMR6XcRnfeyNQhchMLT+03H+0vXw4PgrkfKY8bul5rmb5fDW/BAm9\r\np8/PqhGmRRm734RfnmS/TY7aAuCNjC9ABf8=\r\n=8n8D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","gitHead":"28e10e36d773f609246df375dc6279385d07e0ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"2.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.1.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.2_1654548088163_0.1171718244410993","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/button","version":"0.0.0-dev-202257113227","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202257113227","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3fbc9fffcefcfc3fa89f4b3391286aa8281b789a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202257113227.tgz","fileCount":21,"integrity":"sha512-U52KnyUeVBeF1VD8O7k2LmtY/vmN3aYAKoxWX+QYrO6orGx8hlKDuhNqTsJyOYMjyGS3NwG4bCZzXM+wPbs6tA==","signatures":[{"sig":"MEUCIFmdx7H5y1fhT+t6EZKz7HldfOKgjtlpshJ1I1GJf2BKAiEAsLhYk69DE68uAirJIehQ1nE4wkz61XAC8s+y5W5SMnY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzdhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNpRAAmtyoyH7QPXkIDflsD1gc9sAOwmcOWmPWhCvr5ffVjYUBvtKJ\r\nUoh2STKyDZ2+q6AsHMEfRjtE5PRUVO8rKbu9pIY9MEMyMUwKmmKP1Vf9omPC\r\ncnCnIelA0+J1Rpr65ZD8RPCH0LarHo5uTtu8bbmAAXDcaUizmqRaVFLoE4wR\r\nztZ986UdSZ+f5zwjUV2liZWWmUTsPlMc+0wtt4lVLUVHwOANDcxHo606P6Ol\r\nO8Y0vAjFcdwk5j/hmg9wilK2Pp3Iz3HRrMJLu2t4r65cDNA8a0CrAXYnz01r\r\ngbKiO67qpnmus+3vsqP4LDKjHHhMVe7bHlz3x+RU+yRTBHpdEbhOhhB6gkpI\r\nXpSFUbI2zzcmSxNFYr7VM16gc2rCr4I/iIIFrcMja4tXJh+/rmEORZOBwmO8\r\nTURZNo2LCDSF5dP1J4lzhgj/O2vc7vs1gSre9T2/jyKkCQhejCWes7izRhcQ\r\n1O6Za2V79QPDnYPt+L9fakRISB3G5kqFUFRFIiHNViqZmsVRprnRPPT5EtaI\r\nTWHZChQNhKJ2U1mAgluWgjzRNsQjf9wVak4nhC0hHV5IDRUSoNGsdBzy1XOo\r\nqsenC8Q7TO61XmtF5Mv7gyWonw+eFPcuMP9sW7Pfhfzbsaz/31AeB5y20uvn\r\nZ4pcLn/tUuIN4i9v8vttpa6W7TJcv/6z3mY=\r\n=N0P+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"f98473dd769b4524258faa214ca5c8ee67feee07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-202257113227","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202257113227"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202257113227"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202257113227_1654601569638_0.3759479108523254","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/button","version":"0.0.0-dev-202257113310","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-202257113310","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e1a9ba5f9d81f7c5920df7784024efe767de092a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202257113310.tgz","fileCount":21,"integrity":"sha512-ltTDTojXYpbkQ8rr5jE1fgmAAf52AsRsV6reGH9yAjJE6LHgzkz45ctAVsFB8xWRouQiQqJUID30/N55y2n9AQ==","signatures":[{"sig":"MEQCIGFWEDHkd4Lpju4q6QZyj+G7SAShmOclyOM0WM4xNDX4AiBXFyQYnDw1NIslJMrhuFe+c5ZZneyN0YYE0mlEZJ4ftA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorMA/+Ju6mUNhHFk6/VyNCAWJb4AcMviCJv4Ax49uDcp541JTvVHZy\r\nv71KY2raOXlh6YYMkwEo+CW1UMnOoyZDpB3SL7wYdS3SyBgJ2CYkAU0nbC5H\r\n2dG4Hh5dZpDwh4PAKfkHvNL2pkOQS0nox0efgX3GG7AVv3tj0oBbdd6dBhKL\r\nUHJUTO87u/ZoXZuWG1/lkM1ErbqacKq/fRMYdmjghCF566rdpPJG8T9toWUt\r\nU84iGf1O0ztEoI6aHRLvEUO8icamOYRo8YFzsQXj8jGFTWfXKMgISaBpypKq\r\nFm0aj4efUvr/6aId7ERqfEv+7646ZZRrbEHTehaOyDnh31emMToI3XIQjpyW\r\n9+IBhuAmNHabdXaFeE2Ca16Tq7zAmkDGUFZ7HdByzzWEYg0TWirlHkDdEAHS\r\nEy2NUzkx22HZaGwQWIQaNj9P0CjgMx/HI0mRzJTnzFaT5t3yFqFHDL2wbo86\r\nb6gdGLEys0+OsysK1JYw5H/M0E/CyU3WJ9OVwVFCxnWAXMuXCrtlapM5w0ay\r\nGPv+r3oIiMwB+vUk+fZ7QKu5CPJ7zCCMrZgmNCfbanKSg4FApHTexmSglUEk\r\nmBA58vS4nHa0qJNjvxMAAwK+g3WuU3XyLtHi8tkwy/54mUY6g5JgJuhrkA71\r\nIqtjYp3NPk9jF4PdBu75kNU+9VqbLGnVGfQ=\r\n=V30W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"0899270d83c68a1d33a48ecd8594d8855b680701","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-202257113310","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202257113310"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202257113310"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202257113310_1654601612697_0.516403736546412","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022587541","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6b3c24dc18b15d021fa1e4d1c34f0bf75af9f05a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022587541.tgz","fileCount":21,"integrity":"sha512-q4oiYws1z9q7y2SBNYqNXqqFpDmFcQKmSIA04s2tQqB1V+Xu7olRzupN/NQaZ1y08tKCPJDkyPuH7ik3mrQStw==","signatures":[{"sig":"MEUCIGKOIouv90wur1p+w1G57wu2NtWKgvSiFUVHpzpWbAacAiEAgpy01gSrn5C6EOPkhbJiU2kvk1KrGIIertrT7bMKgmU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEpgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpA6A//YaXsednDLiO1fgFX94c2K+SM7czji3kEgmQk2UR84rhDx5AX\r\nXisAa6aSck1WnIxP1Udr9s/BWiewmkdUto9nLKVLe1PguhvCiH6liOEoTqEB\r\nUV7ImqoERxZuWFsb/3SnOVThSFm/K4QXjMi7WbMnTOwMsKBZ3RdGcg6pQmEk\r\n8QrUZh4FllhDDfpT3xkT5Jv0JU1CUqYTIS4KekJ+fSS/vxVNMhngehpEUic9\r\nAimP3dS98MWVsm2dSSyyiPhXFFxlV5VEACh7E+iXkdzaOQeZ5KIC52jJJ7xI\r\npEMMmAXxfwr9dZnjyyBAftYL+85JEvrSHOkdrEWcVVFyO4j9YRhRgA9DeqYd\r\n0StO2bp8huSNaLFD3mTY7fQ6Yu0FYElY9wVNTW9Qyt8HgGO0s8+DvhikJo6j\r\nNQ2gC/f8BP0ciTXO0Ohz3kMqwhVUTxTyij6L7gpAWZiJ2aAdNJ8I5glCSMbB\r\nd4oX/ZRkZ0z9bHY1eWt8v1LimZtOW+bgBShV2d59MQPvRrRQ3FnbHA26nQm4\r\nOc1cOX3wfUA1DwspnE2Gq+zgH0FMBUclQ4fTvSmlQHLEH2PPXDRTdhQaOClv\r\niu8ySTUpEfnzh9Vx8wO/9KxsyrKZ6WMUr/QMqaUZiTlAuMazaBY3iXPsf+X1\r\nGs2qSViBXyzeHyEyVjFQ26JeK/zjCxbdzP4=\r\n=EaEb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"ac1f37c9daf3f099147fedf1fd75345979032c26","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.5.5","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022587541","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022587541"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022587541"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022587541_1654671968372_0.6342881497363502","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022511155212","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a44f5f5bb3465029f677f4ce2b62c21241fe64f7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022511155212.tgz","fileCount":21,"integrity":"sha512-78K5FuDQZG4PBTJVFWuCr0bUZpuuLpwItRSM2c2Y9xLa1LEsMe5pgC2zrN3LXP3wjwMe26TPj4bVTL2Zn6ZecQ==","signatures":[{"sig":"MEYCIQDpYXoh8so/fuDiSRe25KHQ7HLb5aMQybL0WvzybYXOSQIhANPls+NqT9IU8rWCC9IBq12KXr2kV/JhF/irlUi8j0hf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmryxg//bvxc+MoGYzXrERb2UMr2uG3mF1SHkskrkDL7HbmSRzeYIyzj\r\nzysoM5soaHCxCNs4ivjSrpby3gFTt/HSOIW1zYMnY3IWt5wS2u2gbs0xK5nU\r\nLMXKz0HdIQ2L1/cszmWyvDU22lalX9k4Sj0aOuIr8O3IxJuDt37a46cSGdIL\r\nB/KKWIDQefv3o2tNl5MTrYjaMSSeaBf1PFyU/KLuFpoF+DHToNYh8gyvUFyH\r\n0FlDgSnIOopu3irhMM/0F0hmUTg0uFTP8EmZmcmNt6eXgTj1ElErdfg8k/ol\r\nv48ivrS4gXCZ7t3+/E3Phyq/jTpQW+Ye6b7ifSmGbbmpszjHghDZihj3V94b\r\nJ7dWpZrjZaYINnDa5CKhRKx9qmLMAnUPAQpX3nIxfR+LtmdxF6Qi0j7WK0Cy\r\nF6YO5Tke+Z7giyd+yOvXx19NZZ7ir8jYbJBR3XVkKk1gtPOnd7OniFj8Hiep\r\nDvkn2nJfiIt3TSVFOIoiugpTlO+7/vggP+RMLlJ9RrUMx1gVkD42voK8WFVz\r\nQXcKdS5eLAFdQtnCgciuYEfbfWOYNQO4vlAsBSq11ok8kJ7BZNNjlplxhQcK\r\njwxUZkw0ILvAZEJnR37emnS/dYdqEHQs9v2u8kaVQ0EACIGhxjShV8mpZ0JU\r\nfKB9rxbq8FWjDh/DjgBJ997nd5MxMRb71kQ=\r\n=RkVq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"911e13823b03fabd673d7bfc4270ef845d3d496d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022511155212","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022511155212"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022511155212"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022511155212_1654962760524_0.9042869233170585","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022511155356","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d9c5c9e6c29709d826ed8905e5993e7cd282ad05","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022511155356.tgz","fileCount":21,"integrity":"sha512-9rAqw4eW4xo5i0V3mJk4Ia7iJAv/DS4dW0VNm2H1Qcj3D8oMA8VUFPntZgXXV5UO2yeXKhs6FryYyqLcEfXk7g==","signatures":[{"sig":"MEYCIQDnsMX/qLvisZvAomDO7SFhFFffOjW+8FObJvJHSK9V8QIhALLyv3uITyPha3zL9jd1T58tDsY3rjt9AsHzAH+D+qZE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLqxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/ARAAnWkKOeV+vFtoNBvcTBqAR+MUVnLI2DDQi3xg02J6x6GrwYrm\r\nnFtVJCNQGIlMhkmnC6f8GtM+eLvt+loahamhOilfhA+5yegB46Os8jCrQBaC\r\n1yHBKTWZmu0VTGPt85lgVxZBNZnB6umICieCJgzC/IcA7Xs39HqkBir1KQZA\r\nWn7wYTH4Sz+k7c1Zz+4BO3UMVXFxUSfSDJxepOeJuXW++MzM+hU6Rc0T1x/X\r\nckXiFpSAkdOkMrhmXx5d25Tr/YYuDguaXJUmHvCX2T924dpAhaeO+ut37BLN\r\nbb4p5HPUfR9T0Al7IKKgRjOyFitwOYTyP5zVozW1BF3fftmY4eaYNG9HqvKK\r\nCkOslSKKAB7Ko649QuIcvq28YD0cP7B9d3uaPuaZ+9wZ1rzIA5wzd5RKG3uu\r\nVt7HTs6Y68So1iflFI8q0Oy1BPdJdcYWa1bsQjbJo2Fjfi9L8qd3J63u+saO\r\nkp7cZcMi3By3jo0OH9FKYrWH5a2VBbNA3/wn00S2OOlQdjf9LY+sMdUkoVEm\r\nwmrIa4WxuTajeKd0iD1xoyciA5D372UaIa9ae331/2PCWltyXUK7o5IORTVs\r\ntBY5nOIxKnWzzS7tBd9PjnZgamOp7gWESdg+/MrV5f76JNIhItvyniUIIHAz\r\n7QjYmoz16K8NIF/Yx0llfjhI4L5uuYWFJ7Y=\r\n=/ic1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7f11b0cd2299ec57b98399fc61314202919adbce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022511155356","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022511155356"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022511155356"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022511155356_1654962865010_0.6637716696670264","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022511155428","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a0821ea4c31814be72c93532a4eb083a7a5c3760","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022511155428.tgz","fileCount":21,"integrity":"sha512-46hPPGXsVY/KaelccXHywjM9YVpxwe9uPP/y/zkP/OP8pQN9KqEqoJ94AdWhxiUfFjyp8JrgViFZROP9HVfecw==","signatures":[{"sig":"MEQCIAZ7J1VGcRHCl3uLtRqdLAvA2SLUKoDDyQGJCqQ7nVbQAiANVThAthVQ7I7/Bq8BYd97J1GvphmkR9Pc7l43SuWBbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLrVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpiKRAAhu/KyPO/8pl2uCW5T0yb6GA9TR/uPrHmLWmyMjg6fSFkPSas\r\npUVCXmKWCwFDe1nPm9tfl4+RukQV4jlpbhMWy/5OTQ9Bw8KfteI2AsqCejFp\r\nuKKraC7c+OnSUTGyYHKw/SWuoDyueCfg480vqfwJ5N487JGcvRIKxI6cD7zL\r\n+iRIsngc7k5F4uFrCm+2dG2Qlo6YGiktDogHADHY4mjwrZ/d7QQf5YEUfoly\r\newqBDvIiQv6Xcl8vsHs3gdloBgUSIns6xzuTVmGXSAojtD2WDwHVwukmxB2R\r\nBdume4K8dR6zYLTr3HYsCLNQDUpPB0M39erpxM+c8zRsvU8bNYcDc5VcU9Ca\r\nrSuMuxe23ephoOiONLXkg3b6a1uLcRQ9hg/sD+vvowDHVJp57TKA77X6APyH\r\nQdLVr9TSb720duoaBEKYCRMccjjOhqoZU/Q6liQ73iKTESIQjcSgIItKwVal\r\nqnm3bNgcir+KGDxmeNFDGJ/1qXNNYrco9FEmo636UU3Jqq77AzyLs2qvvfnx\r\npmcwaGKOkvNvfQ6ngZqVjTJmPI2CvjMwDBWALykChYRgZ9p6k7PYlRqPl0M+\r\nS3pNs+aLT8SCZp1I9h+YNd51EC2mP8fm9JKxltEhmHXgelxTZgsSiI6a4fyY\r\nw90E3rrYKtMTXy9+XLjvj/WBGHNl0juL2Zk=\r\n=sY26\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"7fc054eecf48cefe788fdb31a343b1e281649197","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022511155428","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022511155428"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022511155428"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022511155428_1654962901070_0.03389728033603068","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022513181240","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"010b90e60d2727fea64b9240b1ff9dab6d66449c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022513181240.tgz","fileCount":21,"integrity":"sha512-mUzevSvXmT+qMPwrUk7qDfEkFA2V2wFzzYxLU4U9Af660ysOWzCo03T6bF/exAFVXYkhz2CoxmNtPNWIunOv+A==","signatures":[{"sig":"MEUCICgV4fkifS7oHkjK8IQitlQBlyILRf2jru1ytdYqWgRgAiEAn9QeLoAoq/eBfJMsVnTBjrv7M+1bz/gY0rM1vjAu1+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip34xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq53w/+KwXjcniQP1chedRzV0QO2/OFwqjuwWYpE36h4krFi6rRS8Df\r\nfvsKOrQ/X773T4MFAHJpPzU4Tp0bpEggq8CIoHI1Mpn1zkIpLtk6ADuOtbn5\r\nUo3kCVYk141VuF8fIdmBXM876zE0TzIYtwBjsmYZ2Z5iF25Ysd1zov1Y7vCG\r\nUsnZQoexqlIbFBt/vv4T6ClEAWvySg9Ij9fQ36FO93A/fXzRd8GVAB8Z4wnZ\r\nzojQpO92UzcpLu0B80xf/DQbZ6h6fQThz/ZyqW/z25IYe6z/Jotj7JKQz+MB\r\nehkNW0CpaSZWKgWEa7yElmZwMawPjwU04kv5lI+73pA6DMffG606IydjW3ve\r\nAFbKT+KLJffNDdvUY++j8pHgYds4W3/x/FXgntubxx80i3Ppf3OPMGE75B3Y\r\ncYVOrIHkk375hewpqWVsIPTA8AwdnEC/flBQf0+/3MCPuiXievy1roVOCRKm\r\nnmVhKplsXP0umEkNp6iJNx28qJmPYPNq6w0ZbirHXTbcn8mf56UPnGPhw5li\r\nAD++4dm+NmJns17eNXjC4QvOZ2lJ+4KCnB9PFt7siFVNTFXu0jaUYGJX6reP\r\nN6gXDeppA6RmJZYW6Z0oU1ZIO5QLpvyk00vWNlfYCm2NUz1yH27YpzNVjqrH\r\nBySn7BlVu7hjPIn67USJzkRfBENwcekMWZ0=\r\n=ZrB3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"31d24f6b0953fd4eb9c90a80e3e78227624b4d40","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022513181240","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022513181240"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022513181240"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022513181240_1655143985176_0.5450571320117328","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022515163532","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"17be0d1c364ff4dbfb640dc4c2faf9ed8261cc6e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022515163532.tgz","fileCount":21,"integrity":"sha512-/A5aSRbRvP4wdl+QX6r6WkXGgCv0iJ5repJdINnsl3u4Yh5Dr7auUY/rgBBpoh9ah0XAY7S34NVtMK8yjzgsKA==","signatures":[{"sig":"MEYCIQCnaQQY+OhMuTnL8/owuqa/rLK+Kq4XVhWv8+9lCzmJfQIhANhUvG1kLJoUcC1+5KXlnVWLrn+JggbK8E+QXslG5Kfl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgpuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAEQ/+MRAsqXdIP5Osd9W0oMpxwBr8HvEC4vOOMqFSvIWcrgTSQZ+K\r\nDns0jw2vDQ8EERG78SsHAVfckGPDC52kLb0HRJdL/hlhdPyrbNAG5atSAlR4\r\n3kamJxwTo2Aju9wJyDZeWLBmPyZLIaLvIqLYRGB1Fu87LSoARIhercO+hnpr\r\naFSSbu6tXI4comqcU6fspaCQh5b2NX6rzgZnAjmVciBy0o624pFVFhm4u0cB\r\npwqFchQlVc5ULxyY34QL9siFxa7lutyVxPpiGdIwGwL6CwXifD2Ijc+fRABK\r\no0ZDh5lkx7Pq9SuaZlt6EIHEyjLBSiAZysLFVI89Tr/DzyOMZPR0n+dGls9I\r\nBCDrRXsNtmJ9uKkDRDSp6pIviLO48+p4+/XPz1kBWSXfz1IgobHn+AKm8HOu\r\nNhOC1ke6R7+ujdnGxHE6XYPdHzTgoux0Fh6vGC9F2SR/Foogf6+5p2cioFRR\r\nKmtm9O/YJ42g0m8aHW2S6V+igdntn4OufbWIWdAj3BNNU0dZx3i+Q2L8HUhL\r\nXAeKDyltrWo0k9ae285DRknS5waz4DibfudjFb5aoTA+Dvia9tKmkAf/HlW5\r\nbEBMO+xIDP7VPmqAhS0RZcMDEXXR1jARVZI5R6tnqiPNL4jv+luGQg5vTf4Y\r\nx/VNBWNx3dzDjI2fHETtsVHNT0WrwxqVVqQ=\r\n=Sm7N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"f3c0040dc87a741a46d5ad76e4484fa72221c914","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022515163532","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022515163532"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022515163532"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022515163532_1655310957940_0.09028469250478666","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022516122241","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9e6a3216c7037884d7ba6708f3cc49095c576b06","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022516122241.tgz","fileCount":21,"integrity":"sha512-DzWrdY33pKegH/FceTVtv4nEynemtN4wMyP+ATnGcYwfaqYq4eX1FVBnoJ0vGZdWFNPvi1QK2QVPdjClNFcM3g==","signatures":[{"sig":"MEYCIQCJI6rhnQwbEOhsQTQsIccPoonKukhmohTU1ZNtfLPCdQIhAL6ERIAesn3YKLk6iN3onHAiCcQPGIPCDyb4KovwkjUn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyCuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRJA//RC3ZOVLTI6CNOC0VkstTSVO4D4GtmntHa8uLrfyJPGbDRR/d\r\nCgfCy7ix5iVnlzod+zG+Y8TYgmSHIOmO5wV+Atw0WoJfgvV5J5CRKe6w2VBF\r\nqrirBNeI1LRlt0snuEqjrv4mkw+TbR86y+B5eBGPvR/vBkPBK/vsYStq274G\r\nFUX5nPohR3V5q631xTI5CdCeUxKwmU8nIUaES46KnfVe1eVbAeo0pSTZj/Xj\r\nGb7aZ0uK3rGWwo3t5xyOqM8YJTV132N3qWNXQrpw6P1ZcJPMu0rFGcqzyA0J\r\nKf8jEEqYQGKIWw1grpSNQWWsWwf//Q3wNLpErj86VhGF7eSRMiGDToqopCWO\r\nkVvrb470YDhFHhLLXTS6W+qOO2eVUEZFksLmLhQWMh6XFnniYS/tBvQ6WPG8\r\n6sG8W1FWvZqkGybuOn0jmFUi7ZzhT5QbwvlGI0E1cw6J8q8IhpY/zyeQs2x7\r\nrVeurRaKpRZyXh9Gc2fluOh2ByOb06vVUE27/pYYd4c3gy6cJzBkXUGVWah5\r\n11kDAR5Y/amT8RXj8P8VrMbEQUjNz1aXsyn0dcTZLci1HJN5IxB1NT+UGAcF\r\n4EDxIEIW3P3JXwIJLTcn8lYXbQa/Y+fnMZ2Sucv5dEPZewwXljhpGrOoRHz1\r\nW4OIP+X1gYIT/Hn7+BMlnO8xfeOys9ipY7g=\r\n=4bOo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"69353f68131cb17f069a17135e8b3ef8888d5f3f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022516122241","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022516122241"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022516122241"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022516122241_1655382189838_0.7455693605619651","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022516151633","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5c87c6cbc6a4c060f14a0ca71889c5075fad5906","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022516151633.tgz","fileCount":21,"integrity":"sha512-yHFr9QECp04bTDEhC2C8j3OS7VyWJRogh1Jq9NvQX3OYgWh/T+12WqfVjwdjFVHCWIwk3XPQlBZgLtlYhCiFHg==","signatures":[{"sig":"MEQCIFj5crPq2DmW8AifppXdHKyQ/vrSh+C2yDFKnnL/L3joAiAwRjmVdR4cdLl6BaBLNDhbuzazm4JeHiCwV+3TDouPkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0lqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpK2A/9H7qrRREOsoPxdKrJ4KY/lLr2AaatuT90mNkfeTacAKT5SkIq\r\n2xS0S+2qPHF/YkuMLLv06D3vpYLgGdAERpgHmHxZQIkjisLnK9x7tw7KRCsR\r\nA+N+kdXjKC7zTaJeMKLNehf1lBe3wuU3Oe79Cw16/ha/pUzgw3tnMTZzc1uV\r\ntqz21V91VAR7UC5oVgcsCLA70qyjFVW5G8n03jA7QxMV5CEi+KyerruaMPEk\r\nVEYtDtkBPcXzgjrZECfNAjTNXSfD7jpCdV0zUbDLEapBM8I358q5rjIMYPsM\r\nyvs9hMId//NgOunsfxuhd0iVJIX+zWm7WSJS7bI0zX+K1fyY/u2sHhpoevtb\r\nAHU9kmJz51n+UDIwq261iUMjkrOKYncawo7ux4w0ZT38bhzv0w0JzDeiMgpT\r\nwi5ZrQbRLHnSCYP+KHG4KEj2u6QOSmJx5VQ7azGPgoIHy4VDDs99GSJN5WGq\r\nFb8lNf442Xuqb5W8mk8F5ZAt7UN7thHEsURWJNAEeAwjspTgKejuY30Ra2iI\r\nZM8n48stLm2K8Z90aaAHE4+RuviynDcUbePcAJM4dLGhaUAvwTfRgPtNCNHE\r\nkyb+iVx/gT3ETUwR8WFXq2pwMsnkwVnS0dmF1i7idnCpALV96i0u4y/HKLVu\r\nv+5cmTjMkrpkyPr/Kfjmw4RIgSukUMwM09k=\r\n=BfCa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b4ea78f453a06eda2019410e925e527176e0815c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022516151633","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022516151633"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022516151633"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022516151633_1655392618498_0.5021621852991387","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/button","version":"0.0.0-dev-202251616831","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"2960cc34eeae71b3af520bb2e5ceedc44efb8244","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202251616831.tgz","fileCount":21,"integrity":"sha512-aLwglri8SDsXaJYq38CmmjYIaEnQZ5EeOM0v5iQwnT5Dn4NvcQzt47QpmTk8463/Wnj5ooHZyLmt4Lu3jZkpCQ==","signatures":[{"sig":"MEYCIQCwRljdv+HjIbyRDoF73761SHUj9SetoU8FmWIl36tZLQIhANUx5+3iMKlHLqC026YjoHsqVV4i7BoGtwKua6qz8yAg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3Yg//cxCTmriB+EMavke4oHhc5xWDUIJ5FdovF6GGVjGjDSdTIouQ\r\nerDsD5lefYW5J4pLhz0G76WUsoYZPiy/bb04DfSfXpbNm1Yw6Z1MhWu3svsi\r\nZPuP9ZVf6OrP1DRK6l7eut2Tf9RkE/EpMsfi478tw3U8kSGuMmKpzCAEexSE\r\nYXVmw19yJ4i+88lECiSuI866RRQNvBH9URwC1pIrmvR8ObI2/yMdyeC606ys\r\n/UKwMgIPmgqIjiL+e4Trd2PQJaCa412MfFBggpOhPgGm+syAHDJgxx4R1OED\r\nLOZTNGR1mcOM9XkwfW3D+Cc+ijva1XsN41TAiCE/9cvdYCpsEBtYoVT325PC\r\nRBekijLc2kzLAirGQMz4NP4hqv6NspbKjsEKlyYV94YTTG3+/PBTvZoLHlH0\r\n6XFyCbsNvIBu2KsUoiJ59JCbV1Hzklbq2Ye2GRTTFNKZVAP0U5+73IxKsBRR\r\nhWvxQ++UlEy371aapgiPBKBhFiCdxe3jMh/LwMqJG6ZXjjFxXnO5MkOM/t3/\r\nOZGiaS3ew1EPGCuRBR30lQElfMoFQw0MqmOrf7M07MvNrrFdVFfkFiU7fmnK\r\nNxB6Ln/MkCLCBWJ4o7B6NIDHsa+6yefyEJSKGGL69ylvYq3B5+ywsILQQZ9j\r\nd3OMgYVBjLlSt8b7KYRu+6jga6IZijYCLJ4=\r\n=4vHx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"aac6c98321e6487894b45cb459e67e5e02499224","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-202251616831","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202251616831"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202251616831"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202251616831_1655395742612_0.49681402360666294","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022518113258","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d3c928aac5428265f546d88235e5d9fac4aa7607","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022518113258.tgz","fileCount":21,"integrity":"sha512-39/ip1g+/ne08wTsj3RtbwvXjMqIZDUj3POT9y4a+IX9J2hbWs185GpywYN5y3d9Qm/vxhBGua3/z07CKglv2Q==","signatures":[{"sig":"MEQCIEsFSpqy8ksm2+OOPI9aDaGodubGFPWmGIzk+yBU5OiDAiAe00nURH22vcs6LGya9og6gH2Sq9ZN+SpYYpF9zTkS4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA0BAAi3L74cuqICJa1iW7OY4QOP25p2P6fg2bJjz4yJkdGoDaSxlp\r\nKdY2fFoQlYCG7yJ+40/ita4BZXn1BnZFS2TILNfhwGiBy5wsTSojexIhMcJf\r\n0t+RlX3UX+R+O0oEOhZ7uia6CL/PLifr8nbvWBiX7fLBL8cbKB+vWgKxF4R9\r\n0Dm7KFUn8OukF0AVf9v/+5aDO/1rX7zZpHsLvR5aKAejUlCUhU0iIi/2zwFY\r\ntZQiKe8paHzAOwhXVE5VHCs0vovJFUrJfWW0g2A28dgas/UnXrTBEvi+ogVc\r\nPD3fmeL5LhaWL3E6GujUwx08fpjGlYWFQr5ikRwdL5C7MIGEMCK9fWrQpI+1\r\n6tH2aa07SZT/S2qkOURX1bYP6/8pw7vV8FfAqqT56PHzBZMHUU50X3gfLXZ5\r\nP7lnSpaljK99k5gLclwcbR90Nao3hgq6knLp/6aWogvs6eHt/ivlyGs72h+7\r\nE1IrmHj18M4zMq3ZpLrxL1zYwo6GrV+6OFyEZHJgBgSopKJ3gfKilV61FnQI\r\nXFvOT0UyP1DySyvxy15hdPUhXpkrV3qHSjZra0DwcyM9s+XwRztoqIyW0Kb3\r\nimotpqWjrQi6XoBNMAYZylS68cVyXtyz8FtFoUtS2BNHo9EavefKCMIxc+kM\r\nZIKjFJI7c06g3gjsAdzMd6r9XV3QcAvlZzw=\r\n=bpSL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"6ecf45646d1558a52b9ed5ecb45e96feed8f09f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022518113258","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022518113258"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022518113258"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022518113258_1655552007042_0.528337715180081","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022520143145","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0cdfe507e7d6a7e9616c5e36f3e55847df5c02db","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022520143145.tgz","fileCount":21,"integrity":"sha512-IDK8qL6dXeaG75Vctw5AyPwZEYBW+mAaS1uJpOIm+HhPe99IEflDQ++i+O6O2Zn+PzKBgwH3fp2x959QKv3ptA==","signatures":[{"sig":"MEYCIQDRpeeKmsHS2sfcYzTcLac+MhP4TDUQ8onEEzzDVwfbPAIhAPWJUCPin52IZynCuCQKzBYFtrlDdl7r3mIWG0NJPHyZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisITqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWyg/+KU2NmwxhNmNfCQJ5qcYpM4maT3ueGSXOC2ZUHuQlLl6G+rg8\r\ntgtUx959EYn0id570PVMh8NZYRk7veBQe6+YsVuGmBoO4Rf6/8effessbt1l\r\njA9fx1PZEu7HYS5NAqYqApuuK2aJ5RR/8fUHMshd6PWljmJOkMqwmpVS5tKO\r\nXJBwVk2mY9rs2b0JeTs/4aJ6FV2vcoeC6oq47T4KF3rLC4Bf+bjbISP6+tuf\r\nF58S2BsJ/ThOh4qL4rKbZWj1yeHMHABeNHDHgi3T4mVf0ttreCIMAzG0UNSG\r\nKLSh9neUcZWKrxdtUadao9vwxM/Af7vWUhgcMmdDNA/obyzbKZLbABfZUR/g\r\ntu/Ifx6UW9kRyQobxaILx4bssa6UOyCM8jQPgYyidIoM0QLvSMlISUTa5L7w\r\nW4R8+zT4gPlRnFfmL5UNBCjO11IZaq2XrBNqnDYLSZ/BXY1utcWIcn8pyJiq\r\nv7wGfgOri608G7M6+cvNklv4tXgfrXhCj4BvC1Y1KNPqeqTbX0aC3+RcKDx3\r\nwRI+ADYafBzPOq/HGRWzXWaj8XTGL5SJNJpZqyZg+u0NEOYDS70mH3L3CwwE\r\nmYJysKI66SrWsYfkujh4jTAFmtF1v+vpN9D87Jrsc8s6xwRf2P+FWFp1Zz0T\r\n0tyUEalsyBFpBHz1D8OD+Cq02D0GX0RqcPo=\r\n=9/el\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"20f19b09cd30236b5067d6efc19c13340938dfc7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022520143145","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520143145"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520143145"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022520143145_1655735529808_0.9904877279282447","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022520163758","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"415dbb1ae1cf667825f9598e8e4995c2578c6a42","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022520163758.tgz","fileCount":21,"integrity":"sha512-gJ4a7FfnKRrHUXWUt5zAKQrTEJhe7DlryJhm8ENInU2u0XAz54I36/uz5bAO0ebLnvCUMbt53zFXmOKVljhafA==","signatures":[{"sig":"MEYCIQChOrHoFDH1/OXljI/k8bN+znYugJUXMhvNpwYJl5aGlQIhALfrYUgaIIflZF910Pp9FSFFEns7GLPb58UlYk3LbKJZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoythAAjjiMg7CQkmcYQaJ84iPwUufWiiVNEVN2HQTkba93VgV+iVNR\r\nNaAJJkTAxzNh43HxYoUEyQtA1AnzzCI/+mFB0AxcmELQjJ96euSU7oGeYigZ\r\n85p39YIoNs7CwBjpVSpcpTnWYI7ZE2U0JEu5mvKDk+H2Tx/cxmk8aT/B3j96\r\nBfAUHGtO1JERf+5shU1HHGvqBouZMGGUQj7ljinwJ2vxqx/8AbeQt4nHD2QD\r\nUMQ8Fa88avUaWHoF75MDp3t5pDCd01+XPg+mxbLx2CuqxdjdDrafdQk25QA0\r\nrMtpd0L4m+NKeZjk4ge+X5Lfl2ScaXwAWR/SVD10tghZh52UXoKTPWiHV/YN\r\nUVfu6IM7cq3NC8XJoXxDthtUiDox3CtTxElUfLU2QQjCCx3RPe8A9rhZjEF0\r\nlLTb9o0MAiXmooJ9pHhePo/r4Om4b+THRQJJuZogRWD2N90FOqczqAONxY10\r\nYmP8SMQy5L9GXv6PkBKcVUS/ec+ZEQSO2RSXzSf1fPCdOMwrHIVFYfiq/qPM\r\nr8h00zF6035b/BXkwuqwAu2GcAd7IhgAukZGG1JAM7KhsydZGfn73pkAQFLq\r\nJ1cZPuyI5sgqXCh4ElzwAJ0K9O4l4hnXbo2EsuFStluDwfnBSpVzNebc1YeS\r\nGT0y/nixDJG61kiHwSahA1rp6q/bZu3MzXQ=\r\n=2NYG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"cd25161aec422ecdaa157c25102c4f0cf6c15db4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022520163758","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520163758"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520163758"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022520163758_1655743112483_0.015324147751358153","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022520164715","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"04c6c716691c3063fe157782fbac2dfbbbdf230d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022520164715.tgz","fileCount":21,"integrity":"sha512-NQw2UMNnayNFzNo7kYo+J5ZNYI2/MXDGanzcDEHP0wBxxZ6S1P7AD09cjOrmXPbMBa2RPooRO8hgiYMEsW/aLw==","signatures":[{"sig":"MEUCIEMsFsLNWf0HAVX6zvT+DW3odg84EEuA3J1v/LVA6hCVAiEAoGW+vzJf9wDHO/5iQYZV4eEGBSBeA/AY8euXxd3IK1s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKSuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAXA/8DWI8hNbVQcKWbAIw5n/R/Ytmbt8n+A5b4NNgHsMGz1n+U+Xt\r\nMqucvfiolU/d1VQDSauayvrs0ok4mq/nfboX/7rIkxpdSl8tdQsE0v8S5HtJ\r\nLIlbsk0Yz1bbV2XZcVEO+pqgnxTDVh2xxeMp74q+runZfM2iCePd3iLMB04L\r\n/HC99ZvMabpnVOBJgwpjFsdqZZkEEE2n327FfE+E2Ak0BwK+KHcz5NxxJ3bp\r\nzZzekcADLvgjAxkFuKA1fjo36nv+Y8GSByEiLZeNtn6Z2Tr5+CYRwQQfqZ10\r\ndA6tT+IXR1u6zIeDbkCDtA5rx7ChFPjjIahPPDcNgD2kep9qoUCWaArEjjsi\r\nzlh/zGPCuHRCjMwQzTIiL6VtBmH5D8UGMHOfYQdbf9Eag2qHagPmtFckLIm+\r\nbzwY+j3BXgedf0T0i4QaO3v1zTLrD8Ha6luhdC9boAghBADcMAU+DcMi353o\r\ngLXGCATwm8qaLThSakTpStHCoA3GCQXvS7/nB6H494pvntABMbpYZXmPrCLq\r\nRMBv7ijmBgIODS6QWrXdlUrNcp6mu8ttMQg3/zG6fMg6Kx+jsofKwE/qajIb\r\n36eQUE053JkGv5S6wYV8Un8aoWwftE/dRX4ahVIOBzWUbxo6FJLjaTuhUjRQ\r\naEzlC/POeIMcv9cw98txph1/x5eCOK+cM3o=\r\n=7PuY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"b958893bd458ee7ffbaf725a4185636f48b19590","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022520164715","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520164715"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520164715"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022520164715_1655743662714_0.19394163238959905","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022520164752","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"99daf0c013f73027258d98ccc2c348333efc3b06","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022520164752.tgz","fileCount":21,"integrity":"sha512-c7jZbu+7u+wB1uxqVnjAkmCu0BXKXbNW/ntxMwU0/r4mtkTENM9AeFWQ9iowM1Ov3/oNZtV4IKJH77B1Txxm5Q==","signatures":[{"sig":"MEYCIQCLq/1rI0YlIm03fiXBOYZwpzxBcPZAoA6jXhSmtl9YrAIhAIGKUbINFwJa2aps7EoUfv5vRHiqK5caVBB/9dq12jIj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfFg/8DjXwmbg9wqbZ0Oe7dkvlcC9E6cFn+xIhgf5LUYf0pXd6f7Z3\r\n7KvZl5ni4CQX/7Q1n3VQlcPtcdvI5PGiIawJa7xbmP+/exBOPETmNRrGew2m\r\nr30Gs6VLL3Z8bHgS77wxPL5L3izgTB6/J6pnaKOw3dJsRxjOSXrWilhYRE43\r\nHUuoEWLMT8/Fk3ltvk+6b92nh5RjRkkyQNkIENxRqArAqTr1yg1zQcHegpYe\r\nimwCeGFtUjzaCGEXIBkjg0xBM0z/dH/UeFQ8erlXQwNP7RnFUAA/e5B7XMAp\r\np/4zsDsSEdGaItKKHy82izMItlHaFALAF9wpScvJXD5llCScWyBWns7Zrs2S\r\nUINnbWdCDHjc87h95jB2qT68aE55f1nw89ZKOksYzHZcD0R2HTihcOEdvHVN\r\nyjYCNOkd8ZFZwZ6O5Z28wEPu01yC3sbgznsbdx03vOUQFoc1qJSZbvaZjlO8\r\ntv2l3laB71WM0zoxgaY6dmvWmxzT0oc9EAHWeFhpTSR4R3yC3Yr1ygPGtT2o\r\n26QqaZou3r8EtCMx6zMjK280w1xrLieUTSjVQRhwjane2wMs1jCRWvAuu7pw\r\n8R+8QCxfNjof5MNdpXlCIvh7l5uRKA25Its4GzjPtik9rVz7EKQeDarNRAly\r\nukp5i1s5W3ghtkzLtmEK6gIldgoS/kciZgM=\r\n=W97r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"3a9cb998b509535923e2673a2f402900151d2a6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/spinner":"0.0.0-dev-2022520164752","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520164752"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520164752"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022520164752_1655743702750_0.49981263626608885","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/button","version":"0.0.0-dev-202264144818","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b63e50d808bf51af53b7561327fd3d8cf5d6af99","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202264144818.tgz","fileCount":21,"integrity":"sha512-evyvDsPgAWzbGQoATrA5PHOujXucEumVvRxwKgBBszf/fkLBEx25XqcH+Bnmdhf/TE+CdclvwUdc117Sbq93xg==","signatures":[{"sig":"MEYCIQD9/UMk1wWML49FYVNq0ZjBtMDgK4eY1uHiGdKA8vAUXAIhAMBtAna/H5zXDdC2C74OkZ2T+M2E4qOMZbvqe0+r+GYh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPeQ/+NsTDSwrP8pSNKN/AC/YQEF3RcuV5Nq0qBQKIbjybejsC/y4L\r\npaiHhP4SlZQhuD/9Hg328mGqrQ+BeskICEH1JsBLCdhQPv5P+OdRGTfZrkjm\r\nRdB0pRPfzXRu/11++BjrURQfXqaGucccbuZ4zyoa+br3NspltmDacFglulMQ\r\nP/kRhrlJ5i2eF5lcO+xvqlpgcDqbFBPUB2FyY1EuERWgYVETUDqNry9tgYpG\r\nHX9fhBSlqWnngGUHyza/mfSYEso5IBbZ7UA65LiSs4pFbrh+ysY5P/GiSbN5\r\njh3mm1yOdGLmmXl5QXBEW1OBzHbUsj0OhId/3aQt/TzK1g30ryYnlfWqHbBi\r\neyWGzWAAqRfifgjFzLMtmwy4S+KkaIN3n/CBBcFQJCsOXSi+qF9WCP1Wpmr/\r\nlpu1pr8fp78glBDBuU+Bscmt5WlM86JR/IDgplc2PgW09T2PZevcX1/VB6UV\r\nPxdahT929soAiV8dNOV0RHj4XVtNj2IQGLa8QSHpYQtOffIghKmZ9Q5sBjkx\r\n2Oo7Sqb0N1pFWjrxpixMUMsF07SfymKApJ3fRk+6doZKpsP5pSNEFpKRwg8C\r\n4T1wsHjYkyByZbCyCMugTtzwoldAYzCOqHrxBwc4c1a24bijYYSBAzLptJ/y\r\nha9FHmqGwIP0KOCSsMN1UeXbEay6dvrHToQ=\r\n=VRkc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"1a20374c681d03d60f7f90961946e9e2dd29c4f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202264144818","@chakra-ui/utils":"0.0.0-dev-202264144818","@chakra-ui/spinner":"0.0.0-dev-202264144818","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202264144818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202264144818"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202264144818_1656946140139_0.7930535091181776","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022659325","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f00314a998a661f53d4dc2488efb3348c65da4e6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022659325.tgz","fileCount":21,"integrity":"sha512-Zw3FtGqVt72jl66iPPHxQO4oqxcTkyAFHndEeWPDQqH/Ccb2yGQuSmpNAvwiJooTrRbFHTE+Fp1VOMItrdNvCQ==","signatures":[{"sig":"MEQCIArQNstRo0dqJi93FWmNiodTJqHFKLCj5oTCE4UDoZ2YAiAa4pTqramnX1mRlQBGOuYzyY+YyrBwcHKyEjMenvdEsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/54ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFFA/9FXo1OXpibyOxVD2xgVjh3FMJRh+FX9zktQHdZzKBq8zAdDDx\r\nxj7o2Fd3m35eQLwp9EBjlt5yJAEAO8HyLERzuNE44VX/nbnHrQZAi349uaZw\r\nejUIQYqjGOIVyj8TqKXBmfo77XN51lIH5D9lWpjnTU5jLU5aFXaX7oQGqBGK\r\nq0+vT/bV9k+YdgGT43Mz4VXKlMh1E7TwjLaqRMV0f5kDhZHWCEXimx31XVYH\r\n4CWN1XJSRxnR+iK/woxq1fVNxzoASQDEdSQS1JS1uloJsw5Zy4/xKKy820gm\r\nxTrJPtYheSaLqcloWx0znzGV9i1KA5ih2glrX6z+JGfkk8vZpnGWLe9rQHBG\r\naF73j33AD/TfH+C74A6KPf1FNf/uhbM4vDphh/CKoct9mHNcOmqqB/8cuCL1\r\nHGu5TDDjeOZey+T2KZGhew/PkcJ1I2w7Gmv0aHOHBooTO6IBzfAJk9qSrdiw\r\ntDtFvaZhIreaqrZyuG2rbUYFHTRGqri+9oV0LJn7H60C7rXyL52PTUlwBedV\r\nDldOXbLfAxd1mu6+N2B84E5+g2CGfXYSC02LyF9UkuwMTVcVlNt8ytp46lmd\r\n0q5kZQ9M4Y+jePc41VcXcaninvvoR40qpOQ0JNzwoR8CwaBokl8KAzOtj2nd\r\nygSjKnAgXZfkq/vmbC8CczntaoeJqFHSWsM=\r\n=AA+y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"daf80e3bce5e2431078206cd5edc3e967d4ada90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659325","@chakra-ui/utils":"0.0.0-dev-2022659325","@chakra-ui/spinner":"0.0.0-dev-2022659325","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022659325"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022659325"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022659325_1657011832278_0.7823080910544935","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022659431","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"58b86e2f08c321a78df6c7d6d98c23514a1bc784","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022659431.tgz","fileCount":21,"integrity":"sha512-mHTIH9OMwlkBmTkLq+rpKQ597HhzGWOqQqRlxgonSaEgrXVO27gYXGWPY60DsKrMe4pOopZAegAqNOXmiavXKQ==","signatures":[{"sig":"MEYCIQD4dyPtWBQwwCjrpJpkhv1zZrzNIA2AKxT2pAfV59RF4AIhAIn7CEF+W2NbO6u1fqMqwFMYcvbkldyg8U+dLIEvsykd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/66ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJdw/+MRj0L86u54/kN57h4Kh7yBpVYXY0dlZRQqgh0zDEjsaRGeYu\r\nAARQxvQpnJddAKI9DQse6o8P4AB9wzZ25mXKhtVVUB/tRtXCFzQQotuJ0bNo\r\nUShtynPCrAE6RTmklEUiCnPYFxikSFCpcgCw8isn8P/ygspsKbp9f0SoVDnO\r\ng9VCceriySVpJATmKiexp3ME5JIoDoZ76A6W2q4VG1JBlYjO5mehvlngJieA\r\nCcsmlsQUCyRvM1yYlqUWkWwBYI8mM/KMaLfeLaK4mVqJbm1uQrXZnIYz3E1r\r\nep2Mj5ZXJ0MNAkklxnnajGGlbtKfHB1ykiWTyGWS/Xxox4Tf1GLi8qK013Tq\r\nJfFiaejNkwm51aFU9LHbRO5ub/+Sc/EKt2YYA3YZZ2qmSs3E6ONSKv1R5Ev3\r\n3sTJR4mnVjdyavBTugz6XHvv4v66Rw+1WROcyAoWySTuZ/QiwJcAIKeGZV0u\r\nN8PwZpPAow+QP5dyinZN8yIkaeFmMLlXsa2rPiLGFvrIm4Wj7WoNQa2+hedV\r\nTpUkr91iFFcZpwtzqNIGf3Y13t7qImr7CLpc8GFDwH7AEbtFx9Q/pqBSapF6\r\nxRg07UdnOqUCJ0Yk48kayeX53P5y2i9+MjON5oFP9qPTIjWfV+hATEntXN/5\r\nLTp01JhvROBX9HSw6IMoIUnET14EBD9p3qQ=\r\n=kM1c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"95c1c98a65355f568f713bd78659dadfaab6c850","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659431","@chakra-ui/utils":"0.0.0-dev-2022659431","@chakra-ui/spinner":"0.0.0-dev-2022659431","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022659431"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022659431"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022659431_1657011898712_0.15542579280070679","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022669710","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c08c75349642252cf3a0d8e00f22a74ec3fcfebd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022669710.tgz","fileCount":21,"integrity":"sha512-Vcstk16L3DDzElpANU+U5ECxqQdqtmFzIukhVMXgBMFuGaMbbV/5m9PyAoA9nIQDjVLvh6IFia4O+wNlYn0NZg==","signatures":[{"sig":"MEQCICgxl4VL4+xzlBIl2/arA/FoXoKGJPJJrxWT6Cwuqz4LAiAFFSNvcJAaQ3QoHQEtBzGJiRfqf/ssAaHRMNMbxjcKqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZ3A/+MI7efLM0UnWntgBfDbNmcN6Dxdw7fOKFPGwo11hHyOZqF9Ng\r\nq3wbZ8MOR4/b4OKAQcCfOTtApG3CFV1s2pUJsS+ZObqQY1XeW+HLa7fgHilt\r\nqVFhpoqj60Gp+DcO98mSxpJE4FdWeVXFnZ91x5SZ8kzfVcfUDdBqKuZT+bRs\r\ndd+5TwYv2dGOfKZwdn2Kk80BLnd/GmJNni1jcPKRYn+eCZK1Iiem+JU5rII4\r\nzMB+ukw01T9Yz6OSet9FmPaifG32eqcAaCnJ8+p7C4Wp2ilktcdCXXjuU/1n\r\n7b0VJK+voR4pov5mtkElMvI4AfmN1rhhNuT9lRfQRrxVCazC4CxcnE5G/eTD\r\nYgZiXmGs0bcCl4ae/gc6iA+kRvKIsS4vpHWkO5ngTi/qyV9+JTeKqTHQnLz1\r\njHuqA1YLn1dsxCi7b89nyMcTRX3mhoHtc7A4nXE03N7eDIJt33wpUKrq4TYO\r\nRzfLSwO3LxTtz0X0C2EeUbwZ6GHODNvF24fRfV9zfFLDEl6zrLwvpiZN2ADF\r\nfpvzoRpkkMpuD4Gdd+55GBDlTefjxn96vR/DUiL/hbJyfDLHl5nLFV6xMZvS\r\n0tJdM+JOAMkT6+ng8toPvY+G827Ibs8mCaHoqcufFDs6CZt0cEiVzfyn9c7r\r\no+Yj5lfqumH2FE66fa9GVtQP4rfZ3m70amk=\r\n=t8tk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"e2940ab6151d213732abb924cd7ac5201208dcb4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022669710","@chakra-ui/utils":"0.0.0-dev-2022669710","@chakra-ui/spinner":"0.0.0-dev-2022669710","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022669710"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022669710"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022669710_1657098460132_0.4706866620330348","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/button","version":"0.0.0-dev-202268163535","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"11792d9da3b2851417695c60614fa515604414e8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202268163535.tgz","fileCount":21,"integrity":"sha512-cOGqr4Q17ZuuZuJnlzaAOdi4aJ+d44nmXf6RU1EYTcQ9iSbY3+Dpb8jSokcCA51DGy/nidgOx2bVRLY4GWyasg==","signatures":[{"sig":"MEYCIQDge3Mfs1xyGTLpSfmyPifTeggcH+ielBKgDEbXY6dwrwIhAMerkDsjr1IyULcTllmKbqBaABF2BEBeFSUHErMONFGg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyFz7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocGQ/+IBT4QfucsO9YDcMr4RVLGlzGx5EHSkJhf9Vbp8QEEyeLCQ8O\r\n/WmMwcLuv65tQk2dUJ8Xu9XckFGt19YrRry0dgnFWlW8updNeJNqa+emL+ib\r\n7OuU4pWb+ejUFcH5FXXlbK7+cnEvKMaMvzD4wcMRz70blf87N+pdjfk54H+0\r\nDoJ0s0dJ6mtGRlflS7HIEYbiuzAtR9zDKMvfzi4Qwju5CZsvF4ec1i+6k2hf\r\n2P+1m2FKccRkebAYdl5WDfdii4FvEcHIyfFS8Zn2PWQFZ4LeTpqoG+fVVXte\r\nXJWec+JjFv1AJKI7XKCGoVCv7ZNFC6DVJFA74RgENGlUkKFyognurUgdU3hB\r\nfxqV48MLDkJdIGokRv9ooXqvElI60lM/NWrtV04GkHslOx6a48lzte6Zq8ZX\r\nXEVFLwQbOvowcaNHjitpsUzCih3IDZnKW+eglAvWKpCERcVWQ9oPI8ZqwCMt\r\nTHEHAQ2rMNBtsnau8ssvyBONrv6FX5Um+AYM5gvnDLYXBXMykjh+qhfXK+6w\r\nT24yiLHIiqbIY5mGl4FFsszydhNWDiaJRFvAUSJ6Qo4M4Q/GiXEO8rj8JmTl\r\nsROdQ72noZcJSZ6wRQXkhoyT6vN9L3lZauxiTBRy60+2GF5flrP+2FYmevZJ\r\nwMzQP3dm0XlrqWWi54pL2Db04gJRWHV32L0=\r\n=dlpn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"a08770bf04414afdcc5e2c7e8b088c75f5dd949f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268163535","@chakra-ui/utils":"0.0.0-dev-202268163535","@chakra-ui/spinner":"0.0.0-dev-202268163535","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202268163535"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202268163535"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202268163535_1657298171800_0.26933723053513825","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/button","version":"0.0.0-dev-202268165050","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"403c93a3a4e0dd34e5ab4740ec033b6740aa19ac","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202268165050.tgz","fileCount":21,"integrity":"sha512-qI4Dg9Bqvz44vZgstDvHiQG6JJVwVLWPJjs1Y+MVMNRFVKRdKQ1bZysp+nlf0DyIniyo4Oa1bve56d0FnvNWWw==","signatures":[{"sig":"MEYCIQCrPx+qU7bWevwjCE0sYdo6FlbCBkra3/9WXl8XVOoGdAIhAJjzV3y7KWO+OS2xc00R34gGh0zl/G2z0SnPekWnltnl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqz6Q/8DvlHsr6FewC9qX/AeshpDwJLE503WOln5fLup4/kP0WGBoiR\r\nutUub9aC0zEsWwDTkAZs2AzCtS0Crx4sngmQCB/eBOJO8fLMewgIhzQClw3Q\r\nqlmD1tbYQ2FhJpDolfdDkwyFiyxagTncP87Lc44ofcOVlPXCkfPJ/nA7jdgH\r\nfv+9Wy52Iv8zTExT7+Kl3hzb/+L396FrrXKunYPnBXrF/P/gANusRqO1hNF9\r\nZRk/NmBNMdBXYsnFtG448FRB5UM2U/XRyOxFzOzqXpQUfDdME5YXKuoD2qDP\r\n01TagfywDnAdIlrpB+h3O5Q9xNjc3MWCnWFTuWWObCQahEBCo5mTPyl8z/+l\r\nkjsJtQ21xnKn2w56H+gvrEAdeFeOpYULPEGHsUBtQiFF8fwGRnDFLGxT+mL9\r\nBMJHG1xgQ+0Z3oy2s+sXloKGA1Yq0zYjeh+2vzs+4WDIrQw/JgYYElQ0MUd8\r\nBeL3B4FqDqnR7+UuMl8GnYxiOHdWm/d03fsaToIR8fpTZoU2RmwtOe8tjJfY\r\nrpOKjOL/9TgTFNuN02ZNXATrK1jwfBvj9W+mc0lnsE+SgZZ7SZlTZScqlEZn\r\nVLCnw8PRvEcwg93LJ1W5vJxcyydaTZa/vaf5xPYjQ0d+m3Q0OIT9FUNOnRVB\r\n0D+Xw3fStbThfCYP3kdQAoX+Yv9pUwRlDqk=\r\n=51yV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"8bfeefbb562fc5ada4757309db6b951c421342ad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268165050","@chakra-ui/utils":"0.0.0-dev-202268165050","@chakra-ui/spinner":"0.0.0-dev-202268165050","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202268165050"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202268165050"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202268165050_1657299077747_0.003153312456609436","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022610103716","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"929c4aebaae38a7e92208a915938e67e088aae53","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022610103716.tgz","fileCount":21,"integrity":"sha512-EbnmZOctG9UJrGZ+DU+iyQGI6ZOx6KXhXiuoaSpZiY8FX8Gz5fVmWYQOY6dt0k2669ifIzg+E/TIsgRzI5m8OA==","signatures":[{"sig":"MEUCIQCK/yTHqjKqp9IR81I8+6xCfC4o6gHLsxWH3PdDOYp1sAIgX92ifoKE2xyQLiQeW96dRaIj2k0+HP4V5irQoFru2pY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqv6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIHw/+O9Lx0hPnkZA/uvHWRUxhf3gNiS3d1rVQTYQf7D1UYdPmhiYX\r\n+nEb7CB86jPOb+XazBSqm9BbHpDe39Q81Bq4lbktBVKiZF7CtTnX79QzehvR\r\nk5PrnuK8D8XeH6iVO18JApBtMrhn35N67DTkYN7sEZig/5SrnFtmHIlkbF3K\r\nhF7HpNTEYLHiIom35reWy0iSqUTjZfkViTD2Ow2yhikP2ZFdIxRBvRD11wuG\r\nE2sl+NXc+/yS+whn5O/GK+2sYOZ45vkH7kTV3lDrSpVlsJZw7xflwdCTNrgu\r\nz6a0kyTOWjnv8Y/yK3SYnueMRGaA9QvNeSdlW+g2nVXDKIDjdXiu4RIwQ8VD\r\nrtjhKGiNCTD5kAA41DyEejqHeKBUxE3SDB4cB3vRK13XKfCl1WQ9+I8mPBpU\r\nQdAnjQyTY9Y+mwqWPN5bRh/l9ana1mXhH2vB18gpAV7ors9dvS9aZnGLx/OD\r\nTe7JJiPlBY5QI1L7jBUJ3xEsZq03pEaLMU+yNWHdReOo2pX/upZer8Q9MOVp\r\nlIp/NnM1BvpzgZ8YWTlZAdks3Al1TlyRd6vSi5xxrtbN14Gq2bS/U842axoG\r\nazfpL7pKHBoc4I7tshECHDPyAivDZx3cJlSOPCBM08tSJ8AuFBgIPy6i32lb\r\nJbbEOgy1mgdvyl6COmwIYw7LyqtJBFSK2aM=\r\n=idr9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"385ae812e7a8004403e2c7cf7d7471f782f3e667","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103716","@chakra-ui/utils":"0.0.0-dev-2022610103716","@chakra-ui/spinner":"0.0.0-dev-2022610103716","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022610103716"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022610103716"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022610103716_1657449465805_0.3926286822818952","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022610103924","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"431c16e8bf89175d483161c80e1d9540d5f76330","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022610103924.tgz","fileCount":21,"integrity":"sha512-dXkD5YIM13THFBRtHRwSubWJBaDtDGnmlVo/r5XrZqHrryRvG6LJ5LHSk5/JA7Lr1F+SslF7PqsmIxsgqZTk6Q==","signatures":[{"sig":"MEQCIBaHKUdvDxjKl7nKvMnmwENM9Yab63yLVLlZyFjllQclAiAjUq+I89FJHaFtoSdzEX4qVu5DAWevciMinCR9xkNe9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqx8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqfrg/+JSdz0n7H4544DkUCiD5vxpfejTKwVT0Y62PKdsAMEYlBhyHR\r\nZx1hVcrp3ziGDFxHbioU/2Ii5po97aDp8keEK58ofRjCEcLDSPEQMHjGGsdV\r\npI6g4pZb4yV8RPwWkqiFoztJTpEkNNezN+lRHpFpUf/eaHoDvAYM0aqoDt3Y\r\nz1dFPzLOOuUZ3YD9KxKBuUmDsUC68TTIn3L6FE6yhsT5+NVT8WcOz3iYMMp6\r\no0t+AJ0jzD1yaesVxK1VOZTawYoc+M8K5MlGm9jX8dMsaXF2FXnYv/PDGAl2\r\nk3ndhmUMITY+s6PQ/2BfrRSom5am9GFNsKfrNW8eWqg1w3uQbMjaNO8/JSx7\r\ncgXQvrRYB7AaxXUmlHelT6fqgO4AKcqcwvUm4nDW9K8CGRAwZDA8+srCKATK\r\n8UlsFp1K/YA/RDCDo4wIkF1t1hDGhC+VjLO9ChNGWNwjgEwjnYMOKCdApOX0\r\nOu++eEGuwRWtZ/93mNNUz7bxh1Qlj52y+oZqfoJv1zbAddL2gyQZ3TFXvIaW\r\nCEbTmL+MQJ4lkYW0hBxrZTr2NZ8WbCD6p/gVlsb0/9V8LBEXR99WhU4KGfog\r\nZsQxLvNNz3ZmPExL6wr81M4Daci/hSKZS6gDU9PbPZDfZvA3xX5t2uK8aOcn\r\nBuXw2nar1SWFr1WUhxDT5pbKUAGeSehW0PA=\r\n=zXSj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"fa2c993f8383663056cdd4139d5dd3894900fa7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103924","@chakra-ui/utils":"0.0.0-dev-2022610103924","@chakra-ui/spinner":"0.0.0-dev-2022610103924","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022610103924"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022610103924"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022610103924_1657449595813_0.21863214721750346","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/button","version":"2.0.3","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0a24d47eb764103888d1d4d89457c2065d2ddf53","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.3.tgz","fileCount":21,"integrity":"sha512-nzF/ex9YDoGKclRIyzfHKb12dczdBL1k/O4t+VurSqI+2GsuLndENNx7ipBG3mtwu3ZqXPO2pku3jnUFS6kHSg==","signatures":[{"sig":"MEQCIGtmcKdbcyJ99pMbuZlW3C3pabgEAEzKsfIjmPw1LlMRAiApnEqtwYlw5hZ/zICsMGblJ3SLKq9EAbEYGn2Kf5FLrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNuA//dlLKa5ceibb+3/4bMbBplekhnV2LQr4mUggwZK7X1pPPnkuw\r\nKDTHde8rc1e1IFYcmupgjN/jq9ZPRRbq1j5OhiNGWvHhwEdDT7M29nB0/Zxz\r\nwU3L/wbIklqqHt8DEtGYKF/NaP5ds5CPPKyPuBx+QNGMgs2vixhW520jTAUD\r\nUvKXEjA6VCuen307UwZ2Vbq10LG5jCw4TfsMkvD0i+B7ozufY2MOlnVaC32v\r\n28bVro2cl4kW5vBZWdB+LkjT5nwEC2pVqttswEFObQ2kH9Oies1SuRW6uNeh\r\n+wR7DpWmsboebAwm9c1cUTi2rNhYWRmkYplzIF20j+fCWobL3u0ekIXAx8QA\r\nJ2TJ4AKY7y1PuICmQvqBgtrkOBSAqqp2aUEImSkOFVVhqTKeuHHkSL5YlxoH\r\n8+JCjQC5FOvlMB5fNGNQaK0DlJkW2XQRn6rYkORNeSQTEzEpfNtJKYfO3LY6\r\n4uP6mNFsWgsMSqhO/tVGr+h83+izm/EcceaRDVlMDeY52wP/R2vpHevYi+9o\r\no9Pj1rzQtIYbIkXY5Ksp+3XuLJ20fmkiFlyXLKylg/Qn0B4oTzekFndaEOL5\r\nO3cW59SNFpvjamHD2PVs8kA1k9jsMApR37G6nUS7DL9yGj+qakWeSdUGauVn\r\njzOK5eoF9W/Tl5qJQf1Ze+YwcNLZ8txmSBM=\r\n=IiyS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","gitHead":"c80c487a43a449059c4c345cfbd2dabd31890c61","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.3","@chakra-ui/utils":"2.0.3","@chakra-ui/spinner":"2.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.3_1657450628325_0.5344649529418921","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/button","version":"0.0.0-dev-2022612222012","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5965f495537cbf5462ab9ea063e58aa8797f24c7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-2022612222012.tgz","fileCount":21,"integrity":"sha512-fZT36kABiTMFNAPhx0vALJ0bY014/XcYKL0QaneoDvNtJlkzgmYRyFKRIEeKcfn2hyhLQr+DfkRpn9u5OjI1AA==","signatures":[{"sig":"MEUCIAwy2n/tF1y34gyxE7oLcVnRWa3K61sRaVAnglwc/bzxAiEA8bh57uxRcFoEi53m9um2tbTGTLOYH4do6Hn940ejnH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfO9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCCQ/+JP7sYoJueHnjChhyFdZI+SlyExIai1Rj3ZU8X+a8I83MDjj4\r\nYDoJk5VkUkQxwtv0vREXrztnymR+XjQzWv88av+uGmExz/3wJKzPWdIXh9yp\r\nrFnglFCss3O5lYxemyTmEY1yo7whcPECAwQkDz1BbKFPj+4SytR7iHhiSYSy\r\noxUw6bwD/LaZ6zfo5It+Q2iwj7Mrb5FFb/fMwgYFx5zj9A/IGyfOZe7z11S7\r\ncBf97g68Mnk8t0c7wk5Nn4PNHduOJITKzariOAdhi2HJ0H/gbj3HSi13OGNu\r\nKWhSOax8/LVLox101kC0fNxbB1C1lWSy6yoBeQv9G4Q7j0/wwFXEYnXqqVXn\r\nCCZ+LkZMiNvW+vfIqQ976sLNqwFpEJmIAoYaPYGIj9Px1gaZkxg2wdFdpvTr\r\nAkqvoVWdmcUfR3ncA+Qk0VsGhsTJCDRYL391MXXxoeakrkm9qVPQ9cvXjjf3\r\nEXyrGJYth0kCFx5zWH60jNfabyybj/XCwX6O1Tr8oGonsNta2ivwfWODB4uS\r\nSDV7NEntH1UHncSZ6xs7qdDga3WDzngkPCDZdSuKWESX8HABHjhDbXz4LcuR\r\n9V+9NA5ScScbs5jQx/wIypgGP0/KtxKc/27aY26deGUS3VxNjHDS85tSXPr1\r\ng1wfILK62ywpXrHhlnNwZrpoLBH9TBXeP4I=\r\n=POHz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"46b495455fc416b166db18f5098ede7752b2e3ba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022612222012","@chakra-ui/utils":"0.0.0-dev-2022612222012","@chakra-ui/spinner":"0.0.0-dev-2022612222012","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022612222012"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022612222012"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-2022612222012_1657664445490_0.10546962607735866","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/button","version":"0.0.0-dev-202261316456","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"35332564efa297e9aaf19a671da7a06c9e602291","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202261316456.tgz","fileCount":21,"integrity":"sha512-4Twon/GoszFQGnN+qwVz7iFdtvdKwJoPCXD1YmCOMhX47iAtuY8wf1vAZejQSMc95lmUrabvHj5ZP3F1D1GnBw==","signatures":[{"sig":"MEUCIGqyyq1rJbr+Jo42rrzC5k0QOFG4J2vdOkq2/673A0NfAiEAnfzVAc9Y8ltqAE++NIqytQrouuMZkLMrxz3Ud+YAP18=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvauACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9Tw//dATxMoZWDXLnY2aQ9GtNue93fqXsHW77PsQTaeYspC16w2CW\r\nJOwToWvb+XyogUoiVzEjo0o3Rx8toFc6uyP/bxSFFEW3a8O020GqnITdcARR\r\nBjfwsb1PFwoQoLLpblVYykb68vCjyKbZlKUHnFEFsLrC0fxPO8/rQwsV5jCJ\r\nX0v/9PBzL44du4DuTyI4eL5H/dBDQjLyE4mx9pOKhXsJtuE8ei7XqYPuQI1A\r\nFkf/IGx4+mlmpCFzjbyc/8H+29FNtEoRQN3qzus/FZom25ingo2R/M0HjPKC\r\nmO0z9NkdNNW7xe3L/ts+O8yLTXmLWf2qe8OiVq0z0U+u6oW2vS1AJIQRDqKi\r\nMpekaOKpH7hTReeicZLUsXKDLAOKYA872oH6jimDLjMxmfjQiwqQozui+XZ2\r\n3UhHbDp+rcWJJXlmErZw4w8v2LOqno+s0q9hg1BcGiNafI6A4guoc1LM4g8u\r\nQHPExAGb/T9rsVsQkW/pi8K3EuyGKBkyEReGWEMg6Z/dJ2jp5KDDsJDq73Vp\r\nVQTqSsTDn5m6+DSe8tlTFG041J5Y83ujyL+J/K2nqAVznH4aPsc3j2QCmzwh\r\nLMQx/znt6Qzm59YxylklPWEZnLm8jhX+8wfOgAy7EncQV60/WcPFRUz3SXqT\r\n6o1grIir6ZNk/G5qIcu3YwTa3pDWkwbb3W4=\r\n=f+Qm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"fb3c09325d7bf58aed13c6d0fb1f72b92ff0ef3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261316456","@chakra-ui/utils":"0.0.0-dev-202261316456","@chakra-ui/spinner":"0.0.0-dev-202261316456","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202261316456"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202261316456"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202261316456_1657730734697_0.1142708222660449","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/button","version":"0.0.0-dev-202261317818","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c2a3936afdb64f1975ffe4f0ba3b7bb33586bd3c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-202261317818.tgz","fileCount":21,"integrity":"sha512-bWn6jLLJcsYJw23NxdEQGj6EwVTByqcPGOm7DHS2lRDhT21oGig2NNa7R//j+sUHbCcpczdMcFhfL7RUf7W0qA==","signatures":[{"sig":"MEUCIQDQWx2uBsPBq1Gs3UAtSsu/tPD07vchvJv5T4XZqborAwIgNy+dvAhVTTzDOlRzo+a/bXU0qFDdpIdyVCUjXFf4k3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdChAAi+i+6TEB9FWHsrD4XP/iZbkHGil88pdWk8O6CS4TYE56fiHt\r\n2mMmk2MrjrbnAH04l+zDXBLva04CyvH/rY5EHUzAAvg/mpwG4P9W9jMG4pMA\r\nUCcDeMnTgacHtXYktqGw/BO1HrzUXXl4nwOoT9x1Kru4P0/MXvKip+12LloB\r\nDv+09i0nsey542k3w2vJO5jFYibkDlFYaIwtAD5Qmj6rBZdNkSZKbc+l4dTz\r\nAo00L6YwNCM8M+/DiwKnjXkuZfU+sWlNAZqLfh5YhDzM8LO2nyrFkbON4wL/\r\naIYe6pDhW0KLTbLU812+UYF6+oqm6bz0nGoFM2ZtRBpzBA2e0H0POEE+ra9e\r\ndvI8RtWY+Gi34b67MggwI6xHhVmiTMGuT/BHvMBvHjWuoYQfH5QevE7ohczJ\r\ncmmWwgbVv5923aTxDLhb+kj4jedkD1dlWqrXGhY06uL5N/vTbBbDMic1g5FC\r\nZyKpsh2JxqHGs5GMH8JRVq+mOmCrKEEvRsisqwANwBIJjg0vXnqrmShNZyOL\r\nwDN+f2NbqA/PDB/R88C6IKbojPIBc5eskENlr/7UMQJJHB73iW/82fgzj0+n\r\nWmVjZjpf0jGJF9653GKpoazvTCxDNzaSMKVRNwz0anGV+FfleCNwu/hejutD\r\nni/Gzp/v52TGvdUf7q4WHUzaMjzWbD3CRig=\r\n=y368\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","gitHead":"4beff94be65026ddb1d8c06c9e96f9eae195f352","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261317818","@chakra-ui/utils":"0.0.0-dev-202261317818","@chakra-ui/spinner":"0.0.0-dev-202261317818","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202261317818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202261317818"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-202261317818_1657732128059_0.9740526172915314","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/button","version":"2.0.4","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"76b36c0d9a672109b6232e5037dba94118fd708b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.4.tgz","fileCount":21,"integrity":"sha512-bhae6Vw0rrwkyz72Y0//aWO80jM6VblFf9kuMnHLtO1y+I3ptWnx7jjN3865xn/PJl3lu1AzuHn67DuNuvZ2UQ==","signatures":[{"sig":"MEUCIDrlgysAo2iDQNQodeP7kvHcDIDc6wWuFXoArA2mr2JlAiEA9O4Vv47WDhbQUytsUGRMfJIqxYV6mA+Uql0A+ZMbVrg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxJyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyRg//eryyY5/mHq1yJcZuJMeYj6VNmaVE9vhCSxLjlBQsk/lJ0Hyp\r\n/6dSoRNK4jf9s8hWUwnpugOyQhkryNrMun3gIPbt/yOD/Oz81e9M5l8AF22R\r\nRT6RjE2/7ktutWpJBYveVOD1Bq5ohVQRSDzk+7RdlXtOficChqJ5hVbQjzq7\r\nMdTImSAzPMVn7UBLsoWJpl6RHYFfISlRQTWJEvV6pHQMzlRuvw757jio66j4\r\n1rSPVv57rSCAm4swwQjNx5QZj0tupUjrqC20IsDzvj4zv1uZIwVCK4/0PTcn\r\nJ3u7qRCaH5PtME76quuLlhtxwlSQQ+RWoWBcfwypJ6EArffWqfXShF1l+krk\r\ncBE0IhV3NkAs8J8sObvD5hHzhhCJCvr1Iuc0B3Z+Njyx76YSnxZQcbByLNOL\r\n12G9xRwV2IgHanaYXstmD6WmpEjMDPLC03yxxLB29kS5py3yYZTGfgE9Cusw\r\nRCNzvsr1vxf4xeb8kzaqY7jJIb40A6xm9jveOt2hCskIrWCygSOdn9OtFv72\r\n3OpArtoxdPhSwH5wnwJ8zWdReRWc0klafEijHkCZGLWQNa4VJtlN41lfBZZ8\r\nS9Z/Ztm5lVCG0ILJ/J7+r5riElCKT+tKQ84wmjWPblpWvoyIwix89myyo69E\r\nmLq7+JRv2+pXUAmjiL7Oj+WL6dRBzEmeSfM=\r\n=eCMA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-button.cjs.js","types":"dist/chakra-ui-button.cjs.d.ts","module":"dist/chakra-ui-button.esm.js","gitHead":"5e6a402ac446e4ec252c1fded4fafb2a5a8e9970","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.4","@chakra-ui/utils":"2.0.4","@chakra-ui/spinner":"2.0.4","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.4_1657737841959_0.23612314853294358","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/button","version":"2.0.5","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0f2859d43f294a0ac3f0d66112d5379c55938974","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.5.tgz","fileCount":3,"integrity":"sha512-lMSYST5WjHCd2OgkEUrQz1JFO1RQEEmLJpZJuqMSu9ZniBojrhlMtVWchaDbM3+2oM8+NRPJHGrMxxnnEoP7gQ==","signatures":[{"sig":"MEUCIQDAbHHgCcz9HJ+pjIpkJB0S15bSxSBVdWD4kmsJlfWiOQIgDYs+sAC+sOZxQRdO29B2bhonc+bamx+nkONfi+gB2oI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4378,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpK2A//SlyS3QQ88UBxj1ONBO/X+t6A+E20kCpeXYeeLotCTHaBNktI\r\n0JqGWbf5TgzzG9j7c/O5Mi1aypAIyJoYHcF++9efKylFLUuAuT9pbPyg6643\r\n8lX0ZB/YKc7z4DU1vN6+ZINY6Fb7xGMncZ6eF1DT4GHi4utS3A7udbgBc0AH\r\nqBzQwuxfN2a68owiucuqkQRKkbbKvCmYBB3tCO7JeRFotLfP0Vv0LuoTBequ\r\nND7RcdVK46/hUnixFPT62JTOoko+sep5L8YjGx6hDkpe7ybM6utvxwMU+QyC\r\nIc7ZOlcfSXF7ECnmPrR5FBTNRWjQKjL9+5VZ1P2xVGEBIdK2sJWX04mLt72x\r\nYg02p9WleczYgTv8g0RNsYkXYhkWz95FMTYznGZuB00twP0JiCPqOatUJjiA\r\nNK8rhNPOAuBdW7nyTMCGGHQl7Tzpc8QhsdsI0yHnLlj1934pNUjY1me1p+pL\r\nSk+W0dYnkG8gSGDj9ZjfFqBl6TPAGO1/T7A5FzDrLiuiD6478tWw7aJqj2Lz\r\nL5x2COwkhHeKeh/23UILsNc4EEIUk5qXOnS3Uv6Li8kgqq1fKXI4KiqdD8Jp\r\ngfI+GgKX+ycKs2fRaKDtShJzRX5Hlqnd7VWr1+h+LWwo6pxFPjo3iE4F1REg\r\nVtKk7OlOVD9Z0a1bGq4h1WuGWvsIQh6gwgo=\r\n=eIjp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-button-2.0.5.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"tsup src/index.ts --format=esm,cjs --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src/index.ts --format=esm,cjs"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1d4f59a060032447eb97bbc107b3d479/chakra-ui-button-2.0.5.tgz","_integrity":"sha512-lMSYST5WjHCd2OgkEUrQz1JFO1RQEEmLJpZJuqMSu9ZniBojrhlMtVWchaDbM3+2oM8+NRPJHGrMxxnnEoP7gQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.5","@chakra-ui/utils":"2.0.5","@chakra-ui/spinner":"2.0.5","@chakra-ui/react-utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.5","@chakra-ui/theme":"2.1.4","@chakra-ui/layout":"2.1.2","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.5_1658725825076_0.20638734950383686","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220804193103","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"369c65b7a724eff8e235316de2c3c7fcda374c58","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-OHJ5TRidSzlTRbaXst1lzGHNrTwvII3y2qZRj5mF09OSP+Y3wRqkKJIm9E/ausFG/YAE42ntCQzYotlLahiLhw==","signatures":[{"sig":"MEYCIQCVFccnGxlI+LjoDdif6Bv26p7iOK1iOo86jsYIKM6F1QIhAOPZXeNrYfZthVp+WUzfgGRo8zQO1dv15gPggyg0DluN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B7aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxABAAktaJgBs00itzP/ulb2gKS0V58bNwvcN6yyQN8ro0TbF/NzPr\r\nTCHG9gsz62k3BB414pVoIwdcnivNYtGVKGDuIlGRUqEoJ7RypDpRgMEy+9Lz\r\n8JQYZNNtYb3xs7d6DBf75zk8QrCgm/TLlpJD8tkFSDXM4WDJwCqKEvhO8Lsd\r\nI2ubTq2qit1Idr5IU62Pg7hv55BrEb7zZDqX24YTAMYopw+0qrN4NF7OwU91\r\n3n14/qXWWDTZgOKRx9SiV3zu/nCaA6Yya7RYfXRFC11VJ+qYxlHFlo8up/VK\r\nX/++KB46/CyJKwu9B2WVxBQegZXTReqoJJnZFzL34+S0nzJcfAjdghndKbS6\r\n0sIpif3m6eBx+TgYpO5zcetcQ4Nu/xSbDkKc4nL97coNKB9cLwpZS2gZmMU+\r\nPDLSuiInfXr/5yQl+yLD0RW7rGxVq7XdW4BlDpfsgX9la0srq0rvdGb/0R9Z\r\noXfYym4L3AEXssDCYhEtZKp2SF0AkVS4QOJremDFLASCeQeGjIpHf81D8Rqo\r\nAw3WSbkI7zuod5oLwB8FEbjU7y6ZTFIQ4uzfXAB96Dmz60sryLhFGePCzN8h\r\nXMBltvhVpHSoGjKYfphbC0EXuHuo4+ZgkPGYgo7JgrHg1KyPwQKP5CF9xLJV\r\nCFL/eGxDGqFWZmst9KA97u1STNuJhfpiPsg=\r\n=qL3d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/5bfb3958303e4c1b6386c6ad403970ab/chakra-ui-button-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-OHJ5TRidSzlTRbaXst1lzGHNrTwvII3y2qZRj5mF09OSP+Y3wRqkKJIm9E/ausFG/YAE42ntCQzYotlLahiLhw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193103","@chakra-ui/utils":"0.0.0-dev-20220804193103","@chakra-ui/spinner":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220804193103","@chakra-ui/theme":"0.0.0-dev-20220804193103","@chakra-ui/layout":"0.0.0-dev-20220804193103","@chakra-ui/system":"0.0.0-dev-20220804193103"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804193103"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220804193103_1659641561881_0.4826463814474431","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220804193815","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ead2494b6815c3af2a3b1276544670a261978696","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-bGh1/LX5dwH2bKAYnI2gXv+eCj5boPjAxyli+8HXOS/pRz0jnbc/bg+6X5vsBiMndfcQhjs7up8bRmfl8I+Vyg==","signatures":[{"sig":"MEUCIQDKFdJ7IDoWGYdya1ZDIcyi24yMifazTkopCPXvNY4SXAIgJmLl1V9p8y6ltHPeA0rfJG5x93AmWV4f2XjcoCrH/m8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEhw/9GLABiYDWi9GjreS0X5oPfIxNFM6hWW+BFGEL99nzqn71fNAQ\r\nvtEAb+1D8YYFP+ppZ/rCUL7Oa/LAa7gEfsyOq86el8sydlF9hCUQp+0AO6dZ\r\nDOPBgH9CZlPknvPkH7Meqb4qC+N4wBwBNSdEOMF28wG5ZiV/NArU2mXFf1RN\r\n8AYhmU2z5piCxYIiC4zJQmQSjt0FUMA9MeBdQ6P550fMHciVynJpdmWY9yKQ\r\nwpSYICTM14CSqUmSEjKzNV1r5Tf9Qn4fKapbLg2xobwZ7ts0PtehguXp6O3j\r\n3ZvfViHEbSwHhGaIbmKYy1eT/ntCcTUJQYYjxAQiaREGKEemk5vsVYHVhvC4\r\nppKralMw31LJxFb7SxBrixnUUxQuMOajJmz1rvuLWK7uD4H2Ulh7sV1wwlQD\r\nrGJXe3A/PUbomkm1+tmrQSfNkM1i9Gz3BoXDw0II7i+mhzCYJNjfk+pQPJp6\r\nKPA2CyZ1mpTmzIcLGi/ZfEJrUmg4t+rxjh9LNqd9cLzQq9Sh8MKwNhb+DcHY\r\nON8lUYCwDouv+YgQp8d33HRcVBwZAmVu2aGB2C7D1JPaqs3OsWE6dUYRCapg\r\nOE0UCA/euMzzkSTqIEFhJn8QZbCmn4FVkELzDzer1Xt9a8zHvi8lz/8KQABt\r\nYFs4ipiInOTpOx+YM2XFO9zPNSKu1EY+YnE=\r\n=4Bks\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/5733b67d1abe560ee96a00da253da713/chakra-ui-button-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-bGh1/LX5dwH2bKAYnI2gXv+eCj5boPjAxyli+8HXOS/pRz0jnbc/bg+6X5vsBiMndfcQhjs7up8bRmfl8I+Vyg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193815","@chakra-ui/utils":"0.0.0-dev-20220804193815","@chakra-ui/spinner":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220804193815","@chakra-ui/theme":"0.0.0-dev-20220804193815","@chakra-ui/layout":"0.0.0-dev-20220804193815","@chakra-ui/system":"0.0.0-dev-20220804193815"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804193815"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220804193815_1659641930084_0.025664606286649683","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220804194739","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6bf19014cb3a1f8ff9d78aa251e199c6b5d0bb51","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-i3AJrNeQbo4B9jfdGtrafsNrx9nM0lQUr/VQ2rLTwjmrkG7b2r9CIIclJ76pa+odXJo+RK5iRQkDvHTW/2lOpQ==","signatures":[{"sig":"MEQCICzsRljoB+sAeQ/2zwwQspOO8uGjnBTBXo4mr6P3J9B5AiAgyNgDWFASd9TKcp16NTS3RqzVRuZ9a/FqhcwJhbRhew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CKMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptrA//RCteT6OZ4JmfV6lF1ysXpqXc3EPFgqt/fzTIcXleTeMXQDgw\r\nlz2cSBFB8Q17esQG0BDxrIRs15wUrB6BRL3xlPMz7FoGgK2EoJSkSEQlVix7\r\nhrIBONfsVOgHAn43EigUr3wCDzBGagkypDGl4gZhftrKNvQAYSEWWv7FOV5w\r\nNeT28D88NCUaiX1IB7w+eXQkQt5fqS/CqUUA1n0fjAkyAWJQmTfgVhWirBco\r\nvDlJvo1Tax3B7ujP0GVoxmdR33RYhwr16Z/3tw6CcLYcIEWG4bk+6fSgnPNJ\r\nJoywK7kVpI12OdDZnjblztmsEpzXGtps63CkvU82xYuy2JzKZQRRqTEEaW8b\r\nLpTQgsyUL2PQRwgyfuVPzX7zHF28n/NLTcH4D5dHbsXilZt5swuslLktnu1B\r\nODxL1U2sM1sDdXRpGpnA+fXZfFeM2FSCPd31P/siKjGRWy5n8SesRxTkm+pB\r\nw1F1+9EKqIQWkkGWdM9biH9ioLrNiqT93A0spE/aOieWpTtgt3iEX2FZlQl/\r\nLJbcQepVQBbj1PTmqAhIMlfU2TK78nQBX4jkvod+dvy8AGPn0eCM6/oDCYMc\r\nEl2JFZok5J8hZA3vR/X6FyH1gKAqpliZCtAUqCvr6TFL7Uds6hzlUNwmiQYf\r\nmt84SoDvzVh0eaCBXLGAwulmUzen42FZ+4o=\r\n=9pnD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/a09c43ab1c73ba46a0b6d85982a6ab14/chakra-ui-button-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-i3AJrNeQbo4B9jfdGtrafsNrx9nM0lQUr/VQ2rLTwjmrkG7b2r9CIIclJ76pa+odXJo+RK5iRQkDvHTW/2lOpQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804194739","@chakra-ui/utils":"0.0.0-dev-20220804194739","@chakra-ui/spinner":"0.0.0-dev-20220804194739","@chakra-ui/react-utils":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220804194739","@chakra-ui/theme":"0.0.0-dev-20220804194739","@chakra-ui/layout":"0.0.0-dev-20220804194739","@chakra-ui/system":"0.0.0-dev-20220804194739"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804194739"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220804194739_1659642507959_0.19160912628367588","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220804200605","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"147fa2d44dcbc799e704deaba4ef4b3ddc6bbefa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-UjOEuTZzOSk/gHoucYe7JMiSgtLLzSrivnFizv9E5IpAKcay2b1FY1IopycB+F77Aj9frm6MfJPyb880r6RS5w==","signatures":[{"sig":"MEYCIQCE1Wxxqg499D40sFRLvBYu0HSHuG8BEvDht1AGdfNV9AIhAJYlvEAQkXK2c79tCTjI/Z1o+VO5+oa0YYbAVCMyZfbe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CbcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIJw/+P1S7F6MyVhyOOJCUExIS3mWrb4u973VOctU/fu6I7kD9N1iL\r\nurIqRgqlJumd1trjPfO6sljZqGXgVALgLT30CokwgBaBDR3vaB7FdqjabasJ\r\n7naP1ncA4zaTiEvt6HNrkmZqBuL/rcl6rLjMGTzHI7RODyj+K5mA1USl6mXy\r\ncgogTZwdZkmuQb9zqozEIeSZqfx2o+ONH/XbdHEKU91Vt+Y25AzYFPhwzlYk\r\nbNzptOq1CdWgJAKedsmBmBErNkp7U3PqCdqgIa6Myef3Xbzq2j/0Tx7Uo0O4\r\nFPxEmJh8BnPoSTZAmsjbX5V8BHwiQOnKp5DITKVm4cHXtpB9xF8ZEFMvPosz\r\n2o/Xex6G2qCbw/FowXLqjiY6YUaz4sCigP0Z8wmD8SbDoXV0ygQXafZpToGU\r\nNzT7b8CyOgBXUC/CR0QyJkUYTcM7wEBwSpiEEbBKVed7YFkdOwvjee4z6tgC\r\n2VzIuCrbW2AX5DL7/dg/4vPCOF8l2dGahpUCfSWYac+EQqaAxOlRhLQB8I/s\r\nGjJCj5y40Lgtaw0aVPc6lsfxD8RdN+uvvgQBQAJLnWy4U+ynKznF4KZAE6qM\r\np4Ye55foyko6Z4iQlQOecacGB167KbJcw6fyeKAmQPwWU1FpKwJg3WpVmRBw\r\n3fm4tXR2/CBuNPetyJEM27sMCtv0Wu5eEbU=\r\n=C75X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/03adbee2992d415969e313da0f2cdc53/chakra-ui-button-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-UjOEuTZzOSk/gHoucYe7JMiSgtLLzSrivnFizv9E5IpAKcay2b1FY1IopycB+F77Aj9frm6MfJPyb880r6RS5w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804200605","@chakra-ui/utils":"0.0.0-dev-20220804200605","@chakra-ui/spinner":"0.0.0-dev-20220804200605","@chakra-ui/react-utils":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220804200605","@chakra-ui/theme":"0.0.0-dev-20220804200605","@chakra-ui/layout":"0.0.0-dev-20220804200605","@chakra-ui/system":"0.0.0-dev-20220804200605"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804200605"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220804200605_1659643612690_0.5397741169317389","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220805062318","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0411c617b5a79f0065aa5ca4f0337c824492e7a6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-bfpujQDlkA7rACcTUxF8Y7etvGUn6ZeMVDC5ebzxlOjK6WomgPhUw3pP4gIFFbFD/Q+xRs/oyeDrQbfiL9VPpg==","signatures":[{"sig":"MEUCIFrOw406GOODNYFeORqbi+m+BFywCQR8Q9aCJLRqSgGfAiEA1eg7IoZw23AO95ZJ/kdzSDgmHvKR/aXmHTYpbzCH5qY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LeDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjDA/+IJuQPg8FkLFLjJ9WbH1IoRoA7vAbwxKe2RtjFpy6JJcky86j\r\nOeLDaIy5iHWV6ZJdCr9e07Q+sSXWzz9AO49ZO8SjfAhmWcP3G39jpudQOazw\r\nPyxe12gCj32O/yyk3xLIpjsMPqTpJ6ZrZi0OuTLqpD/4O2OzAncZZc3ui3lW\r\n3tdr0GQzmpIesmoaF9608MVJjrLwSAiz7noOxegu9DjCKdU0rNVtYIeZO0EW\r\nfooabQsl7w3/Z0e8lpCpybh3u9Y6Z/1TvxaR87kugmdsji5a4+TS1BaxvaH0\r\nfFSQkH89aYCWC1uHje+5qE6Ng33folBzLjTaMUI4OzhTIP673wBZeSDyZvi7\r\nKhpZalopqO2C/PKyK1I2Rh87MCUXC16Ep8XDJb0v8Juu1ywnl2B+MHdzwAKw\r\npNl9VyTYbjvpDkDdAl/OxvqtgvYACaU4E0q26t9MTHXaGvVJrwTkwzFH5WQU\r\nX7h10J3ZYpENRuMCws40JllF7V9z0NqnOg+nNR9VrcqsF6uzCZSILEdGyp0S\r\nBdgpWO5pk9FxMPt9yjSTYOleuN+RkNJ59CE/bzCuLR8FEr8v4rm0jFT1m5Fz\r\nHHmWbvSkDAIzbJ3kkBSpi6YHJMr6s9W7JcABr4qimN1jD0L3QdHLibBW64Y2\r\n/jUYnKpKq5bLQiHEzheFaZXkrHAYWGNEAXE=\r\n=MIcB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/a1f5c457dd7c3379fdcdde836b470a75/chakra-ui-button-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-bfpujQDlkA7rACcTUxF8Y7etvGUn6ZeMVDC5ebzxlOjK6WomgPhUw3pP4gIFFbFD/Q+xRs/oyeDrQbfiL9VPpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220805062318","@chakra-ui/utils":"0.0.0-dev-20220805062318","@chakra-ui/spinner":"0.0.0-dev-20220805062318","@chakra-ui/react-utils":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220805062318","@chakra-ui/theme":"0.0.0-dev-20220805062318","@chakra-ui/layout":"0.0.0-dev-20220805062318","@chakra-ui/system":"0.0.0-dev-20220805062318"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220805062318"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220805062318_1659680643267_0.7593399048445932","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/button","version":"2.0.6","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6924ca486f62f99d53dc77204f8b1603bdfed4f2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.6.tgz","fileCount":6,"integrity":"sha512-pPGj5uAdB37HAHZ4AACiY2F/Yl4p/vmw6ArXlr1FYsbK0dXXWk4E0ZwSELGKudRS6ylYP1ck6/UhT0SGMu6kUg==","signatures":[{"sig":"MEQCIGP7hSS/yF83J5xSCcDUynU1ptbs6NKAhdij7Fj2qznjAiBizScOjQVJW/Ye8Q7pge6gC/thvef7rGdnYHdeFHNDVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27235,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBCg/+MR1F/5FiE6yBlXEK1ZB0V5KMPwPqvZsq7071bJ1uCawUhNPy\r\ntOemB2YidZghkaM3acHlOx+ncFU3MDeq9hje9f9dcbbYoG7ndxhW33vslsWH\r\nCsL+fWIzSfbMbjv8yyUQo4006N3GzdJDDp+xbnpGnE3107kHNLNrvAMKJKxJ\r\nmjyYUTiiCgAUfB9uoFVhj/hQsbXCmJ/CAqgolUZ/7VCVREErRWCZp9hgPac6\r\njhpq7nrwweGOZeUWiktWYQMFYIBV7mpVWhb7unE/M2eiaq+TN8OytMECDenM\r\nD+xbaIqwUsuaBLJ6+4DvlZqBwQJWw+3IC8UWMz+jBHql6eA5oLE2MptE1DXf\r\nrvKI3jVEyU6ckdpoCZoJdPvcozGrw0WpYVMeD4ikBvmcBuOtfI1ynhW7iEUJ\r\nmtgK7oPlq2/4bS2IJChzgwkU5geYxW/7ggjVAqH2mZ9kkTvpubLw9xY+pzfR\r\n/qXdcLbFPTGdpuncUzpUgb6Bykc7kIzZpOno/h7IovRdg//0lUV7gNTb8uxh\r\nikrL6VPPqEsxDFqA6dKF8Ax8IMNBVlalzcxpiDGkIa01770Hr35C7HEm7kgI\r\nBs48bWRocgJCzKTYvlJ70QgT1oG716Usn2tHnEo/kzkYnoUwQlX+7+c+dvcx\r\nWjlKFFl/qIf+uK5x3E3meGeSFLdk2QCrf/0=\r\n=Z0qh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.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/af44eaccc0238b7a5d0465873d3a07f1/chakra-ui-button-2.0.6.tgz","_integrity":"sha512-pPGj5uAdB37HAHZ4AACiY2F/Yl4p/vmw6ArXlr1FYsbK0dXXWk4E0ZwSELGKudRS6ylYP1ck6/UhT0SGMu6kUg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6","@chakra-ui/spinner":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.6","@chakra-ui/theme":"2.1.5","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.6_1659694377197_0.20460904443560524","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220810112922","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"01eff55a2add27a85844614be5a7b5147606abda","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-0Y2k7hrIA/CHT1zcFf0tss00YlTrlOEIbXdB6X+7q1cIvUdHe7WIWs81pKxoU92BmEe0kf5gFXzUpSfku3s47Q==","signatures":[{"sig":"MEYCIQD5vXTQNa8eYSWex+HRRHriCIg72DXjuArixXRKKJnsaQIhAMDoKysLCNHik3iHiryxpJa+CkgB9HhQQEKBSDP7pRd2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85azACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzLA//TCU91ALZcs1P3cX8MBtPHRGD3GaPdD+xuZVPgmGzYcvBna66\r\nJHFscda/LeujTVdB0YCcdF2iPyWdjrn7DeF1jOlpC1yUMaiJQVOfhrbGJ74b\r\nl8uodXVW+7Xcncx5ir1WkF5GHubhHwcaMun68PCI/XEccGopGpIDQG7i8ABx\r\nnnyk7mpJfk5oRX5ygp71GARntm/I7Fj5m9q54oEl8cUoieFPmm0LkNROEWWG\r\nJ/XnpMiwGk1RUwoBmswmbYdlOs0QGrsHl2ZS0Jt1BfCmBudE7tFt4ZQkM0yj\r\n6481wgFSoZiOljucRRESEgd8Pvw7r8Sge5LMkGSBfMjucB4AtudCEePwbQPZ\r\nklLTWmbYsKaFHH8m2wcqZ7TypFklLuC3YdzGjnM2JM+xB8OzQ7kEJg/SYO/s\r\nrFZiZt2YEhN37L1kuybdqaD6kSlpTXPtQbPRO7TGil1pWBGL5odKouL8enuH\r\no96hcKO4dBASaOlkQ0UgZA/kMovAaWD+uy3166U5Ot7upZkHitCqUx/dbFxd\r\nuJ5Fb4dyxHAFGyu+9UKA/X/WwaNK0qPYv8ng9b8G4YUKbgKlyMJRcbC6C69+\r\nvNZjzgYxFqLO54BekDwsixfa4WmU1OAOiMJ3redZqm1EmDxo/2sqkIRgScSd\r\nKzpXux3ZHU1Cctj+d1mWgRJOCzBTLJs+1Cg=\r\n=s3iV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/fdb34704dc20deb0952f406e38375a72/chakra-ui-button-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-0Y2k7hrIA/CHT1zcFf0tss00YlTrlOEIbXdB6X+7q1cIvUdHe7WIWs81pKxoU92BmEe0kf5gFXzUpSfku3s47Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/utils":"2.0.6","@chakra-ui/spinner":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.6","@chakra-ui/theme":"0.0.0-dev-20220810112922","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810112922"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810112922"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220810112922_1660130994866_0.18578792183898374","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220810121727","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c6e52751418dcb8517ec3b88587fc21346ce26b7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-0i43q9CBMXejCPKklzi+wECt5gUyBbwTV/BztiRJvULi2NjpY0uoRf4IUrCcM9j8DyTQ9p5uTBMnQYkZ+Acwaw==","signatures":[{"sig":"MEYCIQCWJRlsC2/WKozcQa08vF57W/QWVWhUOqEe+q5/UaAsiAIhAOtYJwf10PYGdtQ6McEwetAYw95vsFUH2EFCTYHRwIwL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86H+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDlg//StsA58TPsDcpL0oN6uiLOcbNBeo1eFViiSc7jVSYIMnS5uVB\r\n7Q00AvaQl9t6Dk5rBmTf8xTcHUJ/TSc8noobf2CpRn/jnktqnqbUYmYgRES1\r\nNCXlW5v9yUS5z5HGvmkZcKrR1O3rnqJuzggg7EEWIQZ1YWCPDC8D9raUElLd\r\nGYhc9EKIxMtGc+QXecSFfBd95nvMqQQljrnmXN8v1Hqi858bsVQQzepLAjmN\r\nY6LW2ONm+4Bpc3ZC1p5TF0/a5KDTZHDk910/7RJhblVo4QtB+/RzRAZIy6qd\r\nplR/Ndf4aaH8jw6uEXbhh6V9SKFVGOchIYuymSFYdqQDFdb7+OsQM8W+g5FB\r\nSQws0zRwR/Eg4zF3Fg4lAhZaFojV+1E316Q6w9oa0MfKB3temeeKpQqJKkGF\r\natYQHrKqBdsm6peEYC+gHBv4lqCIjOwapUr/UOqHrNlP6p7Qy9Kaz0pb1I6w\r\nWddmPU1VEvzCmq0gn0aHQzFYNfnFawocmJP4YY8b5z3VxjJXBW+kopA7OsRI\r\nooecR72w18slAMYTTgYhGEjEe4f+bpLfsGZ+D1YBtqaxz/j8qsi7jr+96djM\r\nyqTisSJ/cCm5hnJmCyXDSP9guj83psWG7W6YfcaBF3EfjZRR1Z+cWCxcAcL4\r\nCREGp+8ikjcA5OBLDkV3wxsZ6agw9QA3fDA=\r\n=Ohym\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/891f7fb38941c03a247f9ce296d03ce8/chakra-ui-button-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-0i43q9CBMXejCPKklzi+wECt5gUyBbwTV/BztiRJvULi2NjpY0uoRf4IUrCcM9j8DyTQ9p5uTBMnQYkZ+Acwaw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/utils":"2.0.6","@chakra-ui/spinner":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.6","@chakra-ui/theme":"0.0.0-dev-20220810121727","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810121727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810121727"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220810121727_1660133886624_0.18060736688022438","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220810122556","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d70b535a280433f48be2a3a231584b468ca9aa12","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-oyYqY+7JYT76nwj0t6nDkCqeAMUxL+7D7EfaMWTXiLd3velfL1lhA8A744/1/11KoE2LlnTJkuNtci8G0DaWjg==","signatures":[{"sig":"MEYCIQDi1dpYSPsmXG54Zx4DjUuG2dPssdmEF8LNHNCFz56BPwIhAPvFIGZ2PE8OZQfZPWnrcroQRbfF4J7gLRu/jpywufLW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86P3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKIQ/8CJul4Iw0xeK2TIVXKuB2KAfANFO/TNlzYMy5ZH3+SFdUQnq9\r\nssCW8cjBxNR6aU+lbLOxcOGg2SchBzwh3vFI3Yk8kvNLVr2WqkihBbBp+saV\r\ndghYcP/Nz2XmGJZrk2ynjkxJJqbLBYyeAUUj9Ab0fkrL7VSj99rXp8pqubZ0\r\nDHEeVljVuajAP6bwmDPeBRi0gFjKoOcIPr/D0V1GCxCf4VVr4M8UPzTUUQvG\r\n95JmWtV8js8kOLbw1Dmd1DXmbdf7+yhH4KValwKYOdxicH/+/9RO9ZhSPWO3\r\ni3FKjzGkByM0AkWOOGWXxqoSkiNAlW61X81r/dowRe1la8xZaQvjdJIeN/77\r\nOWRcTMd14niP5vPOoAg1v8COHXOTznITsNLhybpa9ha/Jitl7EIiZhBFNT0L\r\nd2/dApOG0oSyv20R9HHzQ3pV6HmLhs9UPJbhoVkC87Dokl+sUIPYeeOPskxz\r\nOFKG+4dyly8HWNhVR1VqDS9fy50jfsK1QyIXY09DujWh1yeJcsoRyog8oj4v\r\nyIuupVOgxv1iNfmz+SbCSJM9laQXdhbqcw2tPrBL5LsUaGH8oSuHYgPTIZgD\r\n2fJe4Cme2tzUv0N0r10fytFdvoDfV4dBkC8W8XMNDKWH+dWO6sSaL2JwupDn\r\neNAsoCEXuNCwnseDqNUXa/oyI3UxJrjRzRk=\r\n=yYjv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/6c90788da1827331afccb94afe023989/chakra-ui-button-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-oyYqY+7JYT76nwj0t6nDkCqeAMUxL+7D7EfaMWTXiLd3velfL1lhA8A744/1/11KoE2LlnTJkuNtci8G0DaWjg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/utils":"2.0.6","@chakra-ui/spinner":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.6","@chakra-ui/theme":"0.0.0-dev-20220810122556","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810122556"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810122556"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220810122556_1660134391376_0.028393572303814896","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220810124358","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"22745faad6d1cd96036533b8858add78765ac1f7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-co3RCQJxbSQ6NeWaR36GcJjCbWb3RwKWHQYJoSiDj6ozVs19wWO0ODDxk/NloH8kxsJHa0CVzeMfEEma3OwivQ==","signatures":[{"sig":"MEYCIQD4I48vF3e2Vor0DL3bAFAR2GhC7cr2Qnd0WPDp5UQVXAIhAOofCLaf2skWDgBb2rHIyTxwTkTmgSMTKzR+lNvS5z+3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86g5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBqw/+MsWR3RNwq+BRKEddmNlaEVKFfyaVzzzRpEq7VREMTCvlJlkR\r\nJ4ZcDAJ3FVBATI/GF8HJck41KAVRbCSIrfwTOE5X+tiLirPA5NiQXVJfY8wM\r\n8EZraMw6QO/I2pDGMxCwFJ1SbCC8rCgxydBv9HB69NsVRC4OrelztqpLewPH\r\naAuSs4psIJ74RUIurPwrpgGc518HkN4wmthopi1x486464yxdqD+urJJRHbB\r\nTYOezl9dc8JgjuIeMHFsOCFIfBkuTh1vGKGD25hKrsuNNXxYVsCGa/GzT2Dt\r\n62kAnuuo6/Kss3jYAX5VMWAqPT0exbPvAw94QF4q2YzGU7PvWtpemUnlO+yd\r\n9qm5cn4T2Us51Y9OtlY19CVULyhlc3HfTUjuzvM1cst1w2/mz85YTVErm3Sv\r\nbjYlTwQLbC0M/IWWAoCLFVZqc2ga6rIZBcIgH1WkuB+/5sxBxyIbzAKLdLmE\r\nLRrf6k3xv0Zf9EXYDi34LUW92gdIFhnFB8jkKLImx6CqDHcr9F+T5P/TfHPf\r\neTrVB/hlQeUR1Ck5tC813Xq1mbizNHpNip0D2QbGlwm/6B48BoGoMfL05xCV\r\nG4VHJOkT3U3habxbpah718ha/e51iBlHMt3CKtF/GHBy25DFE0HjAGVxQblH\r\n7o/QOKbnaL7EEyCQEJxZXhw+5mM0kBlqn+Q=\r\n=uaBg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/c0330c998033930ac8f3b2a31314120e/chakra-ui-button-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-co3RCQJxbSQ6NeWaR36GcJjCbWb3RwKWHQYJoSiDj6ozVs19wWO0ODDxk/NloH8kxsJHa0CVzeMfEEma3OwivQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/utils":"2.0.6","@chakra-ui/spinner":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.6","@chakra-ui/theme":"0.0.0-dev-20220810124358","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810124358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810124358"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220810124358_1660135481020_0.11543667003163627","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220810132240","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"19692d7acfaffc06c3f97bfeaf2ca79d13bb29f1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-EiHc3CKoAGsGa9CNKcTgXnNxXg04RaPHz/wX2Ph3rwz4rRRx2ZXLOTioFZyEd2O0jWWy1G+js3gFMpR2t2Uk0w==","signatures":[{"sig":"MEUCIGpLBdI7Txk8EYe3/ict3ezY4YL9JUBWL/FOMdztJqc6AiEAyRvTJ9SahjFtY1HOj0Q9S5NlWl/DSmcmVYmQCVdeN0k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjxRAAo/mYtwLqykOlWIWEmUj7NsUjQcPHF2lKJMC8PdLH4Pw6Xulu\r\n5nfX+SRG4zN0ZpImKMIm0RgUG5gah8qDymO0wTK+XUAlohBoRFL5srNpDOqi\r\nQk4MDsphn7tnq+shKAEap/1e0peZtLwfPHA2XehhBNVveDC7rHCSrCdFCnq7\r\n1WxcXgPDNl+ulGrqd7QO4OqZ0BfUZq3sr4S/Jt6V+5Jr1WMZyzCesYlfkllX\r\nIdoPthmpngefcwU/SxlU1V0Cso1hNh7tR4YZA8eILOGNUqYpV4hcXBK/cAjA\r\n1ercyjBZSIopHsEPpHi/gJrMCn41Uizh7Ey9e4B3MHpNlg5+CG0CAb6rcyTB\r\nmSG5iF+7qKhTeTScwHiDm+L/tcfNVCG+xeaqn4wQ+sjpx89N8JG07pLoPDZL\r\nnKko7e5GZ8UX0he97wcVZvrj+gS2kwsfLbUnnJMBc8pELcoDbyhb60UFMh0p\r\nCnNWhqk5La1kUbJ3W0ABuQ9J2ieCwWLiHI8ZLCFkt7g3MWUVWZMCH5Pvr+D3\r\nK07GrrImGJyrkNwGFe1OJC1fOxtJUVHpVq191K7S1ubMgsHFvTW+S1K1wVS5\r\nEmieIWy7QH/aO8H9VRv9U5nCG7hDFvG6sMmgmajdxnbl0B9AdRKX7nTbAo9n\r\n9nBeIHV+IePrtqZO2GtaoWVBvHUxVeZnu60=\r\n=JOVi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ff1daba1994de3b1d39fcdf23bd90c6b/chakra-ui-button-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-EiHc3CKoAGsGa9CNKcTgXnNxXg04RaPHz/wX2Ph3rwz4rRRx2ZXLOTioFZyEd2O0jWWy1G+js3gFMpR2t2Uk0w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/utils":"2.0.6","@chakra-ui/spinner":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.6","@chakra-ui/theme":"0.0.0-dev-20220810132240","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810132240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810132240"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220810132240_1660137795583_0.6125898409847339","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220811084042","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"918a269cd3234867fe14b36b0b56bf573d37043a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-pqs09pCDwT7zaI1oeig1fym80qjP5SpLxQdGgj5A+C2HLCWQ/bu1XVKp5O4lc4rkBDTi4okHBcGwHPCN0OGq/g==","signatures":[{"sig":"MEUCICRGU7VbyF98nyy/6nsLUPaNzN5aWRl9sAysOYJTFWFSAiEArkjziBttUNb7lAYFo+Dz8lSugiul6GYz67PlmmlDUHM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MC3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFnRAAh0Ht8CKwSxLCpXA4Yzd2pIzvCx3Sy6g61RX10OiR+Qwmnm/v\r\nQ+GOLitHUjgAWGdDailXw56LqhxwwAfnLMy+R9D/uIxFB4qDyqtjZpqIApgu\r\njCY1RP53Vd4jMVrSRZCA6txS3x92bmKqAMTP8NXVvEFx9WcKXSr1lXn0lsDQ\r\nsGGFVwatRa/xxRdDzlEmkHqeFA+PGska+0adr3B0hV9CZLdJCXd11KWvWnmK\r\nOdOdVY/FFmfxCwcCp+Gg42fLYtYzyura473W4NdM5G1fBbC0gewUGXM1zNxW\r\nlSdclUmC+bBe2kCTCL8QAlc/59mAD00ZiqmR6yX8zowGi6jW1FxOFFo/7SKs\r\nCjn6eIrhu4qVnUqgVV39mbDV8t6Nl94XFlwxbLox4h8OYAlarQIfDDoFw1h5\r\nB/D6U9/Zi963gkqFal+eeV1sSqEUmYjzuZkAFfHvHxUG+6wfsz2gBwhnjRJy\r\nZat1MDSpRyGv5SgCe8F/8iPHBCorIDucSmjvjBxAZLykA9Qo1mHfgFZnXB3m\r\nQrIxhQNseR4oCeZAswhJ+RUNXf5D5bHtFslKZM9qlc4IUWqE1A3WCidFTqfV\r\n1cvzJaOKM55aKTetgRQYmpP+Em5OlamthOAL93m0ayXdJmdbElVTEHiK9SYE\r\nVMz2GDTwgm6Qjz2EcKKKZDIjue5WTE9Mdt8=\r\n=sST8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/a5a2908caf0c7d40a6722d8c07df585b/chakra-ui-button-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-pqs09pCDwT7zaI1oeig1fym80qjP5SpLxQdGgj5A+C2HLCWQ/bu1XVKp5O4lc4rkBDTi4okHBcGwHPCN0OGq/g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811084042","@chakra-ui/utils":"0.0.0-dev-20220811084042","@chakra-ui/spinner":"0.0.0-dev-20220811084042","@chakra-ui/react-utils":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220811084042","@chakra-ui/theme":"0.0.0-dev-20220811084042","@chakra-ui/layout":"0.0.0-dev-20220811084042","@chakra-ui/system":"0.0.0-dev-20220811084042"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811084042"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220811084042_1660207287794_0.20292856329358377","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220811093515","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3630f694b30569566a19fbc6b88e23cc3f697f94","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-3lAUWK3iVoNkuafefN2+Iy5u5yYBPl0c9wbywKg9fLrFCxcWvHIBo9AxY6Zz5MiGSLh1iaLz9YHls72LcPiwYQ==","signatures":[{"sig":"MEUCIQDARLmPiDRuTSRJuYwcuVEswhRi1CNsQcsV0fm6bHqDcAIgYH1qygPag2r3u4srynbGDKHQNzuckxq4WPiduMPOTPM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M1+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNzxAAhW7w07xy50UNaCFvQSLG0bqrko+Q4Fvztc5N6uvlwbPmfV4O\r\nFkgBpUJMF5Q/msNve5MlEE8xqtu9iOvKPhn3J2Xt8pI5wu/Q+JxCNsY0Mgaz\r\ntQ13QXbLvdSZSEIjB2kxHebT6sWWu2fmGtmJHNAAAeJyCP3BGel7PFA+6T8H\r\nyq9ixqUwAt8Ab9zNzAk0zGZmusyJZw80/6sgln6NghAiSHA8NqjTENQ+rREL\r\n72QAa9vQX78gnIhW2dODV4oM+MMJHYa0vwyFL4XqQ++dbQRcTgLjgTHFZBu5\r\nfmDa2tEK/U87nhm9OOniBagaEVhChh3okSKTN0Ay8RJkAKeKEt7BJTiBVGAv\r\nszV4PesYpaRxPxxga5yBpmI9Wo0HclfujqNDQUKgJafwfy/5Pi9+tPB7D3HU\r\nCDYjEPAZGTrWrVTkPbjh1nhQtcuO+uaUlqGyoKQd2JWNu9mA+okElCMWTPvV\r\n9/kpzLQXk3RGaciqiv7Pg4Y/L3FU0kn2nlRUrbF5+yyfhkNpsmMw42NrOG1A\r\n7rwEuhRwt1OqTH/rmwjO7sy4zoh6VHGW9CgRQl+OFz1GYNO61Pd3IAG5drZd\r\n3oMsdYQMR13d7vn69GpH8SUunMrGcJ+XsAhOk+Kw8DTy2uo/8VdyfGJU5xU8\r\nnShh1MfomHmeCpTzhLh3zy+w2DCsPBnSwMM=\r\n=VcgF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/6b080e432b061ec53110234d2eb7338d/chakra-ui-button-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-3lAUWK3iVoNkuafefN2+Iy5u5yYBPl0c9wbywKg9fLrFCxcWvHIBo9AxY6Zz5MiGSLh1iaLz9YHls72LcPiwYQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811093515","@chakra-ui/utils":"0.0.0-dev-20220811093515","@chakra-ui/spinner":"0.0.0-dev-20220811093515","@chakra-ui/react-utils":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220811093515","@chakra-ui/theme":"0.0.0-dev-20220811093515","@chakra-ui/layout":"0.0.0-dev-20220811093515","@chakra-ui/system":"0.0.0-dev-20220811093515"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811093515"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220811093515_1660210558042_0.2363059288196434","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220811160709","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"28e2c81455e0d8a4a960275e0c8ef9a3ec8c77cf","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-SJnUV2CI9eEGKCSYY5uKkM36cfRaqFFKAfLe86t4Mhr3oT/f3MPRrfkdpVi4AvWHM8kuzWvMIvRelQKkuDNd7g==","signatures":[{"sig":"MEUCICR84/DweZbPlqsmxQpZL0ySOHivOAtdYVTqwBLCfEesAiEAgGw7kkmpCrfPcR16A0iI/4ugqBlGNxzlGLW4OiG0NDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9SljACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ2g//SDQ7bGTq78x+v1/iD6mk1ing4TlhtoTKdq1zfViGh0JsQvlH\r\nUidUbKc2mNi2bihIPnjTmLVqctGdow1KuWJrEjPzRFdlQwU2XJvhocd9EMHX\r\nHnH5ioLWM07Vfqm9kZNrpaS9r5wTSxnkkW5AVwhZfl9yA+ZfToJM0fQA7iM2\r\nCj2nxLAuxK/82QYNuAmmoJu4yw8fYom4tAi/N3P11a+sYS3vYhdoeNOG6zAd\r\nLPthJGpHv6EfdibtoG8w8poaZX64hbxrZi87264l5AFsE4RBbh8R9jtnB3/p\r\n3wJz8OdrY3ztNeGOF6rcHClAQtbQoA+TPEscmURWqUp3UHQvku3+x7DlLFc1\r\niGZGLia9Pk+Sjpcgb/zOClJ1rm4CBf1xN6CJo19ONrAZCumJGt6R1r7ILw3B\r\n+RsrjafA2fwWxXJlIXOxzddauDB+x2ZFjfbnqtSiamwQsboHOSeshnH/rePf\r\nncQL1zfGuwv05FlcP73KLsu5I8hAlx+88FcpwN5pgO3+LwE+9jYSEyowLZ/T\r\n0KO4A3EknAyA/mWX7DHsV/rbuImxAuhluLRBDgC/zP2KpFoBxNiVcQZE1jPR\r\n6xehT7mV7DIm8OAvGaEZ+oP6i/edomcPClHoTBbr/VWOchAQSvjba5QX0rG/\r\n6jx6wlwDNpzWl1hnlzoDfDEQEMbh8/t/4gk=\r\n=8VWC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/1fdc3bbcbb5f2c497c1438f5d6688ed3/chakra-ui-button-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-SJnUV2CI9eEGKCSYY5uKkM36cfRaqFFKAfLe86t4Mhr3oT/f3MPRrfkdpVi4AvWHM8kuzWvMIvRelQKkuDNd7g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811160709","@chakra-ui/utils":"0.0.0-dev-20220811160709","@chakra-ui/spinner":"0.0.0-dev-20220811160709","@chakra-ui/react-utils":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220811160709","@chakra-ui/theme":"0.0.0-dev-20220811160709","@chakra-ui/layout":"0.0.0-dev-20220811160709","@chakra-ui/system":"0.0.0-dev-20220811160709"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811160709"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220811160709_1660234083456_0.02407130130410451","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220812060931","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"3fd8bfe7c92e34a8b11134a50313f36b1a988aa8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-iNgl5v4x/Sc7+CEv21BR76BMAu5F7YbxhQumOKf3tiipWgYvj0//Qd6EM7OHMzIo0ZxyxLEGACpfI/6Ta5Kp6g==","signatures":[{"sig":"MEUCIQC0itbpi1gO8GBvjve2PIZVLxom9sGlp7kqDsb73ntWZQIgdi8SxAKCBslPKcStFLiZSqHDrQG9T1b0n4jV1uPmtJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNnw/5AV2d8c5qUK8CErMj1jQWme+D13lJMFjAaJguzV9Fc8/u58b7\r\n5EWvYPAxKXKabLoWJ3MEKQGcmORwRp1YrDzMd63/Jj57ykYpKC6r5bxICqh4\r\n1ZUelbGmX+2t4LEinzfh/wkfOaJ0DVH2gd5z5kQaf+GimfsuDrYZMqMRx7fv\r\nXK2jPDqO4QNyrvHWfZYIavIzzDsoI5/PI4caB4rB2R2TaH6A6aLdjyf347Is\r\nBWIVyvYcENkvOCDdTWzS4SffiebGNketSHbneze0J9ymL7WSJFBHiMwb3Ud5\r\ns/pO1IAp9yi+z+nT9RnpaWKaCs5l0tWt01r5NgTP+aAUM3Jp1JZJYt9/0lUv\r\nUmwGuKF8ddBrl7AuQLmKHFZtb44Hgyw359wIJDv1SAUl+mJZZ19Nl6POPn8d\r\nydqBzOi+e3LCUp+4NgzHlUWJ7z0ldsB7zG6BCc2dAk3h9QQkjO1OWPgqicc2\r\nbRJiYyLVYoBLLGYCQ+/7qukVsUo2YgS1eA1cOmWWZ90HV3XSQNhZOC2jQ7Ku\r\nJLwB+qlqoKyzrFJ/W55mROoKHThkksu2U/zU57CLrTMCDVs5GCr/vOC5vjZw\r\nC6d+0Fr0uzkKjsdLIaxW0GGeYNTE/SI4Hhe+oS+JrnYa3Ma2KD94D1w/pJ16\r\nsv8qPwAVJAPh32RcUoZjCyJ2nikh1zm/DPM=\r\n=9qAo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/a3cfe9a4735f42e85374433921aff748/chakra-ui-button-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-iNgl5v4x/Sc7+CEv21BR76BMAu5F7YbxhQumOKf3tiipWgYvj0//Qd6EM7OHMzIo0ZxyxLEGACpfI/6Ta5Kp6g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220812060931","@chakra-ui/utils":"0.0.0-dev-20220812060931","@chakra-ui/spinner":"0.0.0-dev-20220812060931","@chakra-ui/react-utils":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220812060931","@chakra-ui/theme":"0.0.0-dev-20220812060931","@chakra-ui/layout":"0.0.0-dev-20220812060931","@chakra-ui/system":"0.0.0-dev-20220812060931"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220812060931"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220812060931_1660284617430_0.4146412859938464","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813051625","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a5562a60297db7e495cd621a8c96e4836f8cfc3d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-pGviR+4gfgfe7hw/ghb+KokwCydtZdGfTMO5JV4IqB/vZnZR+8ZwNlETlIH01DrmTPgyMiKfZcI5pcMdJpeWeQ==","signatures":[{"sig":"MEUCIQC/1PIyz9lUP68GIKVnhOTrVh5xdpaYYKmt6HpZKakYbgIgUSw+EOXZbNXDMBkHwXCF7oN2d3IE+MoRjRA+0t4F99s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNkQ/+N8aqek2EcE1ZGLm0xeK8PAynh6eyQc/2YzWhPmo8fkzphjTn\r\nmevt3imhRTKhUAOYcYNLsgU+jEAmPG8Hnd9hLUwTh6xY982p1o18vXtZbRW2\r\ntf4i8/8UueTrhbE0GklbF+o0MbngTCLDJfsZSXKce9KPGt6uKI5zpZyjkHzF\r\nxGRxtdU55AhENCeszft1Yw1aEyrNWpRpUxj8pKoHw4u0znGBSuUIeMq+40nS\r\nerdEAplLRP7fwCyXNb8L52rwfjN71L6XWFuNTDqujKb75u3oU4R698sINgHp\r\ni7CFfl22/6WmhLYvfLfvwy+hBrJ8nMX/ArwDgkCjL5XfRPq8+IJSJ+EsgPut\r\nlKVwCRyURnNiDFJkqDs2O4WNmAVUrEnPGn5WjBY9oIr7zasDyohdQ83Z4+Bc\r\n7TtgyLWVL6ijZwiNMraSqSjB1F7sVMCQNh0GLa4/6PP+hyfGxZ6DXQwkkPvL\r\nrKfk01UQRWfd2B/0Zgde+0pQSW6Og6zBZ0eOZqN9kwSqPUGs62hqxOaPgnc+\r\nANe+LG+CNANl6/RjJ2+BEUch34nzEgBryZtm0/wzKS0KVGpD/xGL2vZ4y21p\r\n7yYnHUK5CohD1GKiti2Y17CDwiNMPNt6GUP7izGls9CF6ghqRzy0dKiIQYEC\r\n/XoMf4UAh2M4nIq79tfXNV7TFfkRD4RUIzE=\r\n=534w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/543a14c1570e287fb3aa8f146b1ef036/chakra-ui-button-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-pGviR+4gfgfe7hw/ghb+KokwCydtZdGfTMO5JV4IqB/vZnZR+8ZwNlETlIH01DrmTPgyMiKfZcI5pcMdJpeWeQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813051625","@chakra-ui/utils":"0.0.0-dev-20220813051625","@chakra-ui/spinner":"0.0.0-dev-20220813051625","@chakra-ui/react-utils":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813051625","@chakra-ui/theme":"0.0.0-dev-20220813051625","@chakra-ui/layout":"0.0.0-dev-20220813051625","@chakra-ui/system":"0.0.0-dev-20220813051625"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813051625"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813051625_1660367831132_0.4383754997184144","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813052715","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"fb4fc574a2d7a92253e87e314f4369c0c7465419","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-GX04ybztIVhuXJOTugEMW4sYTIbz30Y2YC+q+Tg+0V9McAaN3eDk0NgzznpwikuGiTP05hY0cHUpYib9dsVSRQ==","signatures":[{"sig":"MEQCIDspXwimtE0CVSGOAq2HbXDMiHy/6uMIiEurPidvy+EtAiAIK3QoVeFRYxNGfSXHho67LULVl0TtnwarfYRduRBwhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zZjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCfg/9FAJAFrP+IUWZhoQ/wJ+vWz3sriN7zo1u0T2xMBCA30GtTu2Q\r\nCrXl2+ZBuo+DaRVBQE2mwzxBMM6XQHDDVrENTXkHGGMPGM3Qg1v+0AW9CaZK\r\nK3j2Rb3XXQc0vQCid6Y+tMx9pDiX52TGVq0Q+XgNokdIxh42/kIcT++Z4+m/\r\nCcI9AdPJNduEMja5Uq9YiK+5k+o+HIa2bCxBc/WdvxZmgXC9IEsesvXcWgWo\r\nKt2tZEYDh2FH6suZnU51LXebneH13QQJUrt6ffMtdsYJ2lk/2G714dAWjhJn\r\nIjfVEzpo1TfvrVEuFG+SjTpDcDWi72jEkmHEcs8Hb/HexkWis35M7BnOuMYA\r\nSA9xSWP64xH/bhHhltdFAFDTx9P49vYxI0L+2NLfjfZ6swgFO4Tt5qjKfg83\r\nXt7PHMyQKSyIbYt7ajJQuG8Or7LCED6MGhEKci0qYDtP0UJVAzEdU+gVmTgc\r\nhxTDmqU5jsvfKpP/1a7G7WRbg3p1AwFvBMfV4Ut1dB95CQhB9TsBEOr6Ar9P\r\nfp0qZJnS62vYZyMfpi7tmh2IFnj+3RbS/thRnGPLRHS+DmB2hmB09eTqKhYG\r\nVS+/ksvM3r7pAuAONzwmeB0z/Sj7Javcpda2N/j4Xwq9PvhZCzFErRrNg5Zu\r\nIva2ajV95jM1Pzk3G8pvxHyztgftY07rJYs=\r\n=mWKp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/94f0072d0f70e61e5a01bc24176a264b/chakra-ui-button-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-GX04ybztIVhuXJOTugEMW4sYTIbz30Y2YC+q+Tg+0V9McAaN3eDk0NgzznpwikuGiTP05hY0cHUpYib9dsVSRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813052715","@chakra-ui/utils":"0.0.0-dev-20220813052715","@chakra-ui/spinner":"0.0.0-dev-20220813052715","@chakra-ui/react-utils":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813052715","@chakra-ui/theme":"0.0.0-dev-20220813052715","@chakra-ui/layout":"0.0.0-dev-20220813052715","@chakra-ui/system":"0.0.0-dev-20220813052715"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813052715"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813052715_1660368483724_0.08737029894025095","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813053727","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"bde9ca6538187fe2fe47a2b4b86ebd0f0279f555","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-OSt0RUYPhkUgdCPThtqsFvRpXy/cnNBY1928RF8U+GUsV0XQmHCCYO5j2pxeEfaSDtwSI2QHUnTWWrl56j1oXA==","signatures":[{"sig":"MEQCIFUnhnSKR07xo6H2O8/lVwqZQOkki03AVg0bZ52lvmy0AiAuCgy81e7U9HAgPK+A82DfoSpM1x7NH7R76exNRdBj7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zjQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIzxAAmR5r894i7oNDEVwK8b1EIRqVxwKOXrgw4OO0hQggNTDOzffc\r\nYY8q6a/hDvmARx0x2WnVD8EqjF5qexkCE5tLEiRc1WDv9aQ53zLQ/lws/839\r\nNcn9bkLY84WiWJvH+cAOghsFECB9LvZ/SeLThCqfhKoAnuCy5OBEM/SOYo5G\r\naXqGZE203rHxaBuHFwgCZpsTAz1YDk+z4j3ar1Klj8K9om8YF/Mpg62rHCHD\r\n6g/LbXSRFhcXaUmKdVLnty0JLqciDmtXLKdV+rfdHr2NiSqk3gxmlLMaeGUk\r\n1yhAcnbA+FEDW7AaGE9y0D7CLM8fk/i1+IShzPL5dYzk2tBuVdLT1z+N/yhe\r\nd/DM75zIG7PPdPHJoo7S7R3xz3jBWaje62U+kDwyVuAAw6fQjpxkO4Znl04S\r\nPyAYTeAC8YNtgzgIvf8Y6y6KcGSg7qbym/sUwsVopnQn3J0m3Yo3ytIgHS+V\r\no/50qGUAMDqNLJAQYnqbUjdDAtAzjW8rfmTlhEH6PN7/93xr71HMVJkb1Wte\r\n7ByTQrwo+EbOzpPkCVubGzbRuY4dIZFrMPE2/5yuaj8gROK2AfL7c10ScvrE\r\niNv8OJVAY9FETcSqO4sYZvB3rsLqlC3if0+BBBl4whaKGkeniGjGOMNgXjXA\r\n5HAUeB9nLfceXHJ/2P1CUsH2ngNW9N4U/hI=\r\n=Zh8c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/04d1d76667ec71da7235d61ce02ecc11/chakra-ui-button-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-OSt0RUYPhkUgdCPThtqsFvRpXy/cnNBY1928RF8U+GUsV0XQmHCCYO5j2pxeEfaSDtwSI2QHUnTWWrl56j1oXA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813053727","@chakra-ui/utils":"0.0.0-dev-20220813053727","@chakra-ui/spinner":"0.0.0-dev-20220813053727","@chakra-ui/react-utils":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813053727","@chakra-ui/theme":"0.0.0-dev-20220813053727","@chakra-ui/layout":"0.0.0-dev-20220813053727","@chakra-ui/system":"0.0.0-dev-20220813053727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813053727"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813053727_1660369104324_0.831797819155575","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813055957","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"23eedffa4c6b6c79d3cea3b4faa830ef9233c63f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-RmztaK6qbwoU+lWJtI9K5M2GPa67+GuwvPMpHngE6yYiztPefdh8iEbHHzn6ORtoHbABzPL4lLk4A7ayrSXS4A==","signatures":[{"sig":"MEUCIQCRt41Cyrs7Atv+MoZEWAbAr5KCJzKC9aQdPfJUOAUH2wIgInCDXkLJ4CU/8OHx+JE7GWjJsz6WmS+CbyIny/y1mV0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4iQ//SybvdV2IqnF7GNrxsRQCUr4t0a00LBjNAXjvxktNIp8743oZ\r\nxjNKBffCZCzHevVrcqHXJbC59NeWiGeffU+s07vDO0nUbiuGV/q2Kant3M4D\r\nxzzluTn9EweAeWy+WIqOZFWS/A02WaEvIFHIquOgmBn0OlH0i7bE629Y66Vd\r\nzmwjgNSMhRIwPATFbKu5AkorKdy/Jh9r8dRAm54UE/GxzZNz+Hl/1Y+Pc++v\r\nQjaVJFi+wGUL5bbeSVM62GE4VR0u7zKETdtecjvyDvBq9idflGllopPAGqdD\r\nFnlAR/gquhiKSMBEHRh9TDBxuvaqQAr6P1T7Rw4FfZ+a55YFQeOUCHTyonCy\r\nHsCT7GINUjaxWJE/LYDKtSOlMCzKcv79NASBCKH3TI9GNcgpEimzTXk41QzK\r\nfnnE2+AQehyjzweQwYl8bMlkvG8yb4UEj8qQkNciLK6HunYZYDruDHYHE2P0\r\n8IwkdFecYwNR0vczigSVeduGJpTWimGpazGnLcW8LHh5bx8FmXrqkJhgjYLc\r\nOwxSUkjg1u2T+WaEsVrCP4TQvnoKzSiGqeJwJvLVskrB5lzl1F27VQeANlcv\r\nZ7TpQ3ffOnSFwgEFMEgMh8UZNff3A1IzFFRo0/0DvuOXRN+qkHHBtOdS1Urw\r\nUU3Qec8x5U87M4P1JHyly/vqEZpzRE24Ri0=\r\n=sePL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ca263877a3c86373809ad3ce92010aa8/chakra-ui-button-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-RmztaK6qbwoU+lWJtI9K5M2GPa67+GuwvPMpHngE6yYiztPefdh8iEbHHzn6ORtoHbABzPL4lLk4A7ayrSXS4A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813055957","@chakra-ui/utils":"0.0.0-dev-20220813055957","@chakra-ui/spinner":"0.0.0-dev-20220813055957","@chakra-ui/react-utils":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813055957","@chakra-ui/theme":"0.0.0-dev-20220813055957","@chakra-ui/layout":"0.0.0-dev-20220813055957","@chakra-ui/system":"0.0.0-dev-20220813055957"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813055957"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813055957_1660370447700_0.11166371148416321","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813063717","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b34f21de919fc1c278da14b3d860e22ec2fccda4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-2xSbg5ctTVkW1w/AD+6B19lFQ+dibgvv7vDKd/KR2AxYZGKK3k2iEQDgn5VH6AXcChzdWn4qz5ZiygbkKzAaPQ==","signatures":[{"sig":"MEUCICdUUNNQ7GsbyNgpYpmb5ohiHHQlyvONoM1ARokpLP6YAiEA3WtUXmkOv3DB15Xb2bwBTD2lpOQCHNLJyJypzUlzaJ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90bKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw7Q/9ENWbjE2QXooMc13o7TiMRVGepWWCUOJfLqaFA/80jkM2kJ28\r\nc94cEcyV0HDR2cONxg8lJRzm8dxRZmbQIp5953cnFk5P7Ci17lKr1uFwIKja\r\nJ9haYnhA2PHp8TJW/bByK/jaETNNC22R0ARGF7IoUPLd1OyjVa46GidPDjCV\r\n44P4yJrxF4O5pUaQDxZbkLFt5em4XFigR1r9/I45U3gFRxEoLUoS9puEOrmE\r\nOGOIypNBln7NeEFIIyG/RlYZTATFAaQ4FNFd3AdKAFvYrRK/vMmBYg8+fzZs\r\nPzc26Clq5HX9gKSkowCfmiYHXJQ1JZS2quoTVs4ZP8zByeNH5CDnh5uiSyHo\r\nB2Aw9qCd8w5Q+WwVHdnyOGm7czRQDamLwdCA99oPtF0OhIZM1otkOsNcURnR\r\nqpgraIrzLUeSF+B/R7w31qepb1RuRFSSX8C0+ULbrauzRQC9+2PVIm6pwVrG\r\nmvHTW+jQaXsUNRNJnhCx0qoqiYLyKjabF6QGs9q3tAwJuB+9JYlgIWm3fwZL\r\ntd5WpPelOCBG2e0iaKwn+qZ25KpiV9/7Yw4lDjR3oj9wB5AuQrzFNleTdr70\r\nWI+ZaQRGd6B4BQFVhD1m6aQbuK03F/z47wKgF6YNbK4ISgIyIY8zb0+2mieL\r\nfReqZvXRPJ13Bxt5PkNthGLCHcLCRXsu49I=\r\n=vBXl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/320639263ea7e3610e11280c95c23aca/chakra-ui-button-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-2xSbg5ctTVkW1w/AD+6B19lFQ+dibgvv7vDKd/KR2AxYZGKK3k2iEQDgn5VH6AXcChzdWn4qz5ZiygbkKzAaPQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813063717","@chakra-ui/utils":"0.0.0-dev-20220813063717","@chakra-ui/spinner":"0.0.0-dev-20220813063717","@chakra-ui/react-utils":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813063717","@chakra-ui/theme":"0.0.0-dev-20220813063717","@chakra-ui/layout":"0.0.0-dev-20220813063717","@chakra-ui/system":"0.0.0-dev-20220813063717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813063717"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813063717_1660372681978_0.7221407282616119","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813070741","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f946c28562f4085b00a68fdbf370206b1cd93ec6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-dauLmzWqBh5OcP0Cdb7pH7iRIiAQroOA4DEHqqGnbq4zEwmhgSuSEOZCCgEOJ6od64rk7epW8isrzBN1WFk3ig==","signatures":[{"sig":"MEQCICqFVYvbHQeccDKQGPx9eMEDL/6bo9voqwiwhYYpjixyAiAZrfpQNBvKqzXgF0E1l67G878m2ZrBmiwx9okEugAYrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi903sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7sQ//SMfombBitd8Q+mtXUICxdTz63HqLIGWd2xU1ssDYqtKb224B\r\njExYwwg76p6YJmh8bY1k1Vauh4LCb79IkvrK++uhXRaaD4DvQuR6IHn/E+EN\r\njQnUGG/j//zuS6UMr2JYXJBuqssSTm52RIod10X6Qj9bnupUryhjuFEh2ubQ\r\nJXfl5WOJzk3yNwzbZkL/2AFqQbuFz3vObJwxTlyG9ZU/I00AlBcS/EO+c/Nl\r\nv9Wb3wMd2ryavYzM/2WCoAAlzARwHqKQvnvmLvB5SPyGyGnjKog5joH23rNY\r\nYRFaow8dCS/Qt6T7aVVhGm0MnF25k2evzBF+MfmHc8rJ4ILMnDpu2o47DugD\r\nFG2x/w7R1+31bgvxPTRC3CaKM9Nk9Tj/YH24C9ODUkHbuF3w+y3Ftgos3KrK\r\nMHSwpnUyxU5I2JfvFK9tsp14sg2tM495PfPcTisg0g66icn7NjtMl9v8wqSJ\r\nIkCH5eO8qdmkJogm1JAnFsE/iojgBphH/aPaj4dgkDVdA7nD7Zx7FV7ymzpB\r\neaz97zDN+FnPr3zt797X0yhQ2RbtaOLVACmiaSXENpvX+cQva1+gxsUe5f+9\r\nnGVMhC7HJwSRutJCr1/SmQpEvMx1GD8f2EzUx8Cc0KvgZy6jgKuQ8NwQ1pD6\r\n8am+wc7Dw7PCJTZlD65c9DuOgkQKgOUTeEA=\r\n=t/KE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/75b60177b714bbba0e60f9ed98b4c6d8/chakra-ui-button-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-dauLmzWqBh5OcP0Cdb7pH7iRIiAQroOA4DEHqqGnbq4zEwmhgSuSEOZCCgEOJ6od64rk7epW8isrzBN1WFk3ig==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813070741","@chakra-ui/utils":"0.0.0-dev-20220813070741","@chakra-ui/spinner":"0.0.0-dev-20220813070741","@chakra-ui/react-utils":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813070741","@chakra-ui/theme":"0.0.0-dev-20220813070741","@chakra-ui/layout":"0.0.0-dev-20220813070741","@chakra-ui/system":"0.0.0-dev-20220813070741"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813070741"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813070741_1660374508289_0.9466658244404733","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220813083358","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5e4b219aab603496a28bcb83802cda3dd253694b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-s3ocWgNYre0kKugaqFjWvd4Ra8VcQR7To7ArqgwEvry4CWR4F7yMsLfDOAemh93ZOEt0rPO2pbxlBP1n4mzSBA==","signatures":[{"sig":"MEUCIQDlRrph+h/A0UcpgJm537J0Sgirh6QqVYNMjjuZzn3oKwIgelF15OpqS5jgF6ZCY3zxO4kjgVy016UwcRQsI4QFECk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92IlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+oBAAntbCaK9HOshU/oXXbabVeW4/9w/QU1K4fFM0wi3bfLyuJ5X3\r\nof/NynBhtbSRfbRXMk8s4jVeauAv6qx0GDLosLvjTAg6Nu9qBrjk/SjkweZT\r\n1KrhRffzlbzHExqoW/umv8vdi6a8PMO3GAZ8nn3rk5bG9xodXGFyqIiB7Yru\r\nGke4w5qfP021pjNSXdjChS80dXNiSvdvtudibS9oHp3MT286q1K9qE6eYYEt\r\ncZ2GAaGWULJMKx/uo5cOWIe84Kz6seRDSPsHxLHfZb6LNmQlkH3YTbaw7lms\r\nh3NVAtiF+JwURWafqZi/IVbN5V40F+0TKSUgrOddSaLyfo2VulzDmKfu23Yl\r\ns+w0bjIN0NLD3V7MKatKpUx/uASjV8v90xGvPMpGPEe9uOJe9RxPmSfxL3LR\r\n7TvX5Zngoz7k5joOTcEhf5v4SuZWrNGaeM7GHtMv3h3ARFliSO5ItCei8x/S\r\nGyKRINkmNxdkX4V0uF1ocrv6SPKA1QxmbZaAfh86HG2wOo0APt/pO3bozIYy\r\ncS0KC1ae6dl/50vLmdabwouBweZCc/yS+DYwJSGlvcr6UNg0e/7WmeenNjLl\r\nj5t1f6BmtFH0pLeTBwRImVVDvsdI3hzg8MLcelUdfpGO57+ehj1qbEGnVkca\r\nUV+sE6JeaKsKh4qzrsB/To1fOSJdqB990gA=\r\n=YIgY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/27389408371b683860982cbf703a2222/chakra-ui-button-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-s3ocWgNYre0kKugaqFjWvd4Ra8VcQR7To7ArqgwEvry4CWR4F7yMsLfDOAemh93ZOEt0rPO2pbxlBP1n4mzSBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813083358","@chakra-ui/utils":"0.0.0-dev-20220813083358","@chakra-ui/spinner":"0.0.0-dev-20220813083358","@chakra-ui/react-utils":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220813083358","@chakra-ui/theme":"0.0.0-dev-20220813083358","@chakra-ui/layout":"0.0.0-dev-20220813083358","@chakra-ui/system":"0.0.0-dev-20220813083358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813083358"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220813083358_1660379685660_0.648842095577471","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/button","version":"2.0.7","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b2cd08a6f23bcfe7ebe2918461f3983410b79ca0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.7.tgz","fileCount":3,"integrity":"sha512-7Ibs65ZaR4ImUEF6NlytyMxwQszO57sAA/uIePXMfaxBu0V+msBIwgM4jRyZxwOc5RGCcv4dhtgMiHsiMBifoA==","signatures":[{"sig":"MEYCIQDyZe0bEEMckxaNMoDmIj/Q3q8OAvqwU2+8IWDElw5yGAIhALcgvDKfPNpGsIBpdCT8MC4x43oytzzfXI5SapEHKKLA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4363,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94HOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqfqg/9Hw1LWZ08hw6bmgRMRau8uPgeUwpWLkE3rYNKfqSzCC+evwwU\r\nLIF7j78/9DefNhgUAfV0HY7DfgaDVPbu1RDnRcYMQz3WRteIeolQ9YR9T1Pr\r\nW93V4YZkZaTrrp/O2qptTB1JoAV1cqBR/SX3BRmyNpGx2oG5qSM4G9yO5GLV\r\ntSXWZai1ya27ZcKCskhzccy2Mt1SBKfg2sXifAOuGOQNekkYsVoPWCdgvMsu\r\nLLdz0zLlOvuFqvu5r/WD7tHerx9ItSf03i0lzN6ewQd89pPh5sN+4qbCORpt\r\nqPlO7nircuuGam7JR4PE94sfG6cZ5w7+JWqnTz5/lDKXXIy7pUrbXkOy60ru\r\nxef7ymIhoNEeNf6ysgvQbGwd0ar00yhZdUwMsghqp7IzO0GBvuX+4hYuCGHg\r\nTdGX85VSn0f4ntQZ6in5tr2f1CdkYhuZo26u3Tht+S8fjnd6K5wJRXfVQTZ2\r\nYtWQueRwfurqcvWP78cCu2jXHlOomGPJnxQMyQb55g0yzSmiwz8L76dtd68t\r\nFUISsuav+O0TTHEL70E0ra62KgCyoAQqNTvxqmFcmfcXzAXnQDhDcoXs/b56\r\nd7kNP2qcWbuka4psknBeUnWEgApHeOCmVPtLR+YDEpodvuElgPEMGlcfJPl0\r\nuEtpuWwCYHtothgbPygCWUejsA/cTLyiKuo=\r\n=ru1Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/cd4c3c3cc3b95aee1c9aad0ce51f2a2d/chakra-ui-button-2.0.7.tgz","_integrity":"sha512-7Ibs65ZaR4ImUEF6NlytyMxwQszO57sAA/uIePXMfaxBu0V+msBIwgM4jRyZxwOc5RGCcv4dhtgMiHsiMBifoA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.7","@chakra-ui/utils":"2.0.7","@chakra-ui/spinner":"2.0.7","@chakra-ui/react-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.7","@chakra-ui/theme":"2.1.6","@chakra-ui/layout":"2.1.4","@chakra-ui/system":"2.2.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.7_1660387790320_0.7352261032759839","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/button","version":"2.0.8","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"952956300931ba5cfed428ffc115c94b86988abd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.8.tgz","fileCount":6,"integrity":"sha512-sFAdPRZNGeIawEN60V/6Zhqt1DOkFosYeG83QkwkIEgOlTNQsqlxgKV9bGfn6b4Qb2HUoqMzmN+rk8kHKvHOrQ==","signatures":[{"sig":"MEUCIQDe83YTzMT+FErXAqV8KGkA6CBwblOphMs57sOUaeXJSQIgI/cci9I6qz20Xfk1B/kevHKizaayzrFdOAYMGIKNcD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27235,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+J/9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWDQ//T41iv16aFHjYkk+NafHqpsSFAOSVgDDNu1Qy0UUFGODNYX52\r\nMQf9Re+iNf1UClD0Fl0iCjTO1U2Ru+FlmFDfe1m8BE6uVn0/wFsCK98AJrr0\r\n4OymkxKLHujW1sGIJG2ljigGAjMi27wJXxLRo+BGwTptUkpdWXz1SIITqZEf\r\n5CJjEVeW9RjfbyFCiwKNkklm4IkicB3g1sy/tKqKw6Q4JbEQKZQoaMTuM8Ak\r\nyij3Q2WKEqtAPm4Kvh9+byfyiEWwCIeuaJrLyftV9M2f3Z8dfBR8T2l2TzSW\r\no0golWjofXheebPJxqpqBHA6LoYb4oJzQr2gpamVkEuNvcfLWf5FL1VV3wKe\r\n5tZJ5h9GUgf9FdzpqmhBu6mVjG5klHH0G1ixeUPB2Wp5mkpnJsD0fjibljjw\r\nK48bTusiZy+E0Sr1lUG2s3R+cjW1Y7/HQhPrrgYWNsRyCbFSnHJnyV64bs6L\r\nMyltjHLKGoOfQsEU6079PA6yLby6puOLxYee/2qA62UzvmpudMzQvgbF3LVy\r\n6105xEDyTk8hy4JlFUoQc3d/29deHLisFNp3VISjVbKoXiRSsqcQZkmnz09m\r\nA6+MhV05H4tsLMBy/5qW3VciFbFKBquANo/3+g1kvgWKeRffsCzuqmddgaAB\r\nikKd/p/jGAWGEaifMPpjOYlta4m+I1Mh9fw=\r\n=CRSM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.8.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/2871ac2cc7716ec20386f3984295701d/chakra-ui-button-2.0.8.tgz","_integrity":"sha512-sFAdPRZNGeIawEN60V/6Zhqt1DOkFosYeG83QkwkIEgOlTNQsqlxgKV9bGfn6b4Qb2HUoqMzmN+rk8kHKvHOrQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/spinner":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.8","@chakra-ui/theme":"2.1.7","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.8_1660461053418_0.05808351514495058","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220818153935":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220818153935","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20220818153935","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"346c92b98633609a649193fc0bd35a00232a1cb4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220818153935.tgz","fileCount":6,"integrity":"sha512-JQ5DHPrD2LPQ07kiG9H0EMFoYpnZrojfZ8TzOHIO+NGXj4pBfOYkmS46riEPDpb4B+QY5B4Ttkja0Mif1AegOQ==","signatures":[{"sig":"MEUCIQDfmwAf5b2gaZoBfceEYKMEb69BQ1bBGgYu//y8UUDdewIgYeFPyI020WIVv3YybnkZMehby85afxrugkLXIs+Rqgs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/l1aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTJQ//XBMkV1O/hTySF8m6SWRVD4gDK9ZuopVrjV3qW6OEN5DiEVdl\r\nwKXqdQEvwHaUbm8PXVV3L28A1tKwVlnsoHc4c1j32QPSaCJ15B3ZbZ9MK8co\r\n/jhjEK1RudwOF6yMJIiEQzfGgjvVq8AhtbUWZfPz4RS9kKbwVjLKOZSVAOxw\r\nIZtrcJenVHGYQxZiyG8w0rfgxu6p/FumoOPICVj3a9KjJcFikW7ckROPD30i\r\nN26Dq1XR+fKyNvKChx+vAFpwUUU4rNocTob72ZI+sNsYoGgghMJxMtAhOgat\r\nSRL/+kSijLmvQA9gDsRjRimotwCUi2/Zev85KRiTAu4+0D4dmUf/D4BUjZ4m\r\nkm8DUaEd2GPgagfdNw2AdQnW0M5sefx0i9JbeRG6KL2X2tWPSMk0BkD+T6hY\r\nbHZoe4gxStAxz7I1JbXLpVmYq8KXawyZMhsWPXX4dPv7YiRBKrTJTSuT7Rrp\r\npBEAyYiEbb9FjeheGEvcolBo5fOKBcDWC/nfCu3AhJTmKPerVsktDLfWgOJw\r\nb0v+EIZ2Xe/SD43v74ACCII4uvgUU1EDdt22RxhJW2TwXGo0Ix7VMhCA2C4K\r\nE9hg7QUY0GiXATLJ13ck2rJHbe7wfcqPKn55qH3bCgKiVKFM5/fCWGV+c3L5\r\nq9i1pcZhdJJpRtQIjf71zjIRIb0VCcesCGQ=\r\n=BQP3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220818153935.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/17138979c395ce831e7d99f1f603d053/chakra-ui-button-0.0.0-dev-20220818153935.tgz","_integrity":"sha512-JQ5DHPrD2LPQ07kiG9H0EMFoYpnZrojfZ8TzOHIO+NGXj4pBfOYkmS46riEPDpb4B+QY5B4Ttkja0Mif1AegOQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220818153935","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.8","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220818153935_1660837210686_0.16225582631145108","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819090547":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819090547","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20220819090547","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"74a6ccd798b86ae9603c867543ccb6899157fb31","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819090547.tgz","fileCount":6,"integrity":"sha512-da5YclmY2vjWtTWQHgJX2rRBUbDLPXP9eBlXx3rcisLCRDOe9fxoP84i5D1LA2okEXVsukeOiN3GzketiHpOOw==","signatures":[{"sig":"MEQCIC4+UrW2bKcyJ/Yiwv9ZCyIqAzOs9Ee0Cl4F3eqLjAezAiBcjnqjniusi40b/uzEGkTNNre22VKDSxKRF/TEQ/SXGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1KLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmql0g//SZzwhLVk7mYsN+7KCuZJuFaVrAvHECzr6utsUPu7rLcggq7V\r\ng1s1vXglrgEVYIEaD/IyPN3v5hL6mM5+Ghy7lmcnUSbCyYfqjy+Sjs0nzdfZ\r\n4MGN58MnGy9lMekN/mSgV58/8uP02PSn5EN9oXkijb84FDvcSxsxUwHazsVN\r\n9IRAMb478CgwFRHREzbebZ0pGL6TIwx1tqYtaGJ3zsuSAbfgtWKawJNcHnH/\r\n0U45IJAaPNj6miWZWywmxbvpJdcsI51l1oTfGrDHNqzDvvsS6p7o64YDRyBn\r\nzjoFTuGwROI5JzcQ0FALCa1xDKIqx2hf5UVehexnzOv4Qp8L0URN3C22FSMH\r\nm7v6vTmCJTVgQ8xwbM3FUQu06AB9/3Rwv16oNU3UwTfVB83M/a+qgjxvcWdn\r\niKJu6/KYeUrBSgXFlCVjOzfhv54DO3WZ/xb42ZKsky9wV1fI0DMZO4PIdUqR\r\nE4pG4fQBTsaZzOz0mIUUBUdqFBKgRhOV19eZ7i723BCD247AfKRVsuq/Nk+G\r\nIl7ToVV3SCrgd0l/Tjxhe/YgsQhqjEdjZWDavIGY69fI5hsrlkbVxAVYOaeJ\r\nIkTWHtd5AYjy2kpCAGDGynYIIZDG1UP4zaKEHYUhVuBivw7Oq+N51FI4o89F\r\nu/Ij5TlvmOnoSeSqucSaFvqOROGS8aiEeS8=\r\n=0qiw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819090547.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/7a5b28d695275ae548c906416aa57615/chakra-ui-button-0.0.0-dev-20220819090547.tgz","_integrity":"sha512-da5YclmY2vjWtTWQHgJX2rRBUbDLPXP9eBlXx3rcisLCRDOe9fxoP84i5D1LA2okEXVsukeOiN3GzketiHpOOw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819090547","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.8","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819090547_1660899979418_0.968865526519298","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819092119":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819092119","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20220819092119","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5bdeaaa662758622d8d6618af5cd373ff10d9b95","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819092119.tgz","fileCount":6,"integrity":"sha512-W/2H+PaWB5v5HFSSbxuFzUoxdaIWod2ru36fZkGunxDphYVNTlX3yBL4QD8bVN2xt/zq151Ce9SdQCHfrJ0krw==","signatures":[{"sig":"MEYCIQDJvdRP8dGCFlLNj9b65rK7W1y7ZjLvBWBTdQ3De+ABAwIhAIyLcDYz6OTIQPPZ4h1tGr2tjZf37FCYKPEO1clRybzU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1Y6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrm8A/8DuhUlbpUyNp+77rIlID17B4OO0pmSrvxxlB998a6CuwKxg24\r\nmVkcoXaqdEVdEBdRp48qN3xv9rkssiHkI3wCkqwXGPpLJ0Rvow7mQF1lRotr\r\nnurBj57llIF0pO1ZwJZDm7HUS6VVk7MSODie6jljyEtshqLwSlWE9RU5TKQx\r\nU/cCAYhQGkrVgu7FIDrsf4ArmspTW+asKo4+N9jxfja6RYdHyeEC8LRzkhui\r\nQfBJRoyMRGitib6OkyRNbV1qQAf1tZcZquXBxbEyDnbesHsi4zTukRDcz9Jo\r\nGDQx7TrGE3EEFSezAsAex2jXGygT1f9o3pZ0j1uzHb34hWB7uVtQcmIcO2UD\r\nfuCRJyLHDjvHvEuhbLYhXCalHOGZ3yoJlxaFDnit/I5lRwbCmEoKnd+pbZv3\r\nFgbVICdn+opN3LEQBxLLL5a2b48Sq1emoCPZClw1NwJnmUWunQasNCBEGFK/\r\n6kXWA56VeOGfgDSZqKhpFyaxLIVhw3a9hSzjVKULoBR6+/2YPvh7iWjtFCTX\r\nOwgS0f/hs3ZJgSqPlMxeNPW7GdiljirpdugCiR5U1Mv64MEBpqT3XbhfnYkf\r\nk49cSAnTKNXjRdVdukSgPrSoWqxVG3YXshuW3fnGTvrc5WTxJ2f0yz7yAYvq\r\nAEgGJU2aZ0vhtuyjAcTjKHESDqRv4F43X0A=\r\n=g7HA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819092119.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/d3fba7ab4c740c68a3a20dfca8ca0ad1/chakra-ui-button-0.0.0-dev-20220819092119.tgz","_integrity":"sha512-W/2H+PaWB5v5HFSSbxuFzUoxdaIWod2ru36fZkGunxDphYVNTlX3yBL4QD8bVN2xt/zq151Ce9SdQCHfrJ0krw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819092119","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.8","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819092119_1660900922361_0.815843649347662","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819114147":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819114147","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20220819114147","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"380d3f9183128a6edbaa9d6f11fe5f530fc3682b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819114147.tgz","fileCount":6,"integrity":"sha512-ZkllRkkRhKvWJG4xbJRGcFYEmNF6rgRhJcp/AsCWNgrA1SDdom/41x4M9srx1CbbmQCs35yJ7AlMHmKntLgGnw==","signatures":[{"sig":"MEQCIBtEQj24A1D3p88E9XSIuXJhS0T7nLAQQRYzoE48B+5aAiABqxCW8/MNneO1nsqvrdwfg3hvFJKwrd/Zx61YDO3clw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3cfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoong/8Cw13SLut+Rnz7ka8yp4uJO2kEn8uxbH5Ub8LchUQNO7tMpn3\r\n/PvyRnlAxE32cTH2LmOzq9dD/MfF+qhbaM0nd/tLAx/RtcnQuDy+WHEPsZHH\r\nzacncHIaikcvEnrlUdW1ftBy0DrLTiFGd8sy3ljqAJJD/McMeKfOYCCTUdjc\r\nVL2ot5ToY4LD8wMl7v41nvWzTLn/qQVGLcMimyKxtdLqfcuvMahvD5bEUapg\r\nApPIQl2r3IF42LQ1xSCJ3Yk051o+N2+TeFzvAAc1mK78ppkWtg5bmhDCTIau\r\neltiRwpXZyjLOettrQoe99BRDw8dufo4Gt5V+bg1UMIjn8qdpH/cU6Xq3E/4\r\nBXTIRJBGUan0mhQhaupiEXIHoqghUfO8Cga3YlxJ6bYm/sYEbTC/o4pWvIcg\r\nIgZiF9Vvm7hjXWdpCrw+pSpV0VGoZBrgv2V5gLu9fIHobduuQpEeuf5QUC35\r\nCUWeN1XWOkER6qw+5djy0Mzld2BKqN93G4I3kRuk7zqciRhfaa7j0BIZr5IW\r\nahDMdj/WJeKdKUwmWFNzHCM1oCq/+PZP2IQXQQaA7NjijcnYTFXTKH7sc5C9\r\n5kMSTx8IC/HLr5xgxIYtZx94NPDdAfcdfCTeiJrPw6appt7b1P7JagO/N6qA\r\n5w5dTooGfoRY/HSyEPuohS/XDYCIN1u7Z7E=\r\n=waYn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819114147.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f14aac5bb244ebe73527eca4f4b60b4d/chakra-ui-button-0.0.0-dev-20220819114147.tgz","_integrity":"sha512-ZkllRkkRhKvWJG4xbJRGcFYEmNF6rgRhJcp/AsCWNgrA1SDdom/41x4M9srx1CbbmQCs35yJ7AlMHmKntLgGnw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819114147","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.8","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819114147_1660909343376_0.556988672392134","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819115812","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b8d3dcf86cd99014368d5c2c3a4841cec2f59cfa","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-B7CLTjoC2gwN/PT0YzfcqHBNlB4rxjTDTn2t+U1MCUO2O9ZKvVsX8WJc6EtlkZo6nGxgwtkh3O8LJEz7jS+kfg==","signatures":[{"sig":"MEYCIQDN5RbCB1zBFm4cdNudrKuG/ZHn1YBJsu7MJpY9zkW8UgIhALup/VnQpDDzKrm1t4hJ5k9Shfw5m8y4F0jzssyv7EBr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqu7BAAgcW7xNIDYgxfDph8FPIJP4WyNGT1OFqdOKHlgqn+6HxrcRCl\r\nGLCJ5Wxnlhr0p7ZM+VI+JeACzn7x7YBqNIFDnQ5b54n9ymGXK5uorflKPaIF\r\nNnMsp6j/nH2aIl0kNSKk2CW+pX0P69QrfKbMT7ozxoi/xm84zIcduoh/P8yw\r\nYD1g+rkxAOvVq2AlKbPP9IQk618CbdzpibYtyc6EatgGNlvh3wqx6yOVf6Tp\r\nUuVgnFbpNkiliy8WD5rxg5eMfgO794ursFLlCwjT1YgxcAHvWENnnN2PFNPA\r\nHDLtYNQbLOmAFtj4Kuo+Zgb169C4xa+7NFblaKxQh/tHTcw8W8HojwQPsxZy\r\nyQSojVyM61EVbZaH8H3uHDYADoDLVguzzTh2usruz6bZvW4AnkVLNnRUQC98\r\nP1jHGq4Q34dO72FaiEKOszWHqeUNreWFx1+qtXnHUvPrg/Fcb3w1wiIJmoPy\r\nK8yhUVOPzp4KcfqiiZcxka3lqRshZhVErqP60DNekAL2GVhx9eStdaam17d8\r\nP68AwU6gPGKqYK7hfRd+RH4XBJF1ZiitCbXzxEn5147NCYTUZ++MpmlZfRVh\r\n947j6h7NAH98D8nYpnJLak1jkAeCAa7qpP7JsGJSGOS5DlsTuXM7dE6fBkjt\r\nytplbVKOXpl76/7vhSyFuW/t6Vi1QG9xP04=\r\n=D34/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/08ccfee1bd871a2ec8dc0586d8c5858d/chakra-ui-button-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-B7CLTjoC2gwN/PT0YzfcqHBNlB4rxjTDTn2t+U1MCUO2O9ZKvVsX8WJc6EtlkZo6nGxgwtkh3O8LJEz7jS+kfg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819115812","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.8","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"0.0.0-dev-20220819115812"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819115812"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819115812_1660910340323_0.8877298974773091","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819125800","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"79c14538d835a2700bb0f9b7f476651f57ce6948","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-kz+7t4bJUaRtO/s9lhXxefqdINpdjdYRuwJIJRAULeCRtly0AhxgBbNpSnpyZU+T5patsPfGs5WBNbCRkGkqvw==","signatures":[{"sig":"MEUCIQD8+E15+4xLd9KSmUAw6Yvxt8m5IWQNukqTlJVOaWoesgIgWJ3zOZ97O8mv5iX2WcyCCPizZIjGJ3+VU2uQgDQgvqc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8+RAAlnJgQIKAbsinjkyA7r1gLG3Lx4IPvfNIncajqkGjYfrYwy0z\r\n7bkUGSUFnBxNEP3jrEuiWLb4iJCtklJANQC3+yHkZq4r5F8Xas8gHVEeScRs\r\n013J3E5D8+uRXC/x3BaBgKO5zokmlAMtmAw4ab/YHQs19Moq2XFA8Ry7iyCM\r\nfAn6MB5lpOK0nTY1dMUfapEJIWZVloCvW9EPt2USOugIyoxcHPf2ovapEF/F\r\n+HUdVcdmirxqCyp3koWJRrCsA+7JWB1dOsv60/sdf5Y8qYtDQh6cWGfStunw\r\n7rA51V4fvZG3AmhtakNZvGMZBivPmZPED0inXhAyH0z0EoU/KnxSW+PS9lAo\r\nLSt+D4m88gwY2moGxE0J2K9s85wAYOj9nTxpHRsC4ip1XhUcUG08Ke2jyWLk\r\nELYSpYY7gcLjHVIreDGG7pydEVxObBY3wf4haeTmGphfyExi7boQT/shQ7IY\r\nKYrz+lcVNUKemj0YIsL1ugxPenBFqd9WgkaqaXQoDAvohjiMy/690aezuQyZ\r\nfCxTXBIuZ5dGzGeenVPMPZ9snIj4vAms0CK+AoPuqgLZzCuC+2FmjElsJ1Wp\r\nPORJwJendxzD4K438KHnedzQP5evnP1uxBh7qFYS4YdQmsJHSivQHAgMcgpn\r\niDjI/xJxB6olkSotIn6B85xVr2xyHF484Vg=\r\n=sV+C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ededb6a55c5fe27433b54af374abdb91/chakra-ui-button-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-kz+7t4bJUaRtO/s9lhXxefqdINpdjdYRuwJIJRAULeCRtly0AhxgBbNpSnpyZU+T5patsPfGs5WBNbCRkGkqvw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819125800","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220819125800","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"0.0.0-dev-20220819125800","@chakra-ui/system":"0.0.0-dev-20220819125800"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819125800"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819125800_1660913929092_0.8414216891885404","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819132034","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"41d297502f5839d97481f34e9b83529f37530bce","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-A0rtK1FQwWa1ariKqORybTCYX65Oa5fDkgTI7d4tcXy8UcU57QfTQByVmJ9vdtS8Rf8sv8L+id0FBotSmuI1cg==","signatures":[{"sig":"MEUCIQCQDPNXuLf/Smqw73vnLfxLvZ3+8fwqONeOyCSuwYKzeAIgAzekh/W65nE1HJtDcsB/LB8EPUzbOKOQQscavToBO+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmov6Q//epUj3QRkQ/TBGNM49ufi+JEwoXaWJBXRpiKPVkAy7gafvag8\r\n1L9Uy4c6spP+v11Ln5G3MJHXzFhqpPa6oA46gJMM5z1bHw3oaN60hlwL6RAr\r\nuBATv81yCniLxVxDOt5B08l67dOKZrmju9cfFq0MzAPFLWHFsoy9/2IJFtEK\r\nHZEvtsY9txqvv78WwTznN+QVGv79MbH7u+4Aw0YLEVngmNHSfU7oJkCuFb+2\r\npsTx/wSbOsDp+u9lTzn6GZC0XzRe34x/cvDh1zcLt2nKZdeneb0a4+LGpuUI\r\n436X+xCluLizfqgX5kuso9gmctnkY7HDhfVrt85sFvbSWmR6YZvrZUWWMih+\r\nrg3bb4qIDHYNz7wfbmP7kfJ+Onln00iy78osAGaRSlPB6sF8+5XwqgelL8j/\r\n5k28jSvIpH3tNO2T5F9URHnFzXFJrlKfmZLMpLAmgaQEE6p1+foBBpS093E6\r\njtlu4F0Po9LaoEFINL4v487jUiQQ/t8+98zqWQYJEKDDNdlI0qdXlYi9zDOk\r\nDD5gKokTWc6Y1EqedAdm8NceZNcptCqTNMlJJgJbOT3if474MERNpMi2TD3M\r\nz+87ucUvsVD1HuzA3OXE/RCMYI9uSVLVEtBdX+La1P3LXkuiXmekxE2BpwXu\r\n7V1y+vKrcFC6qBuEGUHNUkHshQ2JIPrZYAE=\r\n=zMkt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/02aba0618f6fc988d236c789b027e767/chakra-ui-button-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-A0rtK1FQwWa1ariKqORybTCYX65Oa5fDkgTI7d4tcXy8UcU57QfTQByVmJ9vdtS8Rf8sv8L+id0FBotSmuI1cg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819132034","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220819132034","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"0.0.0-dev-20220819132034","@chakra-ui/system":"0.0.0-dev-20220819132034"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819132034"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819132034_1660915272448_0.7375791200268038","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819142048","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1f0d39fb50a0d7eb7b72436df619b215b9de3ed3","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-HxfFr7ROv70VtxCnxsBesgKUiub88nzC/PdSf+O+CRTzGSN60F1n3W4ndQ3CKzsLWJ9raQ4IWJEmDikseNnwFg==","signatures":[{"sig":"MEQCIBevfg2KI4Hj1KGUYy8T4RTjxJsKzusqj716/C9hrH86AiAyNvlulrHrNyWFwq/UCtrLxHtWGA4hLBKE4JbMnRmIgA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5xnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqU2A//bsrPqJHIi2ZNFcJ0xmJpgH66xZsyUMB2QRN+4bem1V/9yh4h\r\nxzimAON3uwlNfo66ve2Xn0Tstln5muhDMujtbmmmuQ4OV+LRDWysmVpzUHle\r\nZsftsIdNBHVbzfy/k93HTGoq8ii8v/JZDeY/iX3etXvhhr99mFbe7M1BnAhb\r\nD2//sN7Oyh/lY/op0fpIYnX0uOmSwoR+cKdI2EXci48f9xbQQl+Zwv/aFhFw\r\npFyc5MgPDPXdp+QsSQqgvC15B+EYmuX2pTUGgdHFeaThtK7noWGb8JquApl4\r\n0O6xQgke2+1b3ExOMdmFLqXXAV/FlhxYj2UH2R/aF5Nx9idlZ1FDuj3SIbab\r\nG9ZKIzsrHclc9pSa9C+mJ+muMmxPdAFotyuE7p4Mdmuw03UGb6NUsam8SJ4S\r\ns0Cfzd/7f6vMj08bP/1HDTHFbd3NARbvILr7ov4vhWBaFhvij689mO+ecDH1\r\nrTbL3GYkOzdt24F88ksFuXyvwE2VSnJ/wbOLdPSMWQ1vZde3nB0EnTsSu5cM\r\nrt4E8QDYzyVz6dp4iBPK2YzFC8MleRcdarHeoDXF4POsEXpE87VyNWXm60c7\r\njUA8CY8ij2WB0SOSR2Oh/NStrMq61LEpX6eYN9qoirLqb1QfpMY9XXtBeT9a\r\nYZS+07qdue0G4ME1n9oX/PeYzUnmFC1MFhs=\r\n=zKoY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/7b5e30dea7d82eccd46e6f330bd65968/chakra-ui-button-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-HxfFr7ROv70VtxCnxsBesgKUiub88nzC/PdSf+O+CRTzGSN60F1n3W4ndQ3CKzsLWJ9raQ4IWJEmDikseNnwFg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819142048","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220819142048","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"0.0.0-dev-20220819142048","@chakra-ui/system":"0.0.0-dev-20220819142048"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819142048"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819142048_1660918887463_0.9926505014643967","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819143632","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9086f7290b006d11ac4a812db7c3ee6acbe790b5","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-FLdAvuEE3yCmYZK9oqDaAPgd1hiqAagDp68ae9lzNL4z78g4MDEHlqAtRv6sj2K56qrWRz1ztXhExakoW9nSGg==","signatures":[{"sig":"MEYCIQDF1mYlVCX/d+FOIyEh1nyHB+DzuThkgK8281RZRbaRuQIhAPRdHYnAp1AKn8dKui7jyGNs5/cMX7zYWQrRGcq76Cc3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6AdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqm2w//VG7jCBZds6zxTqJOsWvqinuna1xQWVBdDnhlaBDgeLhWSTR5\r\nb/zhxFY0BUrNtEbeycwBetPsGp9uHjyyM4AI38Fwxp4e+chRJwROo9L/48xZ\r\nbXY9ANCwMFRx/X0iZKQCh+bw4RIdnb/3OLFvgTIOaejqml7omWYxk27IzPKS\r\nS3S7EnoqtL6+neD+nxOvndVXbakZWNDkovYTW8vNWKYl06PqYcm0VugRu4FH\r\n4hOnhGjo49bVO8Q7yYE+y6XYKcdDCh+3AO2I1mT2NEUC4/xwmBZPheJesccn\r\nntsiDvOyKCj1q0wEvir/WtQoElRiebNj2eNhBApBHWQlVP5fiydRbDxEFwir\r\nTEP9b6PV8rAjUr2d1zIc4iuT+4Hc9yNxFKNuAM8QeLU0z4Qlvb7tSpUBbYup\r\nsiBFA52aLLk5UisHFXG23uqlMKaMBl/ofsALYp5+2TGwTWu1XJTmVVr1QlGz\r\nT9GC9uB+Gba5j8R08M1GZim2VlnpKuILTYGZiAOmVQ1TMcGEUaxS7KGXhuHO\r\ntfa6PzUZJUB0RkYbgd/gU6sYeaPfr9J55ZEkSk21SjXaejLIi+xX/GSFgqTc\r\n20FDYTBrNhh17HKhfVf99l0gp2ZHMTTKNu7+usL7XqoC8JrHP+KwxF0KISgu\r\nU+vl+LH0yXV4sfc3P2z79L6w6PDM9dUOHEs=\r\n=qOxT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/c906b531710f55831237659dc3862263/chakra-ui-button-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-FLdAvuEE3yCmYZK9oqDaAPgd1hiqAagDp68ae9lzNL4z78g4MDEHlqAtRv6sj2K56qrWRz1ztXhExakoW9nSGg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819143632","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220819143632","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"0.0.0-dev-20220819143632","@chakra-ui/system":"0.0.0-dev-20220819143632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819143632"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819143632_1660919837347_0.22509826532372879","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220819191103","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9ed3769cb62171011b925afe0d761a6e0360946d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-XY4DUsvh6VjTaCvw1hmu7BA5zeQ6IomBaBlVf16kraCnWsn/HHKAe0G0RqOencRWa1Ab0dVZhyO+U02dx137IA==","signatures":[{"sig":"MEUCIQCkFj4BiBKh+xfF12lae/R59Z1ElZnMkh+NMFO8F3wjnwIgHQ0aL1T2gaJQtxh8R/faK5TifAPhEnDHKnUUys8opho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+B1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptDA/+J9jdSurWhMT25XxwRn7/jX9EYSXIQ1h//gS96ZJdsAkplv93\r\nzRqta+OviN3k8qSru7bXEklG4bAp8/8gSDyc6iO34G3DNf/JqM+AwY843IpB\r\nZPj69cj+Id21DzSMKASd2oWgHW1GvvV5dzdANAKYm4rTnZ2vugbMgnCigzBt\r\naYEH7Rf38x+dXxogVdEXOnKXpMS6l+vsaThy9xQ2V1ZBGERl0LGUI1vmxxha\r\npsHEZJWGMooodjWf+fZdH7LESe/uf3ATeOcvp9qHQGhK3ztm5eS4bLymMveU\r\n1Sa6W/8X8WY6KaOEZs2xAa4Pud679fUbwz50RVgwTbMna++z4mbgW8rDHAGf\r\ndR4otJP4n+dvJ3xBTfGG/razMEjZgTbWpetaM0f0/nWE+cTswSus6eRsCjX/\r\n6cs9asJ2aOy+gNvrbG6y707Salgi6fIsIbcybKIN0aYym4BsMXA4N8wde4in\r\nKSC1anZzILqyyJLF7L8H0lHyhNaVEUmAHyFd9x4S1ICgRB8E9SZbreq4+4O1\r\nTjRZwidq/PjxX3w9aT79sXmTLDQPSGYtSYrGvQo/AGgD7m0TkK3u9U4BGide\r\nzQPLdxX1jf9H9vKduRPy3QrG3zcOokc6FLUNVSVYiKxTPqDw9S0SHMNrDXBE\r\nxfFtNAm92/NQv4QFLuOp7ejn1qjWO1ZcGHQ=\r\n=FMtk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/b7033559e26d13853c5dabc98212ab1e/chakra-ui-button-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-XY4DUsvh6VjTaCvw1hmu7BA5zeQ6IomBaBlVf16kraCnWsn/HHKAe0G0RqOencRWa1Ab0dVZhyO+U02dx137IA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.8","@chakra-ui/shared-utils":"0.0.0-dev-20220819191103","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220819191103","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"0.0.0-dev-20220819191103","@chakra-ui/system":"0.0.0-dev-20220819191103"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819191103"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220819191103_1660936309233_0.5452533714671204","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820120308","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"2f2ae909a5f8ddda954a2ae25d9635af01413538","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-kfrFOiWnJDuV98/YfCpj7VKEn3c5RQHmCLclJBXJGN0U7gKrVtViFhKgDdkE27HxFzWUp/azELX8osXFzhNIKw==","signatures":[{"sig":"MEYCIQDdVJxUC+wg/by4bKP80y+vlxElADvxHBjRrpW8HBmumQIhAIHBLjZtPH6+BTGSeOxKPeSR99JkrGJXTydhk5jGRoKn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24967,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM2iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbSxAAmlvsXIfvzg07/r6UgClYTdKz32L0P+ZmUMQ+ydv2vrca9aNg\r\nM4YuFUFpkFrGJJoGO7KBF0+19ij9Mp8Svd9MS3N5Oi4Qt+JahqouVYgfKUFR\r\nUYAK2YweQWuBZQgwqG4OyQxTJFQu6+wy3UXbDfM5xxltHzx9+gCUQvgJDLV3\r\nAL71zlKkeYB+yQJ5eh0ns01Q4Y7Gilfy/k3xBUOWobim7tgEVVlJAmtgKEDB\r\n2/KZP+3CnCzFUb4kJ3kx6zgHNsRKKvDAMSHawfNOrB1miuRMN/wKX7rZeWj8\r\nipP2Z+3EWwibS6KJn8JeglYJDsPdtStQHMiFmlk/gvuP5n3mxV8yzoFS4eav\r\nOmsIhw2MVejvTcTcCC3uJw6lCVz5VJHzZnCNfLh53W9nluVZMkTTdneAyb08\r\nigTe4IAMMmKUsJFKdOS/UUF0QHIJG94fjdokKqog4em23TKSY81RaZDQDAeY\r\n5o2fQV+pAbU20G/d0cmYwFlHFPCdaovQgCys2jXD1wBMvRtqjZfqeXehikE3\r\nsFxu6vavSpXBvXR3mB/O7+Xvk/v7XuYWmlGGVGNearETL5NDAbV+Ypngduei\r\nmJseBmYuapgTPCI18+IBUF6kWz57VlhYWnGDEBfPf3C/07SXt+af/2mK75SV\r\nsPgqI2/6e8xnKiI6h4Q+2/4lXgd73ZfEJc0=\r\n=WIWs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/8f71e1de5e08e4c2348f489b0b487066/chakra-ui-button-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-kfrFOiWnJDuV98/YfCpj7VKEn3c5RQHmCLclJBXJGN0U7gKrVtViFhKgDdkE27HxFzWUp/azELX8osXFzhNIKw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820120308","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820120308","@chakra-ui/theme":"2.1.7","@chakra-ui/utils":"2.0.8","@chakra-ui/layout":"0.0.0-dev-20220820120308","@chakra-ui/system":"0.0.0-dev-20220820120308","@chakra-ui/shared-utils":"0.0.0-dev-20220820120308"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820120308"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820120308_1660997025782_0.5986515980464118","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820124231","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9b3324b4a1ad8a56271cd79eb61557cbe94dfc05","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-wfivPLNtV8mJIdkw3YR7DRCil6n5eo6OthaZyi3aSjenMP//6vBnnqdxSFFu+CkijoiGGbb0oaSq9qxdvBKCtw==","signatures":[{"sig":"MEUCIQD9aKlLd+9IjCYx1NrJ84jumcMox4ssQgwMc1fzWlCF0gIgGKp6MCbc2LVt6pZ5UM0mqvTuIsqqzbjg9aoeg8+1lIc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANbzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmwA/+Lj1SQ8CXtbdwRh/RtbNOZy0GY4VFglSGF/kGbvNcuLWClu+H\r\nIAEn5NLMuWaRXqxy5OcVoTfW/zMS1J1t8ifcZ2FbOR2S2yKfIVGdPQZVMaD7\r\nEXablt8XWHSiuRj8iFRiovgSxLQ/R1xmlU4wnJLEn6g9B/o4ldUy4IJtf2Zt\r\nllU4llqlp3V1gqAh0WEJpM0Ct5w7XjKgWc9iaFDqPR1OgttYqWLo0ZtPIAYa\r\nQ+rClCvC/EXX297xpKkmIW0uWo9EqmIinjLQQY1QBZzqfiIZkrXN3xMYwdM/\r\nqj3miOSQZa9i5/rGMao2enCGDEciv6OZWtAuxjklMMW1nJk4SFnDKFZwrFrH\r\n2adk4Y4DPiwVSMgPxYvv8BxvoYxIt4MQosDRZeNXrGTnl0MmLur2rJ7zwtUk\r\nnz0PAn9M/hpa7B0cq8AkLZFQVsOmg41+RdWysVbBFEsroGEvogd6Fm6sbQG8\r\nRcB3dk8PzU/0NGChcZEoTGsGson+8RPQatjFgVtr+QZMJYgDb1K7CpflWu2A\r\nhl4vwnoOnlfjGtBeEy2R/AO/Nko5cD7xZJGhHmAQGXg7gM+zZP6DgAiYetBG\r\nrIZljcgrkEhRHqnWBtgPSBKb8Ir7k5J+mE1DN0OqRleL1FgjSfg84lhBSNcS\r\nnmJeRc1yo5MKf+CfEy6A3gcHBIgZcel757Y=\r\n=baZ7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/b740439515963c24abbc884ea0d33daf/chakra-ui-button-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-wfivPLNtV8mJIdkw3YR7DRCil6n5eo6OthaZyi3aSjenMP//6vBnnqdxSFFu+CkijoiGGbb0oaSq9qxdvBKCtw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820124231","@chakra-ui/react-context":"0.0.0-dev-20220820124231","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820124231","@chakra-ui/theme":"0.0.0-dev-20220820124231","@chakra-ui/utils":"0.0.0-dev-20220820124231","@chakra-ui/layout":"0.0.0-dev-20220820124231","@chakra-ui/system":"0.0.0-dev-20220820124231","@chakra-ui/shared-utils":"0.0.0-dev-20220820124231"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820124231"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820124231_1660999411050_0.6799879281183805","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820152257","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"219196a848ff37fdb569b09f0bf459302c4f9bf2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-roGxhPkk1/SbM55cRF/P1Bc/EWEiTtUWP9DygCswgnbCxqq/f1IwGR+ApMXqktoG7EQ7JA9S0e79xhs6UR0fMA==","signatures":[{"sig":"MEQCIGfePGEq/x98d2s8yFyvqmUBEzIE7KL1ZpPEtgG4yC1TAiBxIk7ITuXvU4f2NgKCbP4SBksqsWA5UZCbttczslAudA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/YhAAl+t+7GcT2MqhbREX61A0+sJlsofVqvP0MEolZ4BM8wz+ST7Q\r\nJrBdiEpW7ZsX5+Vft3mrJcpC8IJsC+U33Q2Q98JL7bZNqmK1ktLbSuOkYar6\r\nCdIH7/oFs+gs56+M394r5MOTS0zbIXDdadnbowdKsg5SHWWrHSg/Caelp1nH\r\nFq+5eypR4tGBndM+h/xo5WkANYsBrj9opvR9xJP6PJ5lfHW1L5VI+cKxW6R5\r\n+yAc+iEYDnu1qrCQYPrZkmLOs8S79+TQZE6BKHviMSbNSyTJ/lLNNeFxTPlV\r\nXIq7w3UPKtWMNf3MlmiHPiZkryQN1s65KmeXs9adC1E7rmyh44wFV8r+IQEQ\r\nCXMk9tIxkZGJngooObQ5w1Mc6uZBXsZh0RWNyproiAnJZr+y6R5kAKltL2Mx\r\nHP6/rDTfsf9cma5Wrwflma9Y+eX7Clutl+PEkMLUwAyG0gsPlnlaE+mFrqen\r\n9446KbE7Ksb1VcanMDGtXq2bztMwFjmFnlwqZE8iDRb5iUCR8bwLdI4aM51r\r\nFuczEA/HIDvzWIDvW5hU7aITHZ+NjX544VhYR+BdUO9TBYfo9FgOIU5WLnOe\r\nb+r10uIW06t627oPGXPT+vO6EAdks9cxaXOyqRezkywkbTetq6M5dVy4QlBL\r\nTR6Ltnszew6xpY1lnxsuRSMOJAMtXbKSpq0=\r\n=0/Wi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/61682889633781e5bd469382c351f19b/chakra-ui-button-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-roGxhPkk1/SbM55cRF/P1Bc/EWEiTtUWP9DygCswgnbCxqq/f1IwGR+ApMXqktoG7EQ7JA9S0e79xhs6UR0fMA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820152257","@chakra-ui/react-context":"0.0.0-dev-20220820152257","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820152257","@chakra-ui/theme":"0.0.0-dev-20220820152257","@chakra-ui/utils":"0.0.0-dev-20220820152257","@chakra-ui/layout":"0.0.0-dev-20220820152257","@chakra-ui/system":"0.0.0-dev-20220820152257","@chakra-ui/shared-utils":"0.0.0-dev-20220820152257"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820152257"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820152257_1661009028510_0.7584218987161744","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820165925","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f454a80c5ba1a30b12ea5bebd748d421eb8773fc","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-VVSGjH4pbRroebhJSvxPAIqbk4pKEFSSgqYwvdI4brwECmAoXzRY91mJpDX1MM7kS0IzNBQ9ODFwRGWKxzFkGw==","signatures":[{"sig":"MEYCIQCHkOmm9MYnWz9EO81sbTrjeDELQ0Wd2fj/GcNNAskeygIhAKFqP/S7AycExDcKBhENHvjOYL/3dXPyVH7k5x4x2fnq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARMfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ3A/+JlLJfDeCdzglyWmXLdizaubxxY7YFF31EzoyFDtmlsyR0BEg\r\nqpPHc7Sr0sG6fsGByeqq5okEK2YQ9A9Sx8jaSkFW9ytC2p+snj1RL2d5aKcZ\r\nGVXdLII7oHBOmkBLLiQ5/JLOPF71icxTfafW6RKvlfID5mX0v2J2eswUQQBY\r\nkcR0epnaNe7BrpHCPyKkAa4iCVXZFryoI9g+weiLuYAcEsrINiVc97LBuih6\r\nxyjrfH231MWAB/USMp8PsUZVObAas0UFIRVihsSy4HnhTaRcoG580LEPUAE+\r\nyDlozjWGgU+OHCPVYRHifxYcrIA3fWbL3j2wIjnbEIsZBxHxlEZ8pH5IvmR8\r\nN77O6nGVBY7fOixBpc/u8yWrSg5Fem/Tg8DXhF1lAxN9GaJvvqwTxKtQk0hs\r\nSbJa+5+hoQ/GGxNHFBjA6eNmqub0xyZ/ResLnrXzO4NBxjZm4MknuwgG+dbZ\r\nk0266kdwpPMhUo95dRVQJRe1APSfHJ+fUqirKrjA6McGVnTjZ6pt/R3EG8He\r\n8PBG4gJFGqJSfd/Rq/aprce5qQqnabyz8wSlUV6A6nfmfaM/gl32unvQ7NHd\r\n4r4dneGe23FIdEjwFd8SDHUnDOyzyiHj8UKpoFmVAhVV2JWHMZJDD3f6xbRP\r\nE7uLa6gNN3lV0YKel2P87se/i5F7W91z+dQ=\r\n=O3zM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/b0057dfd1ca986c4a5c3c566af7b2647/chakra-ui-button-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-VVSGjH4pbRroebhJSvxPAIqbk4pKEFSSgqYwvdI4brwECmAoXzRY91mJpDX1MM7kS0IzNBQ9ODFwRGWKxzFkGw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820165925","@chakra-ui/react-context":"0.0.0-dev-20220820165925","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820165925","@chakra-ui/theme":"0.0.0-dev-20220820165925","@chakra-ui/utils":"0.0.0-dev-20220820165925","@chakra-ui/layout":"0.0.0-dev-20220820165925","@chakra-ui/system":"0.0.0-dev-20220820165925","@chakra-ui/shared-utils":"0.0.0-dev-20220820165925"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820165925"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820165925_1661014815262_0.9552775543948142","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820172220","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f5db9cd5b1b86c834770c3bbd431151a77faa955","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-DgjbudXTWJ5zkUIxmw4scsNz8QsDahJiXhDCHw1/OtcO7l/oIcS6+BlAaCSCfSMV9XLiYyvJMFoNH2WfepQ4rg==","signatures":[{"sig":"MEUCIAveeQ/LomphfhHkKAyn+ZQ9EUVxhE/+JYoxEkaOsbKpAiEAi1xijZNLznJjFiQMNHwalrlVUhX3Zkb3qjU7jP7Up80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARiBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrcow/9HFJhoDWKP3l5WqMR6cEaan6zDCmvsoykIWRlzedDEFvFdwI0\r\nMfu7IYjM4JgzdacgIKqrJHqI85BmEZQaBTx0jEujMRazrpUC5ncIK7YxVcUk\r\nZdHnNhOV6msmvWcwpvQOVqsu9fe11a60t8XY/kYaa1wl80Zhh89S8i/2mZQM\r\nZZbes1kEisVV9jfwPU7XBsI8pbNjAn9fEjGxYlxGfynRpFey0mdBX5K7xtES\r\nsAl/jBMnHgF9+iPrX22pnCaw+rh14HmKKnlDCH8jcS2cgbWPNMQVWb3+ksD7\r\nyJzToXrK+wXPoFzura3H5QLORij3ALFGQcW6trKpTT4OBjCIba+l5s1UBxM+\r\nDhyzfe+d5zM13uq/bPPPa5LQL3gi0wqtaax2HZNaY8BswkydJF++91z3NXzH\r\nc3pu28Rh05+YTD4M32gkUzxLlmBsShVH8T7gaM5G6iw2qNlbk6vP47kw+RGN\r\ndSAIVTPQPSLvw0pXqrPKCwRe9CHNfUpywQjNE/mU0F/1RDe4q895pQJViOyA\r\nozMpD5FrpA/9sr/Zy33hZ6+4nvKKX+eFtuaVjpInhEP3u4aJRBeDyd0hClPV\r\nqPGUkBaPs1CR1mYEo3DGOMgOL92/f/tKQnde1VPMK/G8zeOo/w5okNThnetC\r\njrraZS41lYWWGNQ+YLrRtrAP3+jQNBwD85o=\r\n=KELB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/307bac434ec495c88c46dc639d48c621/chakra-ui-button-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-DgjbudXTWJ5zkUIxmw4scsNz8QsDahJiXhDCHw1/OtcO7l/oIcS6+BlAaCSCfSMV9XLiYyvJMFoNH2WfepQ4rg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820172220","@chakra-ui/react-context":"0.0.0-dev-20220820172220","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820172220","@chakra-ui/theme":"0.0.0-dev-20220820172220","@chakra-ui/utils":"0.0.0-dev-20220820172220","@chakra-ui/layout":"0.0.0-dev-20220820172220","@chakra-ui/system":"0.0.0-dev-20220820172220","@chakra-ui/shared-utils":"0.0.0-dev-20220820172220"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820172220"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820172220_1661016193476_0.7324742443296146","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820173639","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4cf5e205591b2198cfde6044995b3bcc6e23acc4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-a0Qo5v56dGtP9K5mI4n0Vd5HDMWeLGGY/jlXMISQ7/FhSxzDffdKfJlc+7l7sMz/deBSbMBg5Zl83nzDvwCTYA==","signatures":[{"sig":"MEYCIQCwOsyUHPogmKowIWXf9lGhvnyUmmvus+TpE4fXxCp3PgIhAKF5mhQu5J7dc+eJ63DRxasTVipqKWo9m/Utz8grKLc4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARvYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/ww//YEamQykhSVfxZqA3DUWtIHtDqjFWkqvVg76h29Bmi+vn99On\r\nIKZXV/b8832nZ3/WEnjGZ8KzFtZa/PaXGdPt9hicUA9cjoA51QwUGleXT4Xk\r\nwjX7/HLhXBia2YFDwZD69Tdb1wQ7JTtCJv5QcVpTrxlpU6mdb9fc38wwE5xK\r\n4/HGlA6wyRHFcfCzifb8qIsRCJp6KVJCu8D85E0aEQUaeKbTEr9JOlFkR9jA\r\nvucX00Rn1Q4Spp9Vmvv/G9ACotiOSsxZYCXPx9G7JLcH3M8pCkYfHCUYU+Zu\r\nbokSP9ofii1+aHyayLZ7GcaUAAxmCJtuz+SfruUL3neEcg0SI7rjZiB8fw2F\r\n+y3O4BjRrPW10ge0NsqeyU9E9NZgHZGcElX4JqW9FBsdPOGwv5CZVATsImiE\r\n10A3WzuNBFtMX3MfhEj4t7yMHervTk8TstSbn/IzGq4kqIggCLygzJKMKx5R\r\n9+XZTPcMaqKkw9Tau+5hyJ01XXDUVDoIvPROoSob2+wm6GCSXCbEjxkrsYD2\r\n3F40fTW+SknOOEobPg3uK7v/2LWxIQlT0T3KlwXItaxBtO6ab/0tw2gG9n2o\r\nBGfSa0+bUsjPjl1QlDI1ZKRvgWNRSQRdZvf1p7qBTbCm7MGbYnJ/VnRfUX3u\r\nnIernJwCr7eECqgmTAOC1Sev8HOhEHMZiuQ=\r\n=kcUd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/a3a7477f7659e15ab3c34e29d759d9e8/chakra-ui-button-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-a0Qo5v56dGtP9K5mI4n0Vd5HDMWeLGGY/jlXMISQ7/FhSxzDffdKfJlc+7l7sMz/deBSbMBg5Zl83nzDvwCTYA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820173639","@chakra-ui/react-context":"0.0.0-dev-20220820173639","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820173639","@chakra-ui/theme":"0.0.0-dev-20220820173639","@chakra-ui/utils":"0.0.0-dev-20220820173639","@chakra-ui/layout":"0.0.0-dev-20220820173639","@chakra-ui/system":"0.0.0-dev-20220820173639","@chakra-ui/shared-utils":"0.0.0-dev-20220820173639"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820173639"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820173639_1661017048676_0.9296245151222136","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820185458","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"6df53bfc174e80d475e81c1d82365c3eafc0409e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-sJm9FM+8mR7wDAM/tjDI5D33AVti7XKjKglnVQANOnxyzoOlxyHXrZk9hmTbzgQfXwEcVbLFpsvRCktxV6SeMg==","signatures":[{"sig":"MEUCIQCGJN8jUK4L+crD9RoX9acgOfS/mNixddxk83GhT84MUAIgNjT3DBz1X1KJbik3mPOeu+w04K8S+vfSVhgltJTueQw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS41ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTjRAAn7bRysN1/peqYivMgox0JZoZkBJzekobW3Z0i4uYSTuPknev\r\nPKQZRMXMAu47JYk+t8gYWDDClxIQoYyZPPmHvQUocy4M0PC2Q2FO2tQRy7RM\r\nt5Znx5kx/V9U2ssGbmXgSD78MAI8oo9pdpgeGm2mQIyFlHf1ONQDLRlfLldw\r\nV8NC4uRZYl/DZAdbqi7IFZVtc+AXsDo++SqASnT1K6sIKb0IECTPmGPNF1Bo\r\nZplJ6NN04P0Bj2Fs2rIHXyy2oGIyLsNg+GDarCZeGJNzuLz9mK5ETBXQ6CpP\r\nL5QTzNcdsNlHxEP8yNzoDRFmF0LiyA9a/gDSTPUKFcpKcsXt5x6tH3MJt4GB\r\nIiVZmxb28ZhWoO8KdKGDbikhATdi+UfgSqExAa7032IXABbMo5B0yxQ9E/6D\r\nNTrvqxuNmYzlLzFI6965t/9ysFoTDgUAY4CuO/JR++lhI4MOMe94jk7uZYGE\r\nb2KeYOrTV8VTPFvHCK5zorz0zJEDC7Cm4F9cKT6h2+6ADNxEHIce757oeXsv\r\nbFIz0z1uY3PEVi9H02uUaPd7fdfjGsCXC3zr5bPPnf8AfVEhQ22Jwr21Pt7e\r\n/gvVT5HxRx4AC/9QqDFQYLDwGy+RmAsuWZB0ARsyvs9BT7wm5MLligOtuGu2\r\nF2Z4mZZbLdv9rSGEcYTWUlMt49cZnegXv9s=\r\n=9VlB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/7b580a5d7c27d9a295b9a5c6ae3d6b9f/chakra-ui-button-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-sJm9FM+8mR7wDAM/tjDI5D33AVti7XKjKglnVQANOnxyzoOlxyHXrZk9hmTbzgQfXwEcVbLFpsvRCktxV6SeMg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820185458","@chakra-ui/react-context":"0.0.0-dev-20220820185458","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820185458","@chakra-ui/theme":"0.0.0-dev-20220820185458","@chakra-ui/utils":"0.0.0-dev-20220820185458","@chakra-ui/layout":"0.0.0-dev-20220820185458","@chakra-ui/system":"0.0.0-dev-20220820185458","@chakra-ui/shared-utils":"0.0.0-dev-20220820185458"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820185458"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820185458_1661021749029_0.313114184249248","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820193723","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"e64df1d4527419c8ed69f66aeda6c91eb9490813","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-B9/nSA6CDfwOHRokEKrFAGNmjvlEoKaxfvVtbyMcS0YNk6pUwcw48GIqaVLbGIlZEMG8J12s09xieTLSmI6hXQ==","signatures":[{"sig":"MEUCIQC1QYIppnU6JnUMj+rXrs8zwwSC88mYY1KfMkn9ssoolgIgcCWVopcOxqtT4W3BxoVKNfiipAU3hOQZaHw+VYBo6PQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATgoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAYg//QyI/HrkGcihu/+Mf59lx8PTRsmiZijBbhEcWlpJpnb3F1vUD\r\nRSOgLXr54O59q6aKyX+jzeCEsNlALt0qBUrXD2y8MTmToNAQ9YhSM1bkfmK8\r\n6JXGLXevevSAGbijiOrmch+YHCjI1plz5VbadO/Z1QlmwnKGMEKd8vYIK031\r\nbqVK1QIaLwosWrECkgM4kX7O6r7A55nFUG6NdPIZpEOEDLmYpNZwIMzTZ6J5\r\nXh0Hw6ZzMyp65q3OocRIP5u1v7fL2g32q6f6HYC3aKHAg875PfpW3Q88DQE2\r\nw7j3um+caGLxCivxywVLoik2wD2zHVvgkZeqdVybLXWXTtrbcQ9dVNw5Iy38\r\nqdTbnD2j2KVeKYygnJZ5jseZaPepaT4pTLSwwc6BZZ3VcCZYZOYxZSGF81i7\r\nh5BaVvx6oM3IW46PeXSxtdzn269XYJnD9TlcyJpvHNCvhOTX6lrtgp4eTLdg\r\nQY3XkLNY8vWEpR1T4EX/xdudm5xjN5rhBK1sFAyv98VOJ5M5t9XQpWWGXZ5P\r\n+FPNU3wCIC4dnwZWrqVG5ArPmDh+CZgF+MW9DqqYf2QhWhUqr4Bj2LTykHuM\r\nVdMZGBhDbLTuv8bR2Pd8WydRk8y030TRkcNJpx7omF0Z7RzFnGC0948zBmli\r\nOxvvjXeZW0HFmBZ7g0rFQWHeYiNNHpITslM=\r\n=AmCV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/5d7719f838234e5bfccf1dba998debe8/chakra-ui-button-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-B9/nSA6CDfwOHRokEKrFAGNmjvlEoKaxfvVtbyMcS0YNk6pUwcw48GIqaVLbGIlZEMG8J12s09xieTLSmI6hXQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820193723","@chakra-ui/react-context":"0.0.0-dev-20220820193723","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820193723","@chakra-ui/theme":"0.0.0-dev-20220820193723","@chakra-ui/utils":"0.0.0-dev-20220820193723","@chakra-ui/layout":"0.0.0-dev-20220820193723","@chakra-ui/system":"0.0.0-dev-20220820193723","@chakra-ui/shared-utils":"0.0.0-dev-20220820193723"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820193723"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820193723_1661024296215_0.15591182091791578","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220820195548","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"567776cf3062903c58d6ac58aa2a169bea443969","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-DidTT2GdRQA35x18Ywz6MVL+5nuzJI8X3wMrc+ekTlnHC62pYeLlCsIefQect9tsIr7BE1EfLxyq7Qi2LYkkAg==","signatures":[{"sig":"MEQCIBNDn51srKL5fH/jZ9bx3YHDmAl3R6qxhTBks9ZTk4nvAiBISdw7ifoogSel/fojSvo/vmODbVMR241F/AtMXB7e8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATx4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ8Q//dIH1oaN0a6kp7R+dACLj1o4qxF3ZD2pfoaBP9osSV9IK6DYi\r\nXk771Mb/QUAp8kQg+oPkQ8fxlHUceKr/cIucVEqj7vzd2v+eb2Wa185aYIcd\r\nbAEnwa+eZeVwbJIDeIsWvafR1vXwHcmUWr/7Rwu8h7v8hwiJbng2Ujs9vnN6\r\nMgIGVouxvSGntcMrBPVAw2qeu2xDLVkQT9rxnQeVc3yg+QZsRIfBSgOFARTu\r\nAIjjuQSdLluJISYVgYNxtQ5Le23qE2b4UblF5pbk2A35QZzFgE2Ka39Fu3KG\r\nVpvkV/WACOxiYWfeTM/vdt8zj6wDRGAesXbk7R3n81t/WF4qNW+fUZ8JCfNJ\r\ncH8gEEMiuMy7kCGiQO9+K2iArwMtRvI7vFtdY0VrPW/o51GbTVpASFbEm+YV\r\n81jn/sDYwhT3edY6MWpqdW3mjNlbPo6wX7nO6istxVk+6D0QmJT3EEYh+lS/\r\nLUYlkqDZyHRL1OX7hEYYJICwD9+4khsu3Lr34Mvmjmejdt6XQRtEmJCELfgW\r\n53fKDeBbO28uT9bhxtan67VAg1/O9IPDKHoVrwxYk5iro/2WzerkG4ug0WZs\r\nbF9q8RG13ZQt+09ewMdcFUlceYEhiI/Cz8z96A1vO4z0YFCWoeLV6f362izT\r\neSPaDdgesJDT+mjoVWPF9iB0sHkdeHg8rBw=\r\n=bSwO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/75ab934c7f2e353b65a4b6c9b2f81742/chakra-ui-button-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-DidTT2GdRQA35x18Ywz6MVL+5nuzJI8X3wMrc+ekTlnHC62pYeLlCsIefQect9tsIr7BE1EfLxyq7Qi2LYkkAg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220820195548","@chakra-ui/theme":"0.0.0-dev-20220820195548","@chakra-ui/utils":"0.0.0-dev-20220820195548","@chakra-ui/layout":"0.0.0-dev-20220820195548","@chakra-ui/system":"0.0.0-dev-20220820195548","@chakra-ui/shared-utils":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820195548"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220820195548_1661025400685_0.6904475681029665","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220822051456","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"b13d752aa65a5e2f46ea050ed22dc50fbb074568","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-wBv/lHkqx1nc7tXuP0BB//f/DHFtW6hhiD7CQhw/9qYg89hQgc2WsXB/09ZBi/ySlwIkfikGr3R7e/yF/9jMcQ==","signatures":[{"sig":"MEYCIQCztaee5wXbbuKYjlyYworcVxCVa2fscKpDsKi0nUfoSwIhAJ5ZC3hhFm1OzwlPNqSPkB3lxEKBcFq5dyKe2aNNwvDH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbIBAAkP+XZRmE6rQQCP+y8fsFOC82iP+VQ7hDfR4bMkxQSBiBvd4l\r\nVdgj+s/bVbpSTRfV3udqa8Lq0MLGL7TIy4iZ7be8mBeVMVEBulmwcad2L++D\r\noig2UEz3KFYGDhgAt3yBX+zr9jEUnimyoDt8/2wWFDN94gVrbVYJ63efo6ig\r\nu5PTqZvQREdcwBA8wRGPUMpLHHxJjAjBRGrfU9O7J+rDXpf6eIueXgUVCAoB\r\nUCf2L2UZKefYIxhECwJMOSRZO1HDei624aOogNx0beWHtSRUxSIJdUkXON5z\r\nFgwFaKgTcbd95+prhM+DGSDHsr0WM2VnFUN7NChiUmJplq93iHzj+cWUr4+k\r\nZqXKh3CfB3x1fNhrLRvT/OhbH+CDF7m+ElvOaXJEXgx0q3Zz2WQ4RYZAnbPr\r\nFZkGEXXASVgHGgqi3B7O3/ClOH9UBCXTuJx6BGRBf/Orsvwj6T0d3rAJNZqw\r\nZHkCJhUQCr8b39koH8qSzOouPEJefcwqxWgx2aRznkxs3R0Ttqp/4tERsBCb\r\nXC4RQ0UfGw2UOGX2dLUxh0gFcViVCP33dGnGn8adxKoyPIDxnNFyfDfx+ZE9\r\nkcZHhseHc53HKlDtAZ2YEX510WXajXVejkcEmr8ycSH/Z3jcUpplGL5e/vaA\r\n7eEdKh3P7gCplKwajJrO9fM8d5fJ9VR5nOg=\r\n=mdQI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/90b7073cb4a7148c039f56b13be7a4e3/chakra-ui-button-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-wBv/lHkqx1nc7tXuP0BB//f/DHFtW6hhiD7CQhw/9qYg89hQgc2WsXB/09ZBi/ySlwIkfikGr3R7e/yF/9jMcQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220822051456","@chakra-ui/theme":"0.0.0-dev-20220822051456","@chakra-ui/utils":"0.0.0-dev-20220822051456","@chakra-ui/layout":"0.0.0-dev-20220822051456","@chakra-ui/system":"0.0.0-dev-20220822051456","@chakra-ui/shared-utils":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822051456"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220822051456_1661145350127_0.44717138012818847","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220822054045","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"518f75a70a67562d939331e9415b7eb16fdd6b36","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-/oW04EsxonabZk9Op6pDNAGex7H9DIgLlu9JtmufIvcYb5JQozW7cpb97gg09t7rWwBW6hsRzYuiNPnxKASIeg==","signatures":[{"sig":"MEUCIDHbcSSqOcrxpCbTDgmvmtFf0peQVkCfuzo7YBBzaMCaAiEA2R6L3Bpw/UUeM3XG4f162Ijra9GAhoNr9v3POFIBr80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4VBAAgvqSZwtcQpz3K36RZ5n+sF04kMhqSdfChnSplpNq7s23gW2+\r\nGMT+C6oZ/fQS5fnBXp2JwwvcPa5a6w4jvOh+ZXK5pqyhiRNbxsYb9tOp7XFx\r\nkQRZKEwl+TUVBkHZFY3Rlv/51Y8XO6RADm0axxXgGrSA2rIKoLxqjQs3zsXj\r\nhqTkgI5LdDzLoKUGipdXUVGdSxwJifRdHiouPtt1CnTaVDh6o5LHZ+Filic3\r\nDpLsGGHwX4iYASBAfnUBL6ktAJRS5rJuo3QSTmr+VNaNixlsR4iNLrq1cnyI\r\nQbTsZbzjrHnu0Ze0u6bR5RDt4CCL6K3PtR/8rqrajjrGsJg+UAGOny7UK/IT\r\ndof+1IqE7eBSMVJgfu1w9U82N6lQRj7prrUOcxBgvCDQAmBhthbZNoRp+f11\r\n+orL+nJFfgBUWm0pNYoiKkmIoRfbRLEaZbXKUc6a6onVCmFejrooOS1R2sL4\r\niE75sn8Y6fjVsGgw/pkX5IN95XlsuAzmqFqV7hZbg315vydpDUQyo5zmPIaB\r\nuu/kbtmBfDESKvONAzHYkd9VX4ejsO2UlENnV+9zB0M1JWRP5H94qkEq0Vxb\r\nabBsAJF3leiTS5StwYc6VZxOQ9+YH4uVZiWYrBepz618V4yccgAl0Yx0CZdu\r\nVj2KrcnDChjyXLY1DVR62rBd3szrEEu5pHo=\r\n=V2pl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/6aeecc1405c4dd0c6d2169ce85d588e1/chakra-ui-button-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-/oW04EsxonabZk9Op6pDNAGex7H9DIgLlu9JtmufIvcYb5JQozW7cpb97gg09t7rWwBW6hsRzYuiNPnxKASIeg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220822054045","@chakra-ui/theme":"0.0.0-dev-20220822054045","@chakra-ui/utils":"0.0.0-dev-20220822054045","@chakra-ui/layout":"0.0.0-dev-20220822054045","@chakra-ui/system":"0.0.0-dev-20220822054045","@chakra-ui/shared-utils":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822054045"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220822054045_1661146898173_0.5922766904551258","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220822055339","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"af9ba34a74703985eb8b1a039044e360a3b5e403","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-ncd53db+NBcSzaWR4r+69/HKmAgMsAVHizECVT+mnH6NY9QJXT0UUj3cVTIcQaDyyxgbXNP1N4qL9MapJc4MXA==","signatures":[{"sig":"MEYCIQDNmLFZ7N/F+M4dm7AgjkW7q/iy0Uu/1rzSdx7ed8GtjAIhAIqHpz8LBBBbBm7C2g/i2P6DcW8zaBe4ixqMexRjVmJU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxonACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpr4g/9EHvLHPQ05AAkFE+9KbVuSrO3o/rRVePzBP0p+K+R1/NVu76u\r\neK+cPVSmEO2tg1LtASQDsKlbDh8WNbz0Z6ZhROH0DITdRV06RTBnqZjybp9C\r\ni/pFCoP9eSQb5om82uwqfQrGxIJNKr+6RYbW9sr4kj4I/vXw2kNnRN9USZ6q\r\nSzASnPteCegIZ+CidZCFbtxtmf6nQnDwpcOjM3qjcPm3PsxEXvoZoAUOYIOV\r\nVQYjbAplreSA2f4zEnWzbhOhVt+PBhwKfcLzcAZv7VhZWEtJIhkXBuz/5VBg\r\nKRy3BQ5KTy0a1Y5xKf7m4/NK/ESJkhOXvfEf1yscnvgcGx+UWgAS24nLyUCN\r\n0cx94lFCdUoKp1r+dED/fPm9VN1U/cmyGUPRWSjJ10gDDZy7mxZd8OoD8g8f\r\nxXOUaLOThrcw2BRngAXtsGiCHdSRCsr28o2hnfSY+n6qc/lWkldOB5WaAKFl\r\nBZVlFMBWkt9DxH/28G5/GXwIgDqdmxVHxSvxr7GDxl9Jr8yrRhoJgcQUZ/fm\r\ni4O/VHtsG2/DXOraZeuNF/xs1C2otKJhCX7rz3MbG2lKtNnVTfPq7mWLZvQN\r\nq6rHhFPLduVo64yQlE+0MkoiNQI2OA/6fElw3oNumB50MjrW3JDjF0dSuupj\r\n1tAOCHP1UzXHLruk1amPIntNvBKOnxwWc0g=\r\n=xFya\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/c6351d38c557689438a5c5256e0cb1dc/chakra-ui-button-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-ncd53db+NBcSzaWR4r+69/HKmAgMsAVHizECVT+mnH6NY9QJXT0UUj3cVTIcQaDyyxgbXNP1N4qL9MapJc4MXA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220822055339","@chakra-ui/theme":"0.0.0-dev-20220822055339","@chakra-ui/utils":"0.0.0-dev-20220822055339","@chakra-ui/layout":"0.0.0-dev-20220822055339","@chakra-ui/system":"0.0.0-dev-20220822055339","@chakra-ui/shared-utils":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822055339"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220822055339_1661147687181_0.1703192343496165","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220822103611","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"e3ea9f564201f64078ee5c1340c29d6628bce785","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-LXIutypLmn1t1lEzsydQ15LyhLNvR5GPY0uKn5KvdFR+0/w28hzcELCXYBUJH7CNv/6OxoiRv22QopocGE4KyQ==","signatures":[{"sig":"MEQCIC3hohrYUqstYJT2H45s+D2wODweDiAzbEe23rqvOyaTAiB1u15j/yAzRzzb8C31KGG7kHtl6p/7GyRQDzgMLXi0Lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1xbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqjwg/+L27UKSpSc90gIjykURS47sS6+tR51it6tkUHIYWTNrRXbVlc\r\n8xzqxGCCRp4g1hHPXDsJN2ICdpxSQ41S7sTX4WWVe6h01NP52lsT48cJJke4\r\nF565RU7s+//mEnIRXy23AdtP7KjgxjaSgg31QQSahTJV1kmELap8O/uHeR1Y\r\nmN2dhgkf8Hofu321d79KVNcpqj+RyIp6Wu9t4OsMdzofM8g4T/zmcvQo1R/7\r\naeCp+Q79CRE85gaf2KVGnpy7pS2poCAdcE6s6eFJr9XTW4jrKipcHkZXbnRp\r\nJ6KVg97v7CV0S4mXoRvuig2/q2evmO8J87ipibxPdcGYxy/kzbFrWBWKpXh/\r\nXz63lM0ME3gcCbIXdzLSIosz1WE9EE1GPZsRYOzSiR8rPDAnCIRhFwm0pBJh\r\n+8kug+yB3FkvAFAooiWR7GNwdN7e6gTWK/pB2knz3fofoy5hJi1EyftlRKWj\r\nQR+3zPKI3AoSY1kBQ8/sMlu+MZvuEd2DhAP8yWnNQ206FRpmKeUYBHUX1pFI\r\n660w0ZhePs8fs60q4uOTsHV1/t3i69p13ur4wlPN/YGWT7qHtREIxS3jOme8\r\nmCDjVacgClriRsvIJeC0TqvpIFU8sERUOoc4IcYrEpMV8rPBcS15ZTAVB+Aa\r\np0vrICW++Cd2LgHMBgZCiNnmMgbQO5qUoTg=\r\n=1686\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/56432aeb4350da3ff58de0f65f0ffff7/chakra-ui-button-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-LXIutypLmn1t1lEzsydQ15LyhLNvR5GPY0uKn5KvdFR+0/w28hzcELCXYBUJH7CNv/6OxoiRv22QopocGE4KyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220822103611","@chakra-ui/theme":"0.0.0-dev-20220822103611","@chakra-ui/utils":"0.0.0-dev-20220822103611","@chakra-ui/layout":"0.0.0-dev-20220822103611","@chakra-ui/system":"0.0.0-dev-20220822103611","@chakra-ui/shared-utils":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822103611"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220822103611_1661164634857_0.014146086893910725","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220822184448","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a01b7acfbff208fc9f5541eec920733b20e0752c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-2bpT49UmcypSHagJ8/l0CLG7iniSHPNP+qUM+cNMmFc/fGU7gwVDfiwBHSuLm/2VmMX5EumRlzpt2PUVJ9vwlA==","signatures":[{"sig":"MEUCIHKcgKTQ7oegUJN7fsSkwl14E4SYJCUQWWkMia4tLvctAiEAqNhKg2lfsmAW9hPHBh1l4iepnh+z9+vhMTNVJI/yxN8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA87lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqObw/9FIjK6F+T8Rm8pbZg0XbdfGcI8SJ5h1Ob17UObU3xii2qwMRk\r\nmSCSyVsRzB6Ah0nW29xJO3oPmaOJBRPvt01Ab+IMFUnK759N06kFmFSnPbPd\r\nRYKNryP8k5IUYj7kOIPhTgNi1O8BmymTF/Mid86MSnievB5NxyXBK0GKYp91\r\nucTm9OxxHstHEwP3zHX1SCcl2scMsBvAgSzNoNUBDtsfId9RUZeZZRsfduLr\r\na4/6HGPw2bO9UbRs5prSqoz1QveaUvhQtYRPWLtaYIupwzduUyiZbOM8E42V\r\nwWWd3tlU5t9pcIBRpWUma5dukKw3AaBcvXPFxDy/qWFEjLkYFpp/JJWKILZF\r\n/oYZvayxgSK4TcW4ahOVLqgLXae9/Q/kh1INbQIoKKbgsSJ4IKIcdWo+gZDN\r\nloHi2cNAR45h4ADVJ0NsxKtpIGlM9o03t+Bge/UYzLFSWtho/oEmL4699wce\r\nw9Q6jPt6uHQ/mMAHA8wHqjTHDKovbHLTuJzO4EqW4hcIq7szrNUgNh29y9zE\r\nF+/sGPvwTB9hIFhsutpOnhk8AnszDVDhF0jGc4zaFtJHEtZWnDL4qHydPzId\r\nEtj5N/4Kw7ZlbhAP5mLqEvDsZ9sTNxgjooL+WRSDOOzMVt80imFNyTl0Htz1\r\nn2W4sPrf4krk3/FH/j8uUsdQ8BpibHaO1lg=\r\n=Ismf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/421e0985ffefe3c6c977078893b6a349/chakra-ui-button-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-2bpT49UmcypSHagJ8/l0CLG7iniSHPNP+qUM+cNMmFc/fGU7gwVDfiwBHSuLm/2VmMX5EumRlzpt2PUVJ9vwlA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220822184448","@chakra-ui/theme":"0.0.0-dev-20220822184448","@chakra-ui/utils":"0.0.0-dev-20220822184448","@chakra-ui/layout":"0.0.0-dev-20220822184448","@chakra-ui/system":"0.0.0-dev-20220822184448","@chakra-ui/shared-utils":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822184448"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220822184448_1661193957474_0.5740566002149166","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220823150801","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a16aed492661241330edc807a230e0503e148046","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-Mh6KpItAtq4OVEAcpowwpfqtUXUdTfzpThJmktd5rfiILW7h8GdeOnmsBABnmSNa8l3F/XJM9/d4LA3uk/Rm8w==","signatures":[{"sig":"MEUCIGA1XfFdMBFDFoRURymuURL5UtBRJSeD9hnJRXpvDYPsAiEA8TlWt2YDg59oDw2vVmqLdRIReF0yd6InY73rIR+y6Ik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHyg//fJioUnc3SX4wauupScp1gT5QJrWEm2Xco568SbV9b5Xq87Kq\r\nbiRbNz0WJXkuvDx8zcMwAgmQ8Y8PkEyuUf57u1Bd0lchM7nVx97sd75J5c5f\r\nRDaEp+06r3d3Lb39jJ1zcSNA0cuo3pACL9s+AR3QLGB7OiSYkn8ARcE0keYV\r\nmDqW11jqZmy+Iw73qg0FBDbiwzfp0HnMWVXohat14SrT4TT8nFljlBzyQT8o\r\nwlhgUr39SD3pyRZ7Kq71Qw3qx5lcEFYyjR6BCJA90eei3z2f+eR3tRLtBr4O\r\nIg1q1OLTDBJb/Cczs6HS/MHMfPLmhISgw25Xc/Xx6uhov7K3XoFx/pJSgOOL\r\nfawmiotLHJHp8p3ndhLTytmVo9pqc4YWhosAGcdF4BOOTJtJ3EiowKJrs0w2\r\nicf51JrfCyeQjYV121ZKvwkKwUYVcMicihHTau2/1inQ4LCZJrXJvD0Kj3Mx\r\nlAjrH8xf0jj2J//RgrySH++YDjOqFXbsw1KspYzxK3HJeYn2Vj+EmmTdsjnz\r\nS+A9Dmay98J42fe4+AXqBaQnwpI+USSDTFaLsL6LJ9ZZDHKapoORWsk6/6Ol\r\nNLDlBYLb1XUEWI3P+1q2QNpNR1fK+KoyP/AiC7aorKDty1VtBn73MjZtV5zt\r\nZm1e4SYZi6Nez/xwUHnko7SR3ZyXIYlZ43w=\r\n=Oq5O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/2df6200e26a521541a973eaed554ed51/chakra-ui-button-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-Mh6KpItAtq4OVEAcpowwpfqtUXUdTfzpThJmktd5rfiILW7h8GdeOnmsBABnmSNa8l3F/XJM9/d4LA3uk/Rm8w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220823150801","@chakra-ui/theme":"0.0.0-dev-20220823150801","@chakra-ui/utils":"0.0.0-dev-20220823150801","@chakra-ui/layout":"0.0.0-dev-20220823150801","@chakra-ui/system":"0.0.0-dev-20220823150801","@chakra-ui/shared-utils":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823150801"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220823150801_1661267340770_0.7431046920941651","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220823165602","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c85ed9aa2087e46496f559b453ce468a8de50b52","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-nY6xkow6TGV5eo54rgYdBiWHg2jX0Mt6cSl5m8esB2sKoycKst68i5sYwqqVCveGZwvq0OrU3uTnOt8gexClGQ==","signatures":[{"sig":"MEQCICfU41a8ydkrVH1zCqrAPUH9JWZ1JtPWl3Ck11LgWZgWAiA+S+CP50vPRjP+mYG2AxAWCpPDoKGy+a3vPcOOH3fE6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQbbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8mQ/8DzdYCOiFQ/9auNoNZUo4yHWbgmJhpgWyNF4I0VUjBNQgWyA5\r\nC8hkk6obNW6+CXKiLa+mcS5YOInlejMmyMkuECzfmtP/vCQNdcfVgjgJe0py\r\n2Z+j8voDYAyU9oL1omWS0M/AV2piwIn+/sMCyB/p9eqy8YbPZ/NPXx2RmdO+\r\nOQQBBR1G8peNiV1lOpnw/4Hi66y19Q86mWJzvR5+TgJaZHUUSp8RowjOxUY/\r\n4gdVHngywNihNKp7UVqmKjkhYJk+yjjKqVVgGrb2qCJlebgtwTNViL1ILQLe\r\nGDo3PhbbldLg3PV3kJ2PihIt7KLypDvdzpaBm+DqE1LHOJh28QsD6No1vbxg\r\nuYSSrQbvMCBYR9c/F0sl80kvimLgU3pFRWcfI2s1u3x8y9QvmxdrjWiV7ibZ\r\nx8NJWUa1nvmU4s52nhYp+9wTgq+8SSJgxAANiNHtkhTnqtReMXbgU/N03KJY\r\nFPerTd4+ffVMUsLx6VTCJHfmS/9reKxsgxLMOaYWr4i3MEt8Cc01QntTHrbx\r\nhhGDsxCAMai5seEo9F1XYvXoCKbwRbNW8xQWBsTnv5XBLJR3JRQIrGrQH+Qb\r\npf0VXwHji6r5jyRSKn3z5HmqODHy7JRyn0/0JvqIG8fkuhltmwrJOoHiMxB1\r\n3ZFwN/FFEb4GRsq71iLg8uX3NjbVq48H9is=\r\n=sLEN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/8733f764e19c6745e474c31c7ede7568/chakra-ui-button-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-nY6xkow6TGV5eo54rgYdBiWHg2jX0Mt6cSl5m8esB2sKoycKst68i5sYwqqVCveGZwvq0OrU3uTnOt8gexClGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220823165602","@chakra-ui/theme":"0.0.0-dev-20220823165602","@chakra-ui/utils":"0.0.0-dev-20220823165602","@chakra-ui/layout":"0.0.0-dev-20220823165602","@chakra-ui/system":"0.0.0-dev-20220823165602","@chakra-ui/shared-utils":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823165602"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220823165602_1661273818857_0.17162784214195614","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220823192757","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"5aa990e11ec5ed97eafd1eec64d840470c6c4fb4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-bZcZQEISGjUeh2PKtEfUkUFIWpJv5yQEt+U3CNNXJsu/C5qDsSLhpwyNnfWEMSgj2OdyRq3PQrWV58JY1ua40A==","signatures":[{"sig":"MEYCIQDj2JIeFcV3Ghqg3bSIrVXi8Xu+cZDQinEiQ0JPmABEMQIhAPmX5bVdS3W1z7Y/jbW8iKDdTAbOnISYGkQD8DHrryId","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiPBAAn9RjFiGtmOi0bHW2LXyhfFhIBGyOEZ33/cJqThQ4fk25cIu/\r\neeXPNctbZ7r/K502JvqzgsomtQhRc2zFqs0SPPVamSiu+m7ObNy4RsmYUXe7\r\nEsoxOjRqGQ40uvi2x7BgY01ow/gVzbVpYiVxdNe8qFORcQpqNw9boqdbzOf+\r\n8cDALIrlFRUUAYBN2wJmrWVIEMpx/6MQVXayzhq9jE3+/7ui5JCMZ3/D5Bsi\r\nc/VYZJPd3p+9T1Vp5UMW4crX6R3SYb97NE1o0tPa8gO4JMqKb65tBfIIcJnY\r\nq4Fdh3hIgHUNQKGWO5KIh15EQQ7TwlekID9muchhDoz8EGdpwEjk/8j7K2bC\r\nHJ4T2H8uf6C4Iu0aidU89d7lHAlQYiyOaNDeD6/5bZh/GcLebTB+ynCfOju6\r\nzVQKqz8xPLDhsw4VpUskYREF8NxlL7Hil4bYR/1EUOwqxBgXFZxDMA1o2hXp\r\np/QyqG5gwGMQ7whHykuxJtHMJIdMs1mpycJX2pws8l9v/sSwDwtFAIRNIaA2\r\n8N+BO61xbM5vTDl+6qp3y8X7Dc/A3jEHOeI/bSw+wfRHP1NJjQggh+3P1EfW\r\nixPXJNMCCl+Qd6u+fCTqgqrve5usuvZThFBSmEoz64jxwRvKEu1aJcuf8DVP\r\nIE0H2DfQURxt9xnE+e5GpLqiaoKRxfcnjZg=\r\n=TLEl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f01a6cd234de4f751de31d5b3b0bd2ab/chakra-ui-button-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-bZcZQEISGjUeh2PKtEfUkUFIWpJv5yQEt+U3CNNXJsu/C5qDsSLhpwyNnfWEMSgj2OdyRq3PQrWV58JY1ua40A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220823192757","@chakra-ui/theme":"0.0.0-dev-20220823192757","@chakra-ui/utils":"0.0.0-dev-20220823192757","@chakra-ui/layout":"0.0.0-dev-20220823192757","@chakra-ui/system":"0.0.0-dev-20220823192757","@chakra-ui/shared-utils":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823192757"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220823192757_1661282950404_0.23933022371165769","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220823195046","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"49474fc28deae0983c8a89fc027cc07e7e8deb17","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-xGyT9U/NubFIogc/w0gqJFOUYG23GoJMrnpNdqbToVblFnn2uvOgqu8Tcl+hW7H0D7TXJI1Tjkth8LZFQ/Hxlg==","signatures":[{"sig":"MEYCIQDhA3zTuydsrzFJ2X35BGishYhKQ3uwJS/u3LOLHeRf1gIhALHdZHbgCpMzvby1XYdMK6KEU1YtyJteyYxZMkfvAHIb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBS/nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvKw//R42awXpItpG+uN+NSLNN2wdmdTod7aeh8q7bIpyIEd8WNLyA\r\nLpDhHsFTAbpQuKFMLITguTDArf9sSzYjE1sHynSR6/S1wMU15wCYPkFftlQW\r\n2cx9BiSOwN4Fb6BrQAdlgsrJlGIwFsYIxzwd1NYXnLMT0zmtQe1xJgwovDXu\r\nJ1yr/8L05WQwvXZKnME0hjRya6MOVRiVRD4rJ2mQaN84atGkBsV19CqOKBBa\r\nO4dYo6A6W/AYeKC5dci2iUXvBXJKdpJ/funrd+606gltdgyDurSi/8/C3CSj\r\noZsaonYs8lGTdCBwy4QZ0tDriPYG08RvxtrvKJ420ZdSJEB52fiL0cfPi1KK\r\nAmA8a9dEk/BImS7Tb53tsv+bMoBp654lA4F09K979NIgXnTKXGX19perm5E1\r\nk8CmkLQyzTNsbhm2GCNTsEMMSgrCovB1rqHaPbXyHZs9w28ZZFHi87kBeLb6\r\nUZ/K6BtE1FLIf4PrkseTPCnn2Px4FjHP6np3nLH9eknLwf8C0ITIK0oxfRsC\r\nnMVIbtGcE5P9ZdpbOvJ5HqFws2zx3UmPwxd79USd3rCxpt46wj7WQNh90/W3\r\nvxQAZs98QsV+q4TEsGJrB9PTdUaLjdSRu+W6lS/f/rh+m61bCH3bxb19rTxt\r\nlStMc17iOVbi1d8keqatNr0eRayNZrBcaQA=\r\n=68dF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/cacb28e236cf23d41a2d858f7848414e/chakra-ui-button-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-xGyT9U/NubFIogc/w0gqJFOUYG23GoJMrnpNdqbToVblFnn2uvOgqu8Tcl+hW7H0D7TXJI1Tjkth8LZFQ/Hxlg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220823195046","@chakra-ui/theme":"0.0.0-dev-20220823195046","@chakra-ui/utils":"0.0.0-dev-20220823195046","@chakra-ui/layout":"0.0.0-dev-20220823195046","@chakra-ui/system":"0.0.0-dev-20220823195046","@chakra-ui/shared-utils":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823195046"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220823195046_1661284327708_0.3595239873791085","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220824074122","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"42c59293c5fb5825efc9b363c27591c4c99c8846","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-taXBMFVh4BEYH0qSzTHYuqPy2fh1rWGx6yFxJAUyI0vs4EhgoMyO16UXT5uxjbDPhTLTImMFPiOWsiN+6R401g==","signatures":[{"sig":"MEUCIQCsUSKkoIv9WZe2RyVyX3GyNdvvtESeozaXRr5wxyQ4XQIgGRgU3337Zd8hbrSs9zWCFdZFCR51++yAKZzCqDidqR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoo5RAAmVYhiK7p3UXKNYM/zLYB2noqVWBYc2i4YHEKkTYJxRAaup0o\r\n4GNr9Tv7V3YA3kgNOQLh62+TJASvgFMonR5mfTxxo5Q8LhFz+LS0iCVrxDed\r\nM3SgTAMWOUMFtAcAFH9QBDerFuPMTjx142CJCpkcgIeZ2tscngmbv5AecnF9\r\ntqvd3kt5Q0NvIMvEXLwXVt2jIqa/So0Y12ZzQsM95wUPR7jGq/S6EnwRJy/0\r\nMe9xslsWrer41OqJxsovDKjfGU5U4bjUcOOAoqgGGhKuLyOqh63sGaLZSAZ5\r\n8f0jKemhIxiCzUNy+jO8qSU0kWZ8qVsHzYn1pu6D0NJ9jGj2HIUUMwWXHDy1\r\nafY+Xclej9zccJoWd0xzbOS96z9vESgg9UETIw0JGfqwWeiLd0ZCQ/gUbuKX\r\nVfWxQX2tvHBZLvo96ZKU4qSFe12mG9A6iccyUhW25Pr4HkDsbgJK4o0yFmgT\r\n+u+RFFvs87yeuKcgC/bteCspDVo7CQDNLXb1TKCEc9bDBBmLkn2MOnbsiY6K\r\n2vkfaJkaCu7BMGerTGosdXzzzHorngysjVvTHCVwUDCcqvPagogqCEKW9VCA\r\nk0bzo8jZGSnVKeRhg8yGxBj6gTVPIBu+avm00W5UeyzPfOmoVnwGv/pbj6uv\r\n+ssB22BFZyIIjPjzgQxEC+t1BN4zPB0J/Yo=\r\n=1KIg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f97b0fa65b2d1779b686cdc7ffe817f9/chakra-ui-button-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-taXBMFVh4BEYH0qSzTHYuqPy2fh1rWGx6yFxJAUyI0vs4EhgoMyO16UXT5uxjbDPhTLTImMFPiOWsiN+6R401g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220824074122","@chakra-ui/theme":"0.0.0-dev-20220824074122","@chakra-ui/utils":"0.0.0-dev-20220824074122","@chakra-ui/layout":"0.0.0-dev-20220824074122","@chakra-ui/system":"0.0.0-dev-20220824074122","@chakra-ui/shared-utils":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824074122"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220824074122_1661326938206_0.8904041902398665","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220824080240","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1664678964a63d884096f598f5f7d2b7bfde0a4f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-2Ldk1y4Z2YrE3C3reXqEXbZOc5pb/wkK1sNuC/dVxUy5BTwTfjyurNJLu3dq7AMnwd9ZVsxhQxFYt35gLNBrZQ==","signatures":[{"sig":"MEUCIGM64YotsHrXxWEUr3jLrFZagDErVIcPSoUWE5jOAVl7AiEAxFalhnCNiBdhoh9fRh2fzFzMbz35l9IE1ZVreLEFdD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdtZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6ZQ//f5bmfLPxApL7ysxtr9jgPjTjCEEUnXmg+MKlhLu3rlI3jueE\r\ng8AY0JsUkwd1lEtZCgJW6gFLJpCmBpG6DGyhNDwwY/9TX4l4kpbdgdPD8Zvq\r\nBkzRi/Ya4q7kS0njrkudZRm1zmemDUQgvz8InWqlrUdjvfgOsZ3B2PRVtUwg\r\n4qYtab9rYd4qU/Xoyos4Sgopks3TsikcR2aWLLHySjXNmYKISUYls+baPgCe\r\nq+qJ4h7Pb6aKwHfGf4/ZYKAocy/8LiW1xz6DXNifcUr0qOVKnT48OzLan2LA\r\nJozh/ImHAS/X+GMcIViTDqxaO7zfeRdjORizIZMHCMwX7aexZ6aHj72f7k9g\r\n3/QMRnyhJ++3WN+2mMAFI1gfKcBfE2002i9chrlhC9QS6YeDlRDjsFBMg4Jz\r\nWIR1FVvPbaiVvtFdXoYUMr1tvOqNWnHKZ7YN9wurUek1WEFbTq1P1q44uhn3\r\np82dgwEyQ66d+3gaQXTBkd8Tr19D4G6Be5FYpQlPOi885mfJkodot2UHPd2n\r\nv3dBI4cSwjqV4Vhj/5UJ1wsNx3jsyechJbpGRhurHji0o/kZbyZHhThnUinA\r\nRY6VRA1VYu64Y+LnIV5ld4bSZTB+kd8MYjMqsimjQXIo6p8FhFs6V+ou10+9\r\nEalLPRLBZqbO1SYVCS50DvU6KpNc0if0/j8=\r\n=71YO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/87dda4aa1b76df04e76819458ccd18e4/chakra-ui-button-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-2Ldk1y4Z2YrE3C3reXqEXbZOc5pb/wkK1sNuC/dVxUy5BTwTfjyurNJLu3dq7AMnwd9ZVsxhQxFYt35gLNBrZQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220824080240","@chakra-ui/theme":"0.0.0-dev-20220824080240","@chakra-ui/utils":"0.0.0-dev-20220824080240","@chakra-ui/layout":"0.0.0-dev-20220824080240","@chakra-ui/system":"0.0.0-dev-20220824080240","@chakra-ui/shared-utils":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824080240"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220824080240_1661328217771_0.35510958811486537","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220824082222","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"50bde19ada579629c1e8791f1bff553691084700","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-xUsG7ES0LZyPcTYximpBXjOaZpTgaexCj/ubdj2B5FB/duUe5ySP2Z5HBJ5N+DIkrHktXsQV0MNQX+LHSNWOdQ==","signatures":[{"sig":"MEUCIHkdcCwmmAZPo4OtSIFw0VBY4a2eSYCNk/jVLJ6jE1uWAiEA8ympF/xCP15r7MNUN5mbSF1nW9Fmj5iPsAVRYdcY1AQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeAIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaoRAAnuVVqmZpXg0JLmFCdJ5u88Sl1APXWkawkvkAh0CU6+oahOhG\r\n9eqaDAVHh9TB3ZEHBvQdMB2Mteyz3Nl7OZQOBQo0V3atR786iPZhsCG7empw\r\n9BOSxtzoS/hNTF6ZkC3WVST197UTphXWWdIa0JutF1sX8IL2Ja4Bi14iVNqD\r\niuMSy4LeeCrykM2O15o0kEjADan6WdE6pmIkMt+OCpnl99ih/vOhK65o9Zkh\r\ngHmCGTvwYsbJhMQF70OQCXjC0giSEAXPzeGIMkFZslcEj3goCExAvjLIIump\r\nuffDgkDnlekUDn05yNiQAR9W5vDmifYhnSBrSvQCtSABufUV5VMLvsVzCNer\r\nI71An2vqAPYWAXA3kSjG7GIIdXUj70d4uG0FjAktLlR8Gya+X6kpeHbzGcPi\r\nq9Ol6wqcZbGqmg1DDHlYgoukPFXD+VhF37D360r1ZBrrdfTNWiZWW2CnMjwf\r\nowwZsL+DepHk/CUfsTjdfOHpw4pNegMonNeKq5bI4fBYzzcBmJNeykCJ021w\r\nqdGbvSxCPHPneGyQEqrTPxjk+tAVag6kL3U6B9xeZp/+IrZMGeppI+VwLTpd\r\nPnj5v8ovcQt2iicrCfXpAgurMQfjXcP2XuZU2y/lZkRx2ysd4kvoaZoo+ctY\r\n6lVm6fx31QwJxBhpGXQoxxvJ3N3uHONx+XA=\r\n=0l8W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/7f25a737445b89a9d1638a4775a49e04/chakra-ui-button-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-xUsG7ES0LZyPcTYximpBXjOaZpTgaexCj/ubdj2B5FB/duUe5ySP2Z5HBJ5N+DIkrHktXsQV0MNQX+LHSNWOdQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220824082222","@chakra-ui/theme":"0.0.0-dev-20220824082222","@chakra-ui/utils":"0.0.0-dev-20220824082222","@chakra-ui/layout":"0.0.0-dev-20220824082222","@chakra-ui/system":"0.0.0-dev-20220824082222","@chakra-ui/shared-utils":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824082222"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220824082222_1661329416381_0.6764782363501403","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/button","version":"2.0.9","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f005f98bb5f1d5673a244957e6b3e2396acdf395","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.9.tgz","fileCount":6,"integrity":"sha512-4BuDBiBlChHW1rQ9iod9MKs87AY3IyvZQwjV3DZTU4IG0KcDDfLQf++jj4dkg9Ttu+pIWhwF42pzA40JxW1oNg==","signatures":[{"sig":"MEQCIGCkJO4Oy0FplpLElohASuHfxlHTuiobEK44t8J4qeE3AiBOBVlY1oZViKSLFOZy2Dah8VR17kt6/GCnaIfTPVIJ0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeV1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw0g//c8pGrEHXR8+/nnO2e8lLlJhWV87CLEDCIKdMd9xL8vVeMDBM\r\nEDY9cRJQxqs+BYx9UCt2zr2t/ia3omLxvVrx1Gqj22FnsqHqwicAd5dPKPwS\r\nqzZUXKb3QB8xzZEKkQXtGhFcZ7qGwVA4MJma7mjxKcDmujjiIV+FiMo7YZhg\r\nxPL6u/j+PMXjt2xZQzRpqgfB5l+mTU4xZXrRxyqceTHcbzH4It7fPC1jAJRj\r\nqqJPhXLQhCN8iweETvoA9xPmopG6zK06PtCAXymrxesU6d/3R2781sUsgR9a\r\nW15YY/361u7wIzn9V/VmjfMjQmpFpDvnkJ5/xVjfuhkbWPEEhW8V4UjjRGMl\r\ngNt3h7AVrIR28FIsL3TnCX/nlk4/t97F2un9yLaFgApvntB0oCX6ZYRuFgGP\r\nSCZ9esSQkjDHh5dNIEjPShEvnKGKVmkb4+OIRJInSDmdGeaLr13s8IgJYrc8\r\n7giAuazWqFYfrm596QmPxXkLLBR4sW24yfO1MuA9H80pN2NkSN7Ed5lIre23\r\nzquDEG34T9bWy0m64TAflpdyNp01pag7DDM+PaxlF4R0xckWyk9e+PN0JSW/\r\nw+h1H65i0bz8rPHnaIrqr+0Rh1zbJ22c24LvQMNCfBLuHUmUb+BsDfmsjvfU\r\nAZpxBbUHlYKDYxo+Pdcq9jwTZ6jQJhxywEo=\r\n=+9h1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.9.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/6718aa19d353c94e9d5d0a9638645a37/chakra-ui-button-2.0.9.tgz","_integrity":"sha512-4BuDBiBlChHW1rQ9iod9MKs87AY3IyvZQwjV3DZTU4IG0KcDDfLQf++jj4dkg9Ttu+pIWhwF42pzA40JxW1oNg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/button"},"_npmVersion":"8.11.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.9","@chakra-ui/theme":"2.1.8","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"2.2.7","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.9_1661330804817_0.3363326872046559","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220912120959","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d9e419a34bc97a17ff3107222fd6a053cd9ef391","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-xtisq1odT/X1QJq2XQTvBNIyRdfWn1zPJtjteR8iVAEcbwFjTIRD8mNU+9reVKNgpqvKmvH6uI6FCxfgcDOdRQ==","signatures":[{"sig":"MEYCIQDosU02WeJzSIe0UImuxnbJgxwZbMcUiN9mKURF/8QNrAIhAOFQqI4PDdZWAa4VMDqmL8FugpD9Xb5ijtGDMwNipZXE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8kw//cC7AlkhVV6rCVK6XOmss0eM8bwomYzHBmMnNAL1btThMCFBL\r\nZ4crIOHcPZtRtMmpYsQBSnf1SC2cR5GjwixvKbcBQZB5i+xHV+N/VL5G/9QT\r\nxD0YnWz/QmBgvBbk5RhdbRBBLLk3F829CyLyGQsvI99zMLTGYA4UYbqjTK9x\r\n1xIkcPgxYqUVn8ZYjZkRT50P8ydYwM/zG+ieKaLZa8+SOFxCmvLNSxoD98/G\r\nUsLu1jJ4wjfd/LkCWRH0Und4FzzLonx3V0YayKhRdVvrduw8qbZWqRJd+n+L\r\n5xQ3KE3afttVVrc8H6u3Id0ugnLV38be3QbAOE/Z1ewVkGBtK4LAER3x2EHa\r\nbuQ9u+uOA8/HWVsG+h1HRnzN7dey++vHYCcJHgVdSbTjqzb7QlTI0XGfp1Rf\r\nTXn1pzzyScWQw8jEf5Rhh8WbplvOav1EFWqj/EMcMXGurHaZ2GL7d7p36OIo\r\n3QIUx4DN/llWVWdShhbD44B3slJ7QGNc4JhyvZsXNdYrxS96Qns7SA8/RmwO\r\no9NmzAuJ/kUEU+JUQ6ZzzgUaPPq5hQyIA320u+kGxaPaghVAQ+lFZ0Pl4C7c\r\ns4cwP+tdtdIq9e2WxzQBfJAosLO5Krv4mIcugRhv4kyxu04aaBjMhizI9wGM\r\nFk2wcK6HqSnnF3WB0cRXwCm/IVGZubvIz8w=\r\n=52pZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/015eff040916772ed803eeb1c01fa14f/chakra-ui-button-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-xtisq1odT/X1QJq2XQTvBNIyRdfWn1zPJtjteR8iVAEcbwFjTIRD8mNU+9reVKNgpqvKmvH6uI6FCxfgcDOdRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220912120959","@chakra-ui/theme":"0.0.0-dev-20220912120959","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220912120959","@chakra-ui/system":"0.0.0-dev-20220912120959","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220912120959_1662984648474_0.7658118446229156","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220912132201","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"17e271f315e8cb58585166d3fad750bcc5870aed","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-oMlvWNIBgFnMTWhlG169Yg0fy75aM5HCwonPz0NntAavmn3APvTUFBFo77X15DAHNJehCMlSh3HaR8UWQWOE4g==","signatures":[{"sig":"MEYCIQDuL/uRHjpPN8dR4N1itrY4ZUN7TShbBWipeOGxEro/IwIhAMNfn8PHjgoNEVJWlIvN/zj380HhZspZ/5Q4bAVfNgsV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzKiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXFw//TSDH49H1DMUsYUvLsAZJTN3HOfVOmA0BXpkEXQ7fx7wQpK7n\r\n4oLGI+a6dcs30lq5eojOyjAWxaURvD+mO/5HqBd7ltwQqOSkvKTazbRwaw/L\r\nHGt4R6YAlVRdyqpP7ND+UvZv0forqCFI/pEqtJIM9+7+hkXsoIRWGZNTmrev\r\nxz/BhplVguvXY3yrLMy/XVm2hAwz7DEpesuyuNNs4ob21Vh6oaxUrI41d6z5\r\nyVFh6++tj34ksqAMCbwXIVFAi/Be94zHd7gnsafLfYSjtCQYircu8RtvO6OU\r\nLnA8rP8NDqSbFR+ymn7TI+FKSU3OjkG94zqITPJzqwheWd7TIo/PH9af18wx\r\nYcqrQU4i3DZs4omDXJsGYrf8AuJg/v9n9Cqge37b0CiqBsnlCJbfbDo40jQk\r\noJqYoB0FoJzpMxHTAGR717OgaqeaB3B3/sUIrhdgFs8R+EP9sMa3Ku4J84+/\r\nNNkNdQ8AUVTGh1D+3WyAPqNxW5XxCB9dOPXHYsvsurQ4TfdIaaXw6e5BsonH\r\nUskQh/oVcpoiKIUBotg3LjPhtEM3J5tRygPIltzja8o2L0r8tSpF4iHO41Ev\r\n2Yo9+R5I+S9g2O2q4380Tl25hP7YMu0WVLLoIpQy/E/m62oScJYCC4dfCBb+\r\nGKTaS7HkBGM6pGXZoRDygC9uBi8OoAgG2ts=\r\n=9jDO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/2888b08b6e886c44b68f9206b5f9a9e9/chakra-ui-button-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-oMlvWNIBgFnMTWhlG169Yg0fy75aM5HCwonPz0NntAavmn3APvTUFBFo77X15DAHNJehCMlSh3HaR8UWQWOE4g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220912132201","@chakra-ui/theme":"0.0.0-dev-20220912132201","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220912132201","@chakra-ui/system":"0.0.0-dev-20220912132201","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220912132201_1662988962726_0.012392117719335793","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220912133211","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f2db9f648742de20b992b1a092e9d6b0baec6ff8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-JWnKn4JPNB69Ux5qpspbhAyt3MIclZ2Nao0LSedqgA1tqqDX58Jj6hqdt2OBXD0iFnXgs5MrisBjlpc2P4+4bg==","signatures":[{"sig":"MEQCIFPjvq6P8OHR6qjXOrAANJrTH83kZO7kAYkS/YnY4lxlAiA8LBRED6KSvpn14QbQH2+MXCjzX+NP24eYZmXmB50tRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4IQ/+IApNRdvLuB46WpYL/iNpBaPJlCsobnpeolZUeq8iyBWaOWZf\r\nHAGuJHWgIy8Cyk4HUrw/n0sAE+tc3D9KRrFXAjEby7Wwio2wG3bCrRU4Nd0G\r\ntb5pUvRZ7dErhqmszb+QOWadTtgqGoAim/bQ3QUwBcBGDooYQXo53jm4lSzv\r\nKV2EwqmmFKiPwrSkyquVA6PYGJniZtyM9ejfJyO8XhSvrFf72hBMDO6LcXm2\r\nVn06m3CpLgkOT3KyDJNaq/gV0hRrBj+Yah7awNcb/kI/kx0vjMcRBvVHZSxD\r\nVr4IHWnOt5sE6RLX/1YM6mYABp0qnDW3XARJunWAAFOYYKoDPxTMPtPkjOEW\r\nSQBcumAMOC2m+2Obe5LSLUdKXggXJfnGzmwPjfonuS5z4ATBv67MOEoPkOTS\r\nBu3OIj1943t427oOq837QFZQ3Cfiv6z9cW2pKbqbJw8mYh4wkRX+4fRBIcZL\r\nfb/FHb0WDD1wL35gAF+ohx1rzGovjrEGFYZNsZpj/02f1ONK/9cq0MBvTiuD\r\niT8HUXGwz4nwZ7NkF6Uj7AlE3Rp7z4FjUcPIMbmVytHIPsY5d1pEtUtbYHDW\r\ni1YysotfKDlkA9JbKSZmeQC3S2uISkUU/joGMNoLdeqCaUKCkiSs/zPi8iAK\r\ngkGOAb3AfhzfrhRc9UJfY5iDJVkJObaff7U=\r\n=WKku\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/aa8a17d2d8ad0daa5174fae30a6b4ce0/chakra-ui-button-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-JWnKn4JPNB69Ux5qpspbhAyt3MIclZ2Nao0LSedqgA1tqqDX58Jj6hqdt2OBXD0iFnXgs5MrisBjlpc2P4+4bg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220912133211","@chakra-ui/theme":"0.0.0-dev-20220912133211","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220912133211","@chakra-ui/system":"0.0.0-dev-20220912133211","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220912133211_1662989582458_0.6026270629834234","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220914090509","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d67fdebc209c1cde3b8115fa93908e70253d199b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-GEXVo5fGGhZ1q1ENczl+lbWbDGnGksdXfvRhGB8DZh5PDc3rAUzrmcNJiDoFW/smR5nr1OgYVNeevF8FColpSw==","signatures":[{"sig":"MEYCIQCEdzMgYm5vaSTw2V4Ol3qd2KOF4h7V2u0SvdOk6licUQIhALMM9VImghjRLdqCRiy5L0z6LZi/CJnAMCvwpUTU1Qzs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZl3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZSA/9FBSx9RmC+rgMt4CmXZYsoNDkus90t7Pcd+kT3cjIZ8PaMfCN\r\nymnjTT1b0j4Nx2m4mYjdTrY9EKKw4lMP9UBejNLG4OQvjDRZwn5pxZ75GVAr\r\nf8NMNJjIwFE2KwAS4Zos6HTvs60X8lQThqD6Bi00kH3isr0jok9Gs6XZJAcr\r\n5BE4x2DMMs69mVF+/J+DdnwGeNePGFlHloQJx95auE+NSOJdAL5ly4wCioCu\r\n44f/z3F+qz7TVmB6n3+QCLNxQAAS12hkU22+ZBUmBA86aZ9fy9RkiB+ZhhYi\r\nAsAE1mWE+dxr/Sq90it3OGQquqiGU9H9zBW/nQYZCqGJpfju2ye4FpOLb4Jy\r\ngaR0EK7q1358BntvjizDhquTGWploSgNCv3eVl+x1qOwTjZiZPmsfDFHuMNr\r\nMnOnZI58htCZOYnzrc/TvCz0g4TyFBWlOWTiJiDxA30sDcuMNobYfCUSkVW6\r\nCWGwCwQvWK62lzq7dkud+7CeP/QeOjKFytBgAVgHh8Qu6KQFM8MOgGeX/60q\r\ntMzv6LoDUodV1V909eQVKUPLH7/StY2OgUozDkWeZNXeKUeV0js3Dh2adsVQ\r\nENLzwu5HxnO24h1ZnDDYw6me3cHV9ShG3v+gD8BSCFvNmYlK2mlVineDwg1W\r\nEyAsO5vs0Bj/7yyinxtmB0OxS/Afs+8dzZk=\r\n=RhUA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/06af168d4c42a8ef3d97e4c49d85689a/chakra-ui-button-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-GEXVo5fGGhZ1q1ENczl+lbWbDGnGksdXfvRhGB8DZh5PDc3rAUzrmcNJiDoFW/smR5nr1OgYVNeevF8FColpSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220914090509","@chakra-ui/theme":"0.0.0-dev-20220914090509","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220914090509","@chakra-ui/system":"0.0.0-dev-20220914090509","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220914090509_1663146359702_0.10200156803957539","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220914105014","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"64ae0a032303df22779a80b22f4f950f391881e0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-k+FVJfWOH2INvYDMa7Wor2Dpqpic0Nb00shcCCxavza6MunqoA8X0Cv+oAUAhRkWatONjMv/YljQEk2dQ7H4tw==","signatures":[{"sig":"MEQCIAKlhk2yFEccI0SZfEXUrCw67bPuM/m1n3RFFOH8KoIDAiBEAFWVefxhs3ZMww2O7rdePeWX8hHeYbFW1kvmAwLhMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbIRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbEg/+PBbF6vX0EY36kYQBmk+cxBOqSxh8zD519QbNxn5RI/fi5xT3\r\n9Mq6kX/mcr3LsELrX/Lkm1emRyV6i8zPRSHyPMY5FpKURt6rNB8XARcmkNnw\r\nr1VqeJQqiX4wrhtG9wnS0FqllA+6gBt+lP1jcrDNkV3DOK/C1qS5XXbfGoLv\r\nq9ixQ91QZyzz5L/oo6nnt4Ji/5vVrjwkHhfz0juagU6Cp3zF895ctbGw86Vv\r\nxgCzkIYsAPHSYLbCx5ToFrzlrcKU0u08jYnehTa03gJn4pKxfK9lpwU1RyNZ\r\nj+WBQaQZQeWVxec2mQ4bFLdcsnp3EjANnR6THkwO7I7kydxqb7wlUS/ahr1b\r\n0U0ZDWDiNJRoovddJD97xzgYDEe5+nx6lYqcw/Rrx3tUQvMrf0va7FUrMeFE\r\n7e+3yNKzd58YnG0/u0lCvmLHJh8uE1tENTsvaaWpU31wx6ux2l2ts5Yxo9Kg\r\nkWRlJNjVlNzY0ysdSDFKZQt95hY/pTxP9yh3qsl+qssP5xbETiaMQ0QJ/2sD\r\n9Kns/gg6hvis2iqNbCr8tAZAxDb08tNf2niYKKUT25BzxQgQIPRP+cXShMx+\r\nHz875l/CO+To2COCbBeuTIL8fzNXegnGktLaRgg2arnamz4HkITNiQ0vq8bj\r\nXrC+JHUk5niqwxjhqh15MJIzmoaPhS6gPQI=\r\n=/9ra\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/b1a034baf25c195d536960c30f13ea0b/chakra-ui-button-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-k+FVJfWOH2INvYDMa7Wor2Dpqpic0Nb00shcCCxavza6MunqoA8X0Cv+oAUAhRkWatONjMv/YljQEk2dQ7H4tw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220914105014","@chakra-ui/theme":"0.0.0-dev-20220914105014","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220914105014","@chakra-ui/system":"0.0.0-dev-20220914105014","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220914105014_1663152657512_0.162649804694033","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220916140800","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"37cec167e6aef50de9bdbaa7552875ca216c38c7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-n56L0BF3JyzD1WgSm93LMrr6BrsaiQD5bPUKQrN+1V3nCA7UZ7Sws/hQctSUJcmNc8epskJeZBd2csAMyLAY9Q==","signatures":[{"sig":"MEYCIQCRG+9fzhUHcft5UNzG27kgh3SQnMv+zd/LMZ62tX1I2wIhAND87BN+9O8ay9GdYn/4WbC9ArgMuubBjEBIj8pF/UtV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJINoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWuQ//fAlmMj7nDbq6s/ayKeArJMF4ttXy2F6n2WVNMuovX0UDxqk/\r\n80yETaMQmvFe1sziwyEzRbEW08w84RNQaoVjdb8k74w6PF0QFs7Fufes9tBP\r\ncqNqcWBBJe+KoPtQfOXJzMskckP6Qiqf/p8FsCrQAPCqj/dfYhoPuJ5LwaZd\r\nMfOnUI+NvO4xP/JarY1Wv5UKrQnUBuKRmovSgGfZj1G73DLc/+8V0uYeVj5E\r\n1zqybFh3fNWoVaT7vqkeq5RTo0zSiMY59tAR6KcJRWjC2+EG6A6FopTP4Gun\r\npzAW1VDwwU1BFu02bmfepp/niTZVJ3WJqY3t72HwhyjqSiosR5+W1KVlDFKi\r\nDdTwn/cvz4Xym9aii2JxrLzXqMrVRnVPU+YMRs+hTqGOHbIVrAJEabMuvap2\r\nYeQh5OF4g3rLlQn8fmfkcrbGxFB4Jx+aEXWJUgl92KkQBf9VdveV8a4vu9Kd\r\nMjLaVj63YgM0oT4l1aZsqP9Sio/U1AbVwNLmM1D8htfXMki5+TDUKtDU+/b0\r\no9s7i0DyOOGL9sLKky/RY2IC6FqdvuqR3qaY7w4pbfmLKWlgQRxeN4RyCtRx\r\njN2P7DyDq9dzunvWaK48ByxLbTvw93vJ/aAokf3ajPluG8huVejWmj8/E88n\r\n5bhrr/Dkfg9ysKpmfF49G8TmnWNxyvndNJY=\r\n=psxN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/a68379d1e03f67f7f071fb0bca1aa376/chakra-ui-button-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-n56L0BF3JyzD1WgSm93LMrr6BrsaiQD5bPUKQrN+1V3nCA7UZ7Sws/hQctSUJcmNc8epskJeZBd2csAMyLAY9Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220916140800","@chakra-ui/theme":"0.0.0-dev-20220916140800","@chakra-ui/utils":"2.0.9","@chakra-ui/layout":"0.0.0-dev-20220916140800","@chakra-ui/system":"0.0.0-dev-20220916140800","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220916140800_1663337319953_0.41655147741985843","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220916141616","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"290d2fdd5dc4fbc50968cc4799d68827fef983da","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-3KC96Wt1mczw8uXB00IUvgLZTTGxAleFJ8fYUMkwpuYz6CHXxBUe5Nj71OQZRD9B8JBEwzf7qB4r67ebfPnu4Q==","signatures":[{"sig":"MEUCIF8qnxP3RIBb3lHo2xDkP4Ict8xDezTT5UmUTG6HUP4ZAiEAgMKfT/iMgarEOhsypDZAG0N6zE5g2jB0jPefb8o5xz8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIVbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqH+xAAo5+eQ9CQqGsr142ZaUU0oiXB546QEUPQaWke8S6OwLkXtGfg\r\nIv0tmMc6GYd2RmH37wrvvAw7ZkfcAwgSv0Dhxscy+p0TeF8VVEnS1AI9XJuB\r\nVsKavA2x6b0x3gu/SnOaI+uT4+Ri0aDf9aI9ofRiX7xZRSGDjXOB+dh+3lqs\r\nTtz5je9S7J5O/ywLRm42/r+n8i1VgnseqL0B6r/DUcXKuT/eh46wAC3unY4R\r\njoKIqTAgZQuf2B88TRh+bST7lKj0a1PdnWRxTL/Zjc5kF9KEVq1yhnviCt2s\r\nLTLqUH9GoyHxBTT9sJJHTpnN9zEqdMHC2YdAuVyxwvRuTiE3Hvfr+xxql9lf\r\n039hxb8BxD9z+st0Xk6vLj9TxyXf9ZkTjm+YzSNMK99sC63K3xZ9KZNksqwC\r\nz9MkrkG0D0iRcaXbnSUWpI8LcGumhXq99lh3iH8xDqv3UnKkheXEWcQY7Kki\r\njhR2xJgRIrF9RlnelTQKtauQBhmqyhH0kEQ2jeT6A5/or1/vHIHpXJOW24Pq\r\n4RqgS1LR4kS11hY67OjbVjDat0Sb7tPaXwDTfY44vP/CHx7nvZrHkk8UARLa\r\nE5CMz4Csa7be6hviDfKVEZvHMYp2GDmCLby/hGTDJVj+yl+wErTUbFSK5Urq\r\nxVs/Y8mdNUq3dMs44dKsm6zwgUPpITHj8As=\r\n=PLBh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/01fd8ad51289479c2a43672505e6b75a/chakra-ui-button-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-3KC96Wt1mczw8uXB00IUvgLZTTGxAleFJ8fYUMkwpuYz6CHXxBUe5Nj71OQZRD9B8JBEwzf7qB4r67ebfPnu4Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220916141616","@chakra-ui/theme":"0.0.0-dev-20220916141616","@chakra-ui/utils":"0.0.0-dev-20220916141616","@chakra-ui/layout":"0.0.0-dev-20220916141616","@chakra-ui/system":"0.0.0-dev-20220916141616","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220916141616_1663337819155_0.7860190936099181","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220916144141","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"05cf530d65f7faa12f2db0092a0458a818dd1622","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-QwszeFFtg/YLcAuUUD3fSiLxKpcHkqjA6Q1IHbVx/yovqOfR/JDXAV15hSfni7NexnggMWGpOMRp4/z6/0Lo7Q==","signatures":[{"sig":"MEUCIBoopKFDV6IQD6D4NmKYQ01ggF+0BAXinB73LlD9N0X0AiEAjs6WqpM4hKJNkuyFmMgRb7ECjaT4LzxHw3qdFxuCUlE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpF0A/+Pshhb9E9IcuoBPFSdnJr44qWJgoSwX4yFyl9+3Lu0cfE5IkP\r\nHwlid9Ct+inqdI7StoXu1NLD+JHug+E9wHuFQD2+SR+OcD4BX//rxuh6cz+f\r\nr7dUBMyS2/L8rjQVX5yXqPB5JAyQtKpgV0aF7gnHIPiCEWRBY7sAzfngZ1VP\r\nBm+9jsVhPHbsWQp0XhE5uQ3ZAy4GcQepul8qhzEcFfYwtQCFs8ptAlDgRLub\r\nbMWTlD2HI6QgM6z+s+Mutv/0CLUSGqi1PQMz0Y8S9sdkewbSzLh7TqF5d0jL\r\nsG3kw2mKyEE69gBSb50LdPoxX6ODOcmf0bk6/YnAXM9QRo1njZmm/l8CZwC3\r\nplxZKXMyzUPXHkK2qSjYTcgQIgxxRU6aBbZRkBZf99EtPTepdG3uVBTad4qt\r\n9MB1NhcQdVsnt9v4TixHKDdFcl7ijMec7DLSgKuPfbgkQpqwRa7jlh3BpekM\r\naZnCTe2jn+qdGsj92x2ZgCcU4anXOkfBrXgWgZCp3UWIl16+x/aB7ptRtPkv\r\nBGj3vw8ueh3FfcYA6bwDF1NOB/N2Iw1UdDTCVt5JWNYzB4td0naq431tOHDa\r\nRbcR0thu0LSS3pYibvuNzBxfjQmY5ymzcpgBKl2hjYbyFGPCBbP50xC9qvb+\r\nyjVnkRIowkOuZQdPynILavStBdWPheQuZUI=\r\n=Fd9b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/30d9441cab4f033643bdfc9cf805aad1/chakra-ui-button-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-QwszeFFtg/YLcAuUUD3fSiLxKpcHkqjA6Q1IHbVx/yovqOfR/JDXAV15hSfni7NexnggMWGpOMRp4/z6/0Lo7Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220916144141","@chakra-ui/theme":"0.0.0-dev-20220916144141","@chakra-ui/utils":"0.0.0-dev-20220916144141","@chakra-ui/layout":"0.0.0-dev-20220916144141","@chakra-ui/system":"0.0.0-dev-20220916144141","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220916144141_1663339350089_0.9636519471351208","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220916164745","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"faab66243205ad41a9d0b5db06394704bb65ed08","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-Ie6grh+VNnQbhSjIG9p0Hsjd/+cua9obZh0uAqroCpoEVQNHu/4sTtO0mDU/WYFn1HBG6c8AJSGwWXiT0X/vwA==","signatures":[{"sig":"MEQCIEdohiMkJbd2RoiX7vyIOmxl7/ROYrTrUYUjlB5Fv62kAiBUvtJMv1snV/cmf4LTihMcwCbZCS3Ua2zEprGZhLlsxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKjhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofmA/8DCTO99JZGRycCbzMhyHbfKdZbRgHSJ6aa3GTdGgYkANBnMen\r\n8oB8SPUxHaQAmM8svM3Xukc4sw8epSnAqBRopWvik9RrGJYMoS6qia19Y+Wz\r\n4/qYv5sbBvMz4OJYJ+Z191t6arTbdgcWq1vAJj2XIwyybO+jU2VciJH6S72F\r\nCVi2UFu9gOU9CW8G67i3HiAIAMGfaBk4Pjbeh//NDFAY+nTgiycz1VFzZYfQ\r\nVTX5thLNaIIi5fK32LkWdTfqSMhkn8XLQRqYmODOOh+/3Tei7NSVdEV5NjSN\r\n994GZPbkHH+KAH4fkKg7O7bYtQSJEhk0DI9OBC7SzwF4juzCt/TjobF2RFR9\r\nAmpaYhO06xARDBXE2JiouoLQuxG+hE0rkWFSur0QsXwHJ19rUWFkjVKaDLfL\r\nrKT8XltQMU9pRvT+2dpT2LcaSnG4AtSirYXUfB/UZUpVdq9dToQTqE2REJil\r\nY84+rKRiXd8B+U0ZUixaehPftznt9TlQqjqBnLBBm993QrTwV7ei3uvLPplD\r\nQzO5ToAANAXhhNON13I6KGknWALoRNpgUR4Dy4aVIH3wpfmg3wPKdRuGiP5y\r\nb2tw+qHWEbUtDpThviTctmVGigIAJQRyzpKOmH4z8jbyYnUtGpI4a4kN70o6\r\nrQmo+0hStUC/YVW3jpQhHCcf4OF7LNU74Ls=\r\n=TN2P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/eeeedc24cabb722cd14c49dede8d3156/chakra-ui-button-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-Ie6grh+VNnQbhSjIG9p0Hsjd/+cua9obZh0uAqroCpoEVQNHu/4sTtO0mDU/WYFn1HBG6c8AJSGwWXiT0X/vwA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220916164745","@chakra-ui/theme":"0.0.0-dev-20220916164745","@chakra-ui/utils":"0.0.0-dev-20220916164745","@chakra-ui/layout":"0.0.0-dev-20220916164745","@chakra-ui/system":"0.0.0-dev-20220916164745","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220916164745_1663346913272_0.410836177704456","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220919061024","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"4bf263bdd316e7204cfdc1aafa8c25eaf4550286","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-08RwrABuNK2xWLtgzXKUSX2Rt178NHLQl0skaZa+6nvPX85mUuaf9RXHPIBpWEkADCcqXufHeVCtmhd1kCwimw==","signatures":[{"sig":"MEQCIBjCnK7lhu0XOFwzzNTLC8i0P9fHQJgaqZTqrK2aqldhAiBdT1VG6KlHBFfw0hoiKXzZWmsQFl9wjdBpTQYU/Vwuhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjDQ//Q9E+oWL2ePeOIwDLp2T51gNFjo44meGAF8LWwhy3wj+reJa0\r\nao36PJfuBYh2jhf1sqhTU/B8fFO+pgZRyLgNbJ9+4KVuhVGoECDNlazLLZOr\r\nQjet4IJcWpPp0VPBg49lN2Ct+qrbUkje3uZAedojOalfahqwrjSZz577TLnD\r\nrNiUHTw4KpRIRkxBHtDEsWomi71VNgj0PFnFH0YEDnE37ukni29ZLvBga4H5\r\nSwJav82vYqginfN2V2cSWYiaH7k1yuDW6TuFkTs+kdmWfwC5X0jUJAQRXKkG\r\nmXfmwbqsZ+XSt9BNg5/Sj1PsA6K34tie0pllRdwmHZZGvXTFpB/5aLl/0rFi\r\nuUFTzLJBf4A3w7t5PQQhMdN+o+p0ChC1jvXXASOz5JTBz4yyJhR4GePbZRrz\r\nXjOjQPNDyh/5cVVQqo6r+0NdaIJhltEECo+m93udhliI8urTlVSpQmJM6YJx\r\na/oGM1sUb22hpjBZX2tMChrVmwMDWix6Y2kfFi7Y3+ZzWTY+LL77sMRCnM5j\r\n2kmJLjurBRxisPkRZRfyRP9Z19+Q5owJF1zfWGcpw5DYOD1VVkjEKq0gxt4u\r\nJ8TjJRE1/Rf8MxrwcM11TH3qi3mBm1S47G0VR9lM5bevni9la05FROvnbwmJ\r\neik+3FymiGAKE6aSQWwgPSgBGoFSFMJmaMk=\r\n=05Ic\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/571d2e4681b7442da5c49c980d84b3e5/chakra-ui-button-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-08RwrABuNK2xWLtgzXKUSX2Rt178NHLQl0skaZa+6nvPX85mUuaf9RXHPIBpWEkADCcqXufHeVCtmhd1kCwimw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220919061024","@chakra-ui/theme":"0.0.0-dev-20220919061024","@chakra-ui/utils":"0.0.0-dev-20220919061024","@chakra-ui/layout":"0.0.0-dev-20220919061024","@chakra-ui/system":"0.0.0-dev-20220919061024","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220919061024_1663567872814_0.3177668831500178","host":"s3://npm-registry-packages"}},"2.0.10":{"name":"@chakra-ui/button","version":"2.0.10","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.10","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"432051952fa074fd9eee8c4c6c7a6d67895b3ea2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.10.tgz","fileCount":6,"integrity":"sha512-8M3tCDvEUtIMzQt2ra1ZlJmoFm3zZyNIJsljKP5dUqOqs8MSWcOOIAs/6l8NSj/vZm/zARTIeiyd8SbkDl7yyQ==","signatures":[{"sig":"MEYCIQC0V+E1XSLyumC6CLcBN8TIODbX8oRiiH/SH5H0tC2s7AIhAKVG8lCvUqLdtXHa0sakJxDlaj5OCXmhViOFyIeMxQVu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBwpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZNxAAlDEX1vi8zWRL7asp0W9W0g7oemdEhsfZ3DowrQFdAR1TdbRy\r\nE6/KhFy+hkAgk2edTzDSmUsjaWbZUTujj0XWDwgm02xewCvWbbw7RFAzqIs1\r\nWFmf25AiAwEL8z6RbFSeU/b4qNa3IuMPzu5WgISOIlgMCZ7iMqua051msFOG\r\nG6OdqMK/geUlmbooTjFJ6sxaWJbirHl/QzQ2iyN/cWhkcvB2AwQX3nqHer/8\r\n4WbYC2fjLw1kF0J5sUIcUQK7Lgeroa5yWNlhgpElPZYW3mXThgNtTPSY6Ps7\r\npxbMM8h9A5o1c8EOf87tIOQREMkUG6nx9TVBj2VCeytrTyAYveYg+4iwLv8R\r\ndertnEem58xnXoWK4xocI11yxW9H/JOhQOWVFJDzM7qNM11rJraTBCv+3Rsg\r\n5y1Jioa2hM7Vmiss7efGG5p5yaHi7znwOOy1NcXkg0AliF1/z3c5xtaO5xDY\r\nE4oe49Gk9knk9ZYoOcYRsfP/IaCCzVH7f9RldhqiA+ilsge205ogVeJTHqY/\r\nAZS+2mPBMPL18OFissdsPEK+3okmJEob4ejcO0F6EpA5RdfxkeFj/lj4O754\r\nD1Yqe4uyA0l7/fNb9SURx3SVDdu/rvFWMdGCmfJDGuAsLpA1varSQM6Oaa2O\r\nudoTuUXVb1OOftDg3vkG+LHR0mrXsz1rz78=\r\n=rFMp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.10.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e19e19cd51cc739991508cbaa012e5df/chakra-ui-button-2.0.10.tgz","_integrity":"sha512-8M3tCDvEUtIMzQt2ra1ZlJmoFm3zZyNIJsljKP5dUqOqs8MSWcOOIAs/6l8NSj/vZm/zARTIeiyd8SbkDl7yyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.10","@chakra-ui/theme":"2.1.12","@chakra-ui/utils":"2.0.10","@chakra-ui/layout":"2.1.7","@chakra-ui/system":"2.2.10","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.10_1663573033353_0.6735964241860299","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220920121057","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"88d8598f34343fdbaa2ef9c8dce646c941693bc9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-bGcWD2RE8uXDQEwJDuDQ7I7s4NRZoQZAFoGOBHyLgc1+Rpii3UeKYfTNCkZ4Gix59fIm+5A+g+bALlnz5pJlPg==","signatures":[{"sig":"MEQCICk8kcFyzZ3vpjeJ4pvMdfcjafo5A4bJ9zuBRfF+avwvAiASgBg40AIU9q98fEQgj9XSHU4in5rwMBDcYAu7WyPt1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa38ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTOQ//egDMCscrzVWoq1hJgk0Cf+/G/CwkH3TXgTbFKTR8NtemKAbP\r\nrb7wAAgSB2qTVfy3YmKDVLKPJMZASU2LtKX24ktRyfero6TM9WY2sxPZqgoN\r\np5siBiNpt7t21/80l68AwoVDKsYV1dlzgMBiuzd8KPyxkkLUExm3qNGVUxnD\r\ne34NpfSysYcGsYXx1fzpZKSGO2ORqX8StHCNzF1GRWxScYExwwitZSRcT63v\r\nxe/uDa/ZKJAGL0bLpatZQAhOMTGh2YTKEJi40TvyIcbYsTp1HJb8fdyiDrK9\r\ns8cLXEppyCPjLshbc4i9jv9Jg+V165DgPvQ6Hus3x3HBsAeH8G3nrmr8m9fG\r\naYfKea8HBA0qrJJe4bss7SgPKeQ9pCc//+wEtI4vJJGKWB3HDmYZsswvSx9l\r\no4olHjXz+Ftgn3tbfOUr5VhMB4MpsAWMA61DfcrXtdkw4pFziYKp3ET/DTib\r\nRRMwRGlwOjgNnhCI6cHzFWjzybkZmA07lDx/eCbKHaZHhT6CBjELvRVtr+/w\r\nytyM49iTF4hF9WJ3KLb6zkk5/nZ7bYBR0Sq5OYoxDxqVBVLG3hu4RxbT6K6Q\r\nvanyGs9h/+Yo4VoAtXi5JCx2mClY2n7dQ2CahlWjAuFIuirSi8zuxj9SAL/b\r\niGBhE7tTcI4HH+6XKh6oFkjanz87nwIrBhU=\r\n=rCrS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/b5eff8482d562b7cf1a821fd149ae5d1/chakra-ui-button-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-bGcWD2RE8uXDQEwJDuDQ7I7s4NRZoQZAFoGOBHyLgc1+Rpii3UeKYfTNCkZ4Gix59fIm+5A+g+bALlnz5pJlPg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220920121057","@chakra-ui/theme":"0.0.0-dev-20220920121057","@chakra-ui/utils":"0.0.0-dev-20220920121057","@chakra-ui/layout":"0.0.0-dev-20220920121057","@chakra-ui/system":"0.0.0-dev-20220920121057","@chakra-ui/shared-utils":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220920121057"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220920121057_1663675899778_0.19620354946115315","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220921093814","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ef0e403cc70e11d4d12d314bf82bf98b2e697866","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-8oMmZkFXZNWUiFzsvkLEHifwyECY+RY4ESS2enTHxOerL8Eh6YMxCLC2/EQlwq878Ap+X8Ah+WHc4vgiwZbE+A==","signatures":[{"sig":"MEYCIQCzLoCv5JA75Hkzp96K9LHeb2DH8c0uTGFPo2rRgYxanQIhAKTrEMf0Q4eOo3TL3Gl3AcDPVr78LvjyFd5Qx5j1R7FF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtvGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaRA/6AleY3ca+e9FJE4T8su7IPHhldd+o7sbVVUl8Te+tsXH/kYEW\r\nyzucbyV7pIYlPu0l66Y/fXC9EBGX5STUiNdn/JiGFaeef6GgW2+MfD1xaCvI\r\nxJgy82NveKwUXolrqiAL6bA2PZU1fsvY2ZtXCz/9ii/XJvS1WWRKwngTO+8b\r\nX/zcKfpV+vlSe2jnqNkVVdOxuuTCf92dgnj0rP0+PTOc9vAswjd0eO+pqQaI\r\nyqE2EUHEP2T3B4nyi7U2Svvk3yd6j+wmhZRFw98dvy4h1v74fORCeUf9GMFL\r\ni0CgyQ361Dys5pAJ6KEe78i+GtMEzxM9pyGdZsifBlkDTSKyqnIiitRxi87X\r\ncuGIuX6TkmhjwGGfaM8UHL79fNBEkFq9Z3yp3htN77kd4Jt67/S6C5DKW8T1\r\nFvstOyhT/vzFax4c3GNJS1Rnu1XB+Wa0SY+ul3ShmbL40x3DIfpCDQ10hyT0\r\nEwRQ7hqUfofDmsin5qs5LMgqaC1Ght7hSYXl7TGamRNOVdq/xtPV9GXi6mQE\r\nj1r8AUm00WAzkHXxfLcjvqXy/LokX/yFX8Qn6ARFRN+C58iO8Y9lSpnSnv4n\r\nm3F1fpDRGXkTLs+1dz7jTsw0xjOYbkWB8c+qpp2qJGquKm88wqtRySMP5uhf\r\nCXlbZ8j2+uOWOf7JAIAOzxhayoxCcMBQSp8=\r\n=TqwU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f8bf14d77b3ab6827f86f7aff9e9b79d/chakra-ui-button-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-8oMmZkFXZNWUiFzsvkLEHifwyECY+RY4ESS2enTHxOerL8Eh6YMxCLC2/EQlwq878Ap+X8Ah+WHc4vgiwZbE+A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220921093814","@chakra-ui/theme":"0.0.0-dev-20220921093814","@chakra-ui/utils":"0.0.0-dev-20220921093814","@chakra-ui/layout":"0.0.0-dev-20220921093814","@chakra-ui/system":"0.0.0-dev-20220921093814","@chakra-ui/shared-utils":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220921093814"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220921093814_1663753158362_0.6494592612684558","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220922114557","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"9e5f2e45f18c8c98e255e52fe43ef0a88d64a6a2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-yPF2i6SAfmFnGEBjcL5T9m1D/SfTh1hQa4OkPMQ3MtaYNczzWkUVtReADY4CK6TeiGEcCSoCHMQy8rhNyDwhwA==","signatures":[{"sig":"MEQCIHwX8fCm+Jrs+47DlICIQbTg8QevAdbkoGWoFapW/kKJAiABtru9lw7gEpVM8KLX9eDKW2yeuelSrCEJD7CDO/+4NA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEsiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgEw//Wuk6frKYfEijN+jow5fRaFpgiagzxLsrRtHEFHCroStpwMB9\r\nwORvb62ck6/Y4QrYjh6amFDqKUA22AQTrHgmdeNI0ha5lydOz5Ppw9SqLpL6\r\n55Gx28EmFuZPadMGjd3w/qSF66wTG4gR7OFAVBPaOFFDIXZyk+an6zYxvR5Q\r\ngWDh9X36Q4HAZl6kWNN62hKT17Pbr3c/pwGn21XpQa8Jk4k4gTiVzsww9AK/\r\naWSmean0SOivwttEXy49IHzIEv+zm4CGUJ8M/tAU0VkhyCOIXYLJGbDFxeJQ\r\n48LqIEp0wpeN+Hxdj71p33KsllCZQU7FvYva7tlE9cOj7ALkAxUBG75P3TOC\r\nVp0Fb+MQidhWabYTynR1dvQkxhIUebwdex8WmzZgG2yHEw2Ss5CdI16M6w9x\r\nirk1c7MeCKGuo5q0zfEMMl6U7tV7GcKcACRSZy97ygjWoAaUlxvPab6xP8i6\r\n5MgtphEbwpczF+CzB/nVJhtzY2uFx6tmoHwJB37MmWoQsOMaTiWCB0Vx9xjR\r\nTVLCUFIsD89uaMr+CcXlcr5/g1vTpvaIWr6bSrMAgIxiK9x83X/VlwGBc2Zt\r\nB7b2ndepZQoMtt7SaycXx/ijHQuxEuSyoTzdvv4ODNZqQFtscdIb66GjQ9eO\r\nwwXSfKgwZfJcfqssJQIiKaf8AqleNtk4hTw=\r\n=VExT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f90170b2400d8c179276be636b21c83d/chakra-ui-button-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-yPF2i6SAfmFnGEBjcL5T9m1D/SfTh1hQa4OkPMQ3MtaYNczzWkUVtReADY4CK6TeiGEcCSoCHMQy8rhNyDwhwA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220922114557","@chakra-ui/theme":"0.0.0-dev-20220922114557","@chakra-ui/utils":"0.0.0-dev-20220922114557","@chakra-ui/layout":"0.0.0-dev-20220922114557","@chakra-ui/system":"0.0.0-dev-20220922114557","@chakra-ui/shared-utils":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922114557"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220922114557_1663847201912_0.24236201254591916","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220922115811","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"0cca97f4cd156b1eccdf7dfdf4ea7e0cc3355554","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-4IBX0yNOAqwkzQ7G0WLnyGaPIbXvfOdRIJA8NcVQCYBZno9xwfvDLlKQ+JCEDNBi+vK2X2tNnKdDFwsOLaBLnA==","signatures":[{"sig":"MEUCIQCuC0QLjSH+QcW2Z5lxWkdSD1H5y0D8dDZrb3SJ8UVElQIgdywJ0GiiP/cGiWaECGfJ0nj9ScfdgcpbjbYmElgKjH0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOlQ/+N0JjXpsxVvHRtiRIRV7vFZJzi5GBDUA9pNJfS6MCGmANUN2X\r\nqaI72cuSMet8pTgPU3a01Lejt4gXNurU5MJYz+Wd/oh+PVv+3q9Xk9Lt3Nt+\r\n/cqhGb9kVzyJx8bh7Ycd0FhMjcYClqACSzQIHPQEqiO/LeXgyD0wFA5q25/R\r\nmlJ2FzQQ9nUaaUlwyaI0hkXKJqLpxIKChuFM9GMFxstjHfqDsWzuaXKIz0V5\r\n0ocUxdhhfuvMAkaTrEsO+Lv5/ZRjkEaTtHbcG8s/ccESxTVmy4DliBvbtPur\r\nxe4UfiHB/2hozWoUGDaVmT2A26b6YLr+M+d2OSrFKFbqKkrQO6cXEnzz4ggg\r\n7hqk0pWv1uN8wKFctVRvzOmVJNeIms4BNdSuL8NmVGs/Rdo8r5tz7R20zZrb\r\nhpnUxqd73CRnNd1w+GHLhmjrX50x5ofY0VSFVlQLwJmIJa1Fmo5zUPOABnn4\r\n2IH2Av1JisRIUTwiyM+jn0cotZI8xK9vKfUxj83LcyhJIgUM9a0rnMwF13Vr\r\nJCjQDPw1Tu+h8Sr+fZZUjigt+RwGXA7ZyY79x4WYvRo5AuSM+VLCTjoa2Fsz\r\narBkoIsJTppcCUdUBL/521yzKsAiPHYheChBC4N949fjR6JiPct1EFcy900x\r\no+JpafXoszFvtFORMnit6UCDi2Dse59czSk=\r\n=+ZEr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/dd4b0f6851a8ecbf5e0a768bea0562f9/chakra-ui-button-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-4IBX0yNOAqwkzQ7G0WLnyGaPIbXvfOdRIJA8NcVQCYBZno9xwfvDLlKQ+JCEDNBi+vK2X2tNnKdDFwsOLaBLnA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220922115811","@chakra-ui/theme":"0.0.0-dev-20220922115811","@chakra-ui/utils":"0.0.0-dev-20220922115811","@chakra-ui/layout":"0.0.0-dev-20220922115811","@chakra-ui/system":"0.0.0-dev-20220922115811","@chakra-ui/shared-utils":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922115811"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220922115811_1663847936068_0.12714702634703356","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220926164115","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"339563ee0b6f3b9a1811f17fd90438408cca2bf0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-az0RuBTCZXfNA19dPR3+IH1c5sUJ+/PpBpB3yIy9ABbZ4ncNWIKlKYX1m2yiEn5oJ1bCcpM5vZYYvVru1cqEdQ==","signatures":[{"sig":"MEQCID8Vygg0Rp5/6xnaN5Dy15ZuBFBs0N3rliLtFZDwxa45AiAnl7c2wfUcedLJuVKE0zXvNKpIHZN1ksMhDHMvx0HTLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdZoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpowA//a1UDnzZlfmzfjokrZtDoh702GlZSY62zgIy+jd6xvS0q/8AP\r\nHfE/M0I8HfHoXyyAGcONz3pukptMitqs6hgW9k0jSfzIcYgHwMbLeaAVbC2Q\r\nsf0jCUlYC/MACO9fK7qQG5oQB+f9OEVYQJGNKbdhv9f2e6KwBrQGC+GlKcKL\r\n1iyTUKfESdbW3ifE09m10Uc/bH4fbiUvvAxgEtgS8CzuOGdYIVlh7bk9MOkM\r\n6MBh1oHQ6ErHRTfD4qQbYhXAaVVLJ7Db/rr4rTy+L3T+3qy2AN5snD+/HH8z\r\nLxGMkSdh4a/k6FrgQm8DTMeJ3Hl0ArEEernUCMycRO2HAmHwqDkvtSSlrKhn\r\nE3Fr4RiHNGojfjJKvulgiF9OQ72kQHnyWzQYXmo/lYpXLhvgGoI2JLZAV5D5\r\nnSFF8lvzeOVu+qsQgQMPlvtIH3SA6J7SjQ+UMuokfdA1o4mf76lgrw6zfXpF\r\nXw3jsLkCnyM8HDd5/uwBSWqz2ZbszfeNyERyKqAZShcSEnba9xzSiK5Xuha5\r\ngvFFPqhIsDu4BvrNK6MjNrL8/rqx38Bs6Vdp9/n0/zW1rc7oyGF1daMNPUXS\r\nB6wAxYM1dm/BJA13CR67ojQGl1TLC69GOj3XahB/pxEWcFdvLPBjEBbfBxVF\r\nDcny9J3aiuETTMYi8zn52DhHQQ+VHrk4CW0=\r\n=Xxyd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/c68ca7569714848595a9456bb1e853b0/chakra-ui-button-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-az0RuBTCZXfNA19dPR3+IH1c5sUJ+/PpBpB3yIy9ABbZ4ncNWIKlKYX1m2yiEn5oJ1bCcpM5vZYYvVru1cqEdQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220926164115","@chakra-ui/theme":"0.0.0-dev-20220926164115","@chakra-ui/utils":"0.0.0-dev-20220926164115","@chakra-ui/layout":"0.0.0-dev-20220926164115","@chakra-ui/system":"0.0.0-dev-20220926164115","@chakra-ui/shared-utils":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926164115"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220926164115_1664210536183_0.07813667479675579","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220926165450","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"398bed4e4cd0a2b23f4b35975bd667db61d10c0c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-bXUzAEN3Cfw5yB/qMHUbXrOJcJLzJGkdv0Urnn34xeFfa6PND6zKpjJAjBzqai1HmFpGfFT7tecB5kXK4yeQ2g==","signatures":[{"sig":"MEQCIHE7ke3qqCBWdJlQESjH5EPpdnFXbJPfPlbKPUViTlEdAiAWNw9A7iW9OZ51G7ByxJqljLQpvObI5ZpU853DHVs5Rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqapA//dWdZGdKVBrce8MPv5cNw90nOZSkj4V4lSiUMKzpW4q9kNp/h\r\nJ+LZ2sbb9fUXTKGbberCjwC2JrLbuiLZFmaoVnmoKpFWrS8dSamjJes7vOvk\r\n6QRVMUkQKQ63s2dnl3fEJyMjce94tM7nACdeA6HogNuQ+bdivm/l5TbkNNuU\r\nxRPrjKYDU5wK9DO8/7qJWqskAgHHRScOKYrqvjg+ZAme9bws/kjNPX77aOam\r\noM8Qblf0b87aEyi2G38D28g/oe6bpDtQxKL8/z1Q5eYMToM633NzpcQFbDNe\r\nsZKkRILr337kiRifzCoSg1KO2DOyLn+I6B7X49gQN1GGZXnbmZegBOMrn99t\r\n0khhvqAwv9rq8aq02anBpKIPv70ARJ57oSdaJBVVe85XKeQuOfpbOo/0tdXe\r\nTJmLnP1Das/hpZhUW+cvJCCEcrtcYQewVWmQ+JnViWmQ5jPH3AzE0UU5iS0F\r\n1uEuDx69HJE41UpfHuLBFO4FIB++7CouB9rKs3louOysX1Rc3lYafjtW9JJv\r\n9LlPZVE0VWz2SrHptsiSmxD5E1RsGTMadO4WQ5HKSWa7YsvaJsKPYjJdl06N\r\ngxJL3JelQJxPSSDvH6nygHO/Jvmr6UoSZn7ta0yy5HCswmqjgdX6pLIfGE9o\r\nnILq60MLBKoUj3muh/GKwPgKZnAULco/nvg=\r\n=np73\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/8826b6ffb2f5d3e1a67e7cf2821b88a3/chakra-ui-button-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-bXUzAEN3Cfw5yB/qMHUbXrOJcJLzJGkdv0Urnn34xeFfa6PND6zKpjJAjBzqai1HmFpGfFT7tecB5kXK4yeQ2g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220926165450","@chakra-ui/theme":"0.0.0-dev-20220926165450","@chakra-ui/utils":"0.0.0-dev-20220926165450","@chakra-ui/layout":"0.0.0-dev-20220926165450","@chakra-ui/system":"0.0.0-dev-20220926165450","@chakra-ui/shared-utils":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926165450"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220926165450_1664211333406_0.7501948739101183","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220929105632","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"ccaa1ef5202f5ba77ef81ec3158abb95fec8c2ad","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-Xf2O6TDCL4K/ahUFSCqp0YqnZVd7MmlfXyzdtnnj2PSc2rDqB+AQnDbAY+geFP/eKLPk5DOHsP9KfDfz7SjJgg==","signatures":[{"sig":"MEUCIA7Wm/gF5QhNpnYOK6vN4EBm24RJ/CSyszJUvgHDalccAiEA3gNtgvTX1HsV0XhpzyxeZUtme4WjvUAYBkwVz2QObNE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXoMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbcQ//dGmmdsYJFrgSHNntml9UyNgS5b1qJLWn5KKrD51yOHaz0Fnf\r\nIh9nF5pyOzviXJdLnTnPIdkLI5l2ZO1h/AYvjDt8P6qVCKvCigkL7mSeI5Qu\r\nkYpOFs7qKdgX3N3zTsv4Y/ACooYussoyIIiKasBszx8bvk8aqr+I4qFAZkTl\r\nDKOdlydh98e/6cklG2Vp856UcSbdyFQZvQPR39Zd6YzkUFw5657fq8e+eZE+\r\nXqLMZ9hOI+0J2HNkeaLVYhZd/d+4nLat3u/sN5Up9UdGjEgZkWIL+oKa3+4V\r\npAjijpKBXCojO6UiIZdYNteK0sp8RpJh3BrGFL9+e/9NevFWgwabkEHU7Oqv\r\n60KUibplT+3ER/aSjcITBrGaiQmol5ZfbNaY3HAadOiSWHt5IVOy39Br1R2x\r\nKLHr0SzC/FRZWdB/zBwjMWi39CSsc/Kn0FTK7Kp5PjJB/JWaDYjV2WBlNBpu\r\nk+7CfkKNXFKxC3sErQJb49hEt9jD73T+GsJGDIOrK/bXUjEl95ytX4YL48R7\r\nXV89eQHQh4cpHZoAc4VAnt9lqgirXw25Lu8V7rcanWi7v4E9NWaz6TMGQA+O\r\nV+9iQfVSqQEnfl+H3BbQ7RoQUlH+e9nscG17Uz/iM+qFxkcaDiw2LgurhHDg\r\nEzOI1f5rUpTqL0wl1njgUYGfwriuSQDz0Qs=\r\n=7QjW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/94a835313cfa0f6f97641f20b6fd3ada/chakra-ui-button-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-Xf2O6TDCL4K/ahUFSCqp0YqnZVd7MmlfXyzdtnnj2PSc2rDqB+AQnDbAY+geFP/eKLPk5DOHsP9KfDfz7SjJgg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220929105632","@chakra-ui/theme":"0.0.0-dev-20220929105632","@chakra-ui/utils":"0.0.0-dev-20220929105632","@chakra-ui/layout":"0.0.0-dev-20220929105632","@chakra-ui/system":"0.0.0-dev-20220929105632","@chakra-ui/shared-utils":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929105632"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220929105632_1664449036050_0.09654191248895061","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/button","version":"0.0.0-dev-20220929132459","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"076743740c5ef2edc4acf051bf115870c3a6b946","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-RHRG2HpMHYwSug0ypHjslyw3rByjxTrIcYWPkbWkiWSde5H0Ddas7/O823m0gc9Ts+b9HAv7jF8+VwElqk9X8A==","signatures":[{"sig":"MEUCIGUSYK9da2Df0ftVgaI5Sh0niKEdsjA6dNE22mjfs3z7AiEA9xVWdx+q04RHlcCkM1Ml8eEgKqQYNckSU3T0/Zihu4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZzkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjUhAAkwD+dMEy9MFmhgaUHFOtXaOlPnVtdzY8GQRaYZf2ESMXyDRw\r\nZvnzwQ6LZIrS406noFyT/SdRKJkAeDgCtGbaPD4TazyeYcMn1Ud8hXJVEOS1\r\nY91wQG0hwOIJmNYzY229n+swwGeZK7DhwowEZOrCu+nvL1AKPqCf023cHnn6\r\noIrXi7y+/HHhDxgC2BBz/kgMvCEndp4TsWnA4usco/jIFSBymfvemsthXSa3\r\nCjKnAoLBA5Q1jQTUu7trzymyFId10ym7fZaWyfGKmMMYgY0cOGFs15ruIdnH\r\nKXYAjQvQqc1RiwHm0wkwiqmAnuZnOyxb7JQBViqj4f2Z6FvMfPqGmPyTiptI\r\njl0VLHVt4KFpXw/Xjvc/TYVBgfkIk6syoUaWy5A7a462Qdpvk0vDuXJ4idDi\r\nvMWW21zbOkSU1A4svjKx8IJcEySTUopztkZVi7UmcvXEQnkz/SrCv40yam5y\r\n62hcsDid1UcqjKIjuqF15dRHtFFQ4ilGH6wL+gRdMDelrbcJ6GoaNJCzEP2i\r\nAoAW9wz7IWuCRjMyh8uT/gIj5Nn4oKBmwTGD78e/BTXYEuqKOk/14jCRse9b\r\nOzIkq8ZJjf0jm0/vg63d+U06RegBQ0Wjx4SCKzv+zRnSgqr4VYdPSwh7lTGK\r\nB7vgNLvRCzKGeqUdcW8K12bdZJ7HZ4KW07M=\r\n=h808\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/1df4f4ceb5af87c6baa38261832041f6/chakra-ui-button-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-RHRG2HpMHYwSug0ypHjslyw3rByjxTrIcYWPkbWkiWSde5H0Ddas7/O823m0gc9Ts+b9HAv7jF8+VwElqk9X8A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20220929132459","@chakra-ui/theme":"0.0.0-dev-20220929132459","@chakra-ui/utils":"0.0.0-dev-20220929132459","@chakra-ui/layout":"0.0.0-dev-20220929132459","@chakra-ui/system":"0.0.0-dev-20220929132459","@chakra-ui/shared-utils":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929132459"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20220929132459_1664457956488_0.7008306122232697","host":"s3://npm-registry-packages"}},"2.0.11":{"name":"@chakra-ui/button","version":"2.0.11","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.11","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"98e0aa1e35ea7e193bb50f9a4b5d0ea23202ace8","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.11.tgz","fileCount":6,"integrity":"sha512-J6iMRITqxTxa0JexHUY9c7BXUrTZtSkl3jZ2hxiFybB4MQL8J2wZ24O846B6M+WTYqy7XVuHRuVURnH4czWesw==","signatures":[{"sig":"MEQCIHEWCt/WnT7C+yaVxZPAJA1ieqJG6/SApD80ggJe3aACAiAW/7x0vw7YhV+Z4Ju9fL1nlePl35e4Sp1Gta4xrHHk9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqdxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXiQ//fGi4fofw2srVu2FGu/DCs45vzJoiwEZ1nZMbaxLuUhqWB2d+\r\nfyk0SNf+mQNDr1/4/xM/Pmw06XjEFhDXJxG3h76yp/B2dte09UEbBTA+dNw0\r\nceWjuuKgHBJFg8GbKKLhLhGN14xuqsxABarxPiyzpKAGBrULBOSEaHV+rgBf\r\naYXio0H6mpPG0xEWBSJOqcBFsfHKWfhCyeILTQS72x84sb8Oznwj4jWazzVH\r\nf+HVJkjc/vGp8t1jGDTdGi8N8BEn0C7XGFDZBMJg1klxRpyPY4Nxy3T4ZIN6\r\nAoDmyjQxC4RFnl1528Aq/uQ6OKfzq5eyG3fwkEcf5R/l93KpIYLT5PjIRdAS\r\nyXT2BBO8boN5pNxBL0khUqEUAFCbdvoN9lTPCMzCVD9x+xgN7HQVoTXqp4Gk\r\ngoVWsKfFt205BzuLYOjLEPS03nH1iUMbiPbdSrmSxiyBC7RG7Ee+DqInWFLY\r\nIvF8OrVex6NBE4kUJ8YIU+ZqGmjvsBDU0/NZfWQ+GxyEpYPNrUQjvK16JCTl\r\nO2lPRGUVhcYcMHCc8eKxBaNh0Dl1wGbeYfvtYwisDO9adlgq6WEcF0rj+JqC\r\nwAUl/jEtg1RANNAcsKn2fJnNlh6WeQDq8+JeXOgks2ptzQrEaOG7VO47pyVb\r\nrt6cjfjc2E2clKrhQKd+VzeVkP/1UrxJI5A=\r\n=i3nZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.11.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/d7a50e477057f1201cd98f6d3ac69ad1/chakra-ui-button-2.0.11.tgz","_integrity":"sha512-J6iMRITqxTxa0JexHUY9c7BXUrTZtSkl3jZ2hxiFybB4MQL8J2wZ24O846B6M+WTYqy7XVuHRuVURnH4czWesw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.15.0","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/spinner":"2.0.10","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.11","@chakra-ui/theme":"2.1.13","@chakra-ui/utils":"2.0.11","@chakra-ui/layout":"2.1.8","@chakra-ui/system":"2.2.12","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.11_1664788337114_0.9302928103584405","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221107161407","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8bed05a6394314125b7ad7df9d8ca31a98be2cb6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-lV8PpU3+E7zny58iewtpKxq8Si/wuu04c9Z6Zo7JSnQCJTaQuc5+PynUI96+Y3S8Q5yn6p1T+8LtlX3ohDZvtA==","signatures":[{"sig":"MEQCICD8X90WOUC6d4RISXQT4pqybOiU8Q6bubHDCVCp1fryAiB4I6bR3P3a5R7b9vjGBIkZCAp1adg6t6ghUjbBfOT0Ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS8EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsyQ//c2MRKejz5+5ih9WfSXFy2HQCn4JFwTmInI6pYj7RChh0l02Q\r\nAEP84UG8/Q9hZX8dAxTk4HRU8na96/zjQMuxXUFBbP9kLqxaMjKVL30TMXIb\r\n7kB5aVIe4hu7u5ElvlRs+k/cQsG+L6Piw/bArjCleg58cBADsuGGJ0Pb+dJz\r\n3DQsZH95NN6CO3yvS8cCPnICNdwIfRlPhhVplbRSOBqUz/5xURTo+OD1/SkV\r\nfN41OsXX7F/i5jYDGRuIJPfaxViUu4QQaVxUWBcudBPcgDfMslGNLIal8Az6\r\n6CDQWc8xOpw4UIdhDpRaTMhNmgHwxIHDFBp0WHdecvlS9Sek1la+ybZI4aH+\r\nGHRT9MIPKVvSC6EaZivpDCkmAUbYkC7I8x8HpOqCE5VDVxS/AlE4sNaPN//M\r\n0iJi6Po1Rjmj5TNEZGXun71jX5ERrcLXb0fZgJgkZCmB/Y3Y8NfdONRMTsTM\r\nvtGZ/LCofQns9JlcFm7GZIb6jkh6wH+DY0z0X65+ICCwyy1/oCsAM7H1SyWN\r\nzSN6fmmb0OK9Y4PkXKKKvSEdhkGlNVrSAT2ah04rwWso4lI6VXyE3rB5oRJK\r\nXhxH9Ueeoapy9fpTbkykRTi+vsfa4O2sQxff1/Kxk9mJq0qVHKW2BtuufCnm\r\nFPYLzi3g1LOiR+A+kCnwtX7jRLYtNYMVPZc=\r\n=hDhU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f72afdc7fca23c9dcc716a8eb55078d5/chakra-ui-button-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-lV8PpU3+E7zny58iewtpKxq8Si/wuu04c9Z6Zo7JSnQCJTaQuc5+PynUI96+Y3S8Q5yn6p1T+8LtlX3ohDZvtA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221107161407","@chakra-ui/theme":"0.0.0-dev-20221107161407","@chakra-ui/utils":"0.0.0-dev-20221107161407","@chakra-ui/layout":"0.0.0-dev-20221107161407","@chakra-ui/system":"0.0.0-dev-20221107161407","@chakra-ui/shared-utils":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107161407"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221107161407_1667837700498_0.42535274480572327","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221107181117","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"f9530e1f4953c8fdd5f5485dc7c001940816e05d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-n0TuQzbDHPgbvWqSCvd2sMMN6TlNdcnacNHlKIgKeHwiY94WGnSl5sgTdPAvBFRyhamFiLHGDjIurc1uKx080g==","signatures":[{"sig":"MEQCIDp2l/CiDMhH8at/UxYZ/ToIqpOyJaGsQmWc4AcEGOVaAiBEg8Wsf/qggbFwyGm+vsjHguN1K4dkRdB76gdFIw5LHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUpwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo91A//V/kVleEQc9smpJ9o7zAN4qDkycineLCBfuIcEmYuJyOVHuLv\r\nHTMCVnjwbOXkZkcMlV5bP2dBOFoQ6F/XNgwh0/Ol2ec8TZmCscu5BBPs2jmT\r\n26X3HbyY8ldX+nIfhgHgErc7wRpXMsbvUhxXWYqoUdZ1ya25DaWFRufRg2jr\r\n/QshZfEBOiAVjQQkxQP+QQ02e/hpDckcOtB1z/RLyH7HMAMvJBUydvuMO0xF\r\nUs6hI9Bl3YmSJG5mqn/PIpmX+THN8GDZQiQ4VX/hC5vcYbvIawMSA8B9OjS/\r\n2jYkvyW2ep0VIYBugj0oYPU/GyhL6PpzhKimK1/bSpbDbwtQMaKof1z+m9LP\r\nMQY3zXkneNQ2ADw3CR3uMc+PiU/P7pPvtIQHMJg5G+T6f0mzkQgJ/713tVhJ\r\n1AXpe+ei3jqSf394BXhxS3Qpk4o5iwkGTJgItVsWauMysyeTMG+lNBUM5yyu\r\nnKkq02PVA9H3JjKVopc9ZHA9tryOD5BX4v+kM6IRtLbFXuqgWyceZKIGQYTb\r\ndMTINgDljYpsGDeI0YCeBcQ7ZW7wR8l4Ig17ALdpLrUSzr1MIRae5oHzggK7\r\nBNPdM3sygNHDAArrxQvR0OVXy/30RRr5J6BGvx3jevaDGbJ6JM/8G/5y5Wtr\r\np9dJiDB+R/reV3E9uqPj2z+whNnf+WIg7rk=\r\n=J1FO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/899fc305b010560c7fb93ef38ee1418b/chakra-ui-button-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-n0TuQzbDHPgbvWqSCvd2sMMN6TlNdcnacNHlKIgKeHwiY94WGnSl5sgTdPAvBFRyhamFiLHGDjIurc1uKx080g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221107181117","@chakra-ui/theme":"0.0.0-dev-20221107181117","@chakra-ui/utils":"0.0.0-dev-20221107181117","@chakra-ui/layout":"0.0.0-dev-20221107181117","@chakra-ui/system":"0.0.0-dev-20221107181117","@chakra-ui/shared-utils":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107181117"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221107181117_1667844720412_0.5884510542300541","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221107182607","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"52279431f7978845dd9843f0b9e407ecd03813ce","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-+yI6zbl0mJm2dejPN2tvGQxPBVLJxCqiZmOUYZA45e4pEQUW62W3nfSr9HKW0h6psjBnFVu3UxdfSUr//SuaHA==","signatures":[{"sig":"MEQCIG9xgK/GZp1+x62EiHBoKxbzzlO4GTjFZ47HAPCvS8rgAiBGiGtAFVA7WocI9SD+qVAugWHyhi/9lbyMJlWY4FbgJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU3sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9yhAApSZCKIjjsluukC8yOVPPX3H1j915osn4DXl5/+G7sDBed2AI\r\nTX9vDp3CMCAdDz9S4QLWQ5Uo5W2pA17/cf+hocle1+tDeIU4iNx9aVfPgD7y\r\n/OSC71ksOt49DyMZt6CQAHDPwNNH6os4HmeaaL54WnSxFMpkwDmaeXBafa3X\r\nnmxw6ik0LOeIX7n9GqcRCeXwpk1cNt3ON2Ei0vOdqkEIQvUZBVOUdfN0QnCV\r\nrgAOvOHa3pPEUdEYP8vy/ut4OGC3wMzm+ZJt6zdhEcCSBvfUcsw3GQpAo+xY\r\nj/2Mn3Q42AL450etj0iJyuSW0Ol2NHEt0Yp7HSfLUHnNH9QEVRSr97MsAR0G\r\nPUKHcTrubXwjmRHgt4X+4TM684LLBDWwU0O2p+cdUcmw6Fhw+Z6HwK1MLM6l\r\nXOgx4MHr5kgX3lF1PAEfKYOZqEJQy8NDe1kVDNO4DGmMtGdfAgmtZ03sfrvq\r\naS2Z9j8Fh5r61oLnr/5oJ+MM7WjoXUMXz6xyhz/W25QtyL39MiopkQsjMawa\r\nmj8aX0IGCaXkg+wWZCdZRmY1JM4wSYbjtXBGqWTf9itXkFgDw1JVIqqUiW8Z\r\nUeNc4gY2hrheQtb/CGDRpNDXdpcXVHIBju/fUoikdKYdcKCZpQV1RdgqLWEp\r\ndjArIoW49jDiZzHhGQ3v9HTOYje8ZurMz8E=\r\n=ScsL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/6efc4f6789f9420c8410ed6c92033fda/chakra-ui-button-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-+yI6zbl0mJm2dejPN2tvGQxPBVLJxCqiZmOUYZA45e4pEQUW62W3nfSr9HKW0h6psjBnFVu3UxdfSUr//SuaHA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221107182607","@chakra-ui/theme":"0.0.0-dev-20221107182607","@chakra-ui/utils":"0.0.0-dev-20221107182607","@chakra-ui/layout":"0.0.0-dev-20221107182607","@chakra-ui/system":"0.0.0-dev-20221107182607","@chakra-ui/shared-utils":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107182607"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221107182607_1667845611967_0.7555705538632675","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108071844","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8ea5ae169b696c9288d850e08be14f3f82667c61","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-Ojjjk6M78RTaiwQVkEiBCIzTsm9qTa/FOsrtK8b4S4vXtyRYO290fBRvQC06dCmTayqw2o+gIv5kQLlma70ouA==","signatures":[{"sig":"MEUCIQCpH0ZACLN/G8c74JNXDvza2XfALGddGh9P1PH00I2wWwIgX4HI+jG+/f7zoHhoULDBTf5MUSDiTalyXz2TliLDQUo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1yg//VvJ/IlAEbI2Lfrp8CNSNkf8kZ/XUwbvlvcEMllgGt9Z0oGkZ\r\nnEfPEzRtmB08Qo5rc1rfMKLs5fW//Lu4DSscsYWQIaUGCLyq37h4oO9WwRdY\r\n3ddghDcWibmYHc1wlu0ACLGQO+1cVZeBvo2T+QzsNp54AOvGUkKWbZk80Flq\r\nrp1UUkDrc5uo919C6hMj+9RBL2YhcQrbCqhTa85ECrRmFM2/+sWu4ehjyDCz\r\n1QPk8PDA+0amkI+iah6029WMjbubGSCKhsOi/Pf+2+XtoJI2oGUD73Ks9HNP\r\n8ntMvFDN/1g9XFCHE3f5lGRglEPbR6Fe69axfGahK4mIjeyV9+Q+1uSURGoF\r\nPxo+k3C0/tfE5juJTHUyX+n3GgM+t6/tAla58nmdkpuyk9ayKxGoqtbz9jmj\r\nPsEKnDi8l0Cvy9XIrugOSbXy0PwS8WqSRGBStfLedQ+RE9+PRC4mlqh5k7KZ\r\ncRTsitXRY/VN7KDcGtGTpBglMy9Tk/VWyXzq2t/K3s9AfbU5fGo01RlKGJd5\r\nhDg016sxL/l4lLecVQ5hIfelRj+kKY0fOR7i0lcTY7gLECEXUAOij3LZdKSd\r\n5hBSAJo8yYZzR7rl5jxOaPQTgcGs9o86WXXqgZqRyNE8+GajS/F5st9/808K\r\n8494n28sEtNwf7HTDxvJXJdCja9BfrrZrz0=\r\n=3RKt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/0db7c0085b0d7d97a0bad5964c83e835/chakra-ui-button-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-Ojjjk6M78RTaiwQVkEiBCIzTsm9qTa/FOsrtK8b4S4vXtyRYO290fBRvQC06dCmTayqw2o+gIv5kQLlma70ouA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108071844","@chakra-ui/theme":"0.0.0-dev-20221108071844","@chakra-ui/utils":"0.0.0-dev-20221108071844","@chakra-ui/layout":"0.0.0-dev-20221108071844","@chakra-ui/system":"0.0.0-dev-20221108071844","@chakra-ui/shared-utils":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108071844"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108071844_1667891972604_0.6496855978144886","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108073543","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a0fe44b5d5542eecbf78a3df4ec9a81710a4d0d2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-2yZXu6adaKwb5EEUSO8UP6T9zroyVZ8Fw/1mX8qtrrr6vaPGj5imhpjLO/+NDA8d0CuJtqK9tTU33XW1TXx1dA==","signatures":[{"sig":"MEUCIQDbg8D/ExYX1Pud8zjSH4b3l1ewmSjVji4dVkgnnn3SvQIgaLokudqqMgQjZgBseLgvjJ1SBdAJKK7OczKtej2JOq0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPVA//S5Z5WF1Vzrme9WgghxgWVVDTCVLxfeEiItCHgYEAM+8/H9cL\r\nvu5SBUdfOXozPqsONAuvYOH1kuaA6Hhi39jmuen6s306kbygRrEQAP5ADhRb\r\n/1xezukI272QWevyrZayQWNJNdDCe12I9CXGtvzfBwnKPpNi9r/rjnNdPPC7\r\nYOSHyLNvme5EPejynzrxEeeCq+TAn87nA1nrjsc+rmsLSQQN6WgV2aqgc8Qz\r\ncbgbeDp/sj+bdJ4l72nfLzi5itpmM+I0G9Fgebue/PJjBcmUHk1kMzzKvkJt\r\nF9Un90W+x4rxlxpUST/o58lMF7S6n+iqb02Uj2xpVCAmyi6zI5Ch8+RyKn9s\r\neBowz9y9RhXvx4t5WpXYcOzDzDe2elg1H2s5o2Tzbju2+f/LvGn5JIJtFP6/\r\nTe0GkB0fMDx3IGxJ8m8mNTLXYkZV151+Pv4yCLjcrYbxwxfYBLFuiv2pO3t4\r\n7V9L0B0xMVAXRqjfUL6OcNKaqyn7X7wkc0waWV252K5KY3HwnlzbMI/HZyYv\r\nLWRqyArA7e6avtFHY/MWDFcfl8C4JMEQsrNz+yo+esJOB7RuIUpk+G1BAjQj\r\nPBEquzHYw11L7UTPDCO5Elz7cFxYDoe2tyqPaNEiTN1zyyM2SezPz0yCRcBd\r\np46+9BZVDBhdO+zCzSVY1Z0u+J2rYkiBxUo=\r\n=ydfR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/482f60b65ac11c6b0c4a41d0192ca017/chakra-ui-button-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-2yZXu6adaKwb5EEUSO8UP6T9zroyVZ8Fw/1mX8qtrrr6vaPGj5imhpjLO/+NDA8d0CuJtqK9tTU33XW1TXx1dA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108073543","@chakra-ui/theme":"0.0.0-dev-20221108073543","@chakra-ui/utils":"0.0.0-dev-20221108073543","@chakra-ui/layout":"0.0.0-dev-20221108073543","@chakra-ui/system":"0.0.0-dev-20221108073543","@chakra-ui/shared-utils":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108073543"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108073543_1667892997278_0.39140023440684857","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108075029","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8e566bcd6136da56bf2f9761af4b92f8cce346e7","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-ps/w6+IVTYSTz/Of3F/0yDK1tE/eE/kadfD9xRXGMWNXXd7VByV4huZM2egqCMuBsA8mLzPO6+3+Z64m4K6vvA==","signatures":[{"sig":"MEUCIQD9evKmco0CzrAGQrTmfWE+pUWwIu+lDBk6ax6XxLsRjAIgds+S+upo/djwqc2OPyBurisQKsmTgluMPg9159+vC7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagpzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpijw/+NvVOjHuUYLBrVUa4S8en8VCdQXMKX0X0CGFC7wZjtFE1YrrI\r\nL1kDl+j44EA1eHneiZFgA0EJPsBfVoQReJRL21AL81DjPgfFB+pspoR7hmuf\r\nMeJoA6Zl+bMKd5cviCsxKFoxO1SO1v/070lt/15W6xL4ERIetZwid3EXHUSH\r\nGqaGnPqLd9tbp2C6pjmRsJzuGg2pfGPVjeTGDuykyk7ltDT9xHwLlSdWxTJs\r\nBW1J2mymugM/cOi1AvH200g3WwXkdMr12d4kDffUMPY1h7j0PLli0LvtGkph\r\nQHiFg3QfoVs+OvVFwOtyV1l4Fa2dUALcDyXBLVLKgTbc7I0F2Wgok8qDTEr0\r\ns/4IGhw2zvq2x8K5Cx3PyGkuYtXX76LP8wKUKGS7GnRglDXYDXqZhcj0BlhJ\r\nrbSBM7H3jQZxahBvao4nnfOneHdwCMZow4XlTt0KbCNy7Gd6RzhEumWqNbPK\r\nU+zFc7Ym0KoDWQxcXCSEJkfoaVooVjQUxWkALQLWaqcdPXIrPMhiG/i/cgrY\r\nNcRuuWKLdSqwv5dgmfFyiyoYI1yRaJMszHkTLuorMSng44f0OUflxvfR12wA\r\nRHWJp9lptVZ5dXp4nQx5DAS+EIf1dv/9C9Tp80NOFwq3t//VIvCZuqktKfUF\r\n6YA12UUQ9orUi7Gpz596cgF1aHvul35Wj3o=\r\n=uleI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/4bfa3831c132a0ae3d5c9c23fb0554b5/chakra-ui-button-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-ps/w6+IVTYSTz/Of3F/0yDK1tE/eE/kadfD9xRXGMWNXXd7VByV4huZM2egqCMuBsA8mLzPO6+3+Z64m4K6vvA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108075029","@chakra-ui/theme":"0.0.0-dev-20221108075029","@chakra-ui/utils":"0.0.0-dev-20221108075029","@chakra-ui/layout":"0.0.0-dev-20221108075029","@chakra-ui/system":"0.0.0-dev-20221108075029","@chakra-ui/shared-utils":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108075029"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108075029_1667893875588_0.827054031548107","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108083411","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"20d86b0993a2110b864ec5e8820ec5702aeb63eb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-PGIQchALZuOO3Mkg3LO2pX7WMxsO0ndnrhGIut+4ZloZZ55V4aK7F0GcrUaOPKa63fySE/ZspNJVRPFFNo+aqA==","signatures":[{"sig":"MEUCIAJJ7zKE3gpP9tDv+TN7IfLWjEo7UgqCd2FvleaeClWSAiEA1DkoD51tt0Vyy3X3UupzltSc5M0ROC60l7OdaNe6tKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahSpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhkA//d6eVn01dNM82t0OAelS3CU1GFrBSSJN0KOSbWUCqoJ7ut0+9\r\nYDG6RKFE6v6xL3ftnel0W7+cVfJP2QDFEmVYJL7G1ZdJTeOnpCVBqEcLOKeh\r\nHD6Sy6MOt/wsCfcK3D8yelj2I6KE9uPrgRljkEV+oQabuDfXVdDm3FV437O0\r\nPDWZqiL4RLRYfuuunaLmql1IBZAGtJK1EtqePE7WZ4FurfAStpEJxjDC8XZ5\r\nMDVj1+22ng1MwmQxrAtM+WXXgp5d3gHFjIh4ToW05HYi8SjNUDZt/zKYrK7F\r\nJyJwc9nt5N5nE624U0wgsGMAQPlf7ubmrOh4xFIvVomf4B+mINhNebJhri2S\r\nOabJIDTKihXVycff7YVCxzwvtNKfoRD/SzXdkmTHo60BfBuaQR8t0sqUDycL\r\noxLRAYqK2rtRjr7sCLeLVKq04bq04coaqyUR9ZMhuOAipB9di0ZUQpMxAp0s\r\nyhzr2epfh+y3kGcTU84nFVoLdscRGrBgy1PcyOyxLd/F1WdBlJ+FffszofKq\r\nVAZsDxVXvd22Oyxj3YD4zcbpO0RjFbtlOj1Pi7XhBp1lmCZGOA4nLp2blLHR\r\nQtBAHLi+H2+ibjk4rM4KYnN/shoigK1Ftkogh9LIJDRxAb8qX+GiYSs9ohii\r\nWehH50tyK1obD2mXQUB8YPddwms107TgcjA=\r\n=b82l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/31bbcacd3d8406cd5bf8670a3203a34f/chakra-ui-button-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-PGIQchALZuOO3Mkg3LO2pX7WMxsO0ndnrhGIut+4ZloZZ55V4aK7F0GcrUaOPKa63fySE/ZspNJVRPFFNo+aqA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108083411","@chakra-ui/theme":"0.0.0-dev-20221108083411","@chakra-ui/utils":"0.0.0-dev-20221108083411","@chakra-ui/layout":"0.0.0-dev-20221108083411","@chakra-ui/system":"0.0.0-dev-20221108083411","@chakra-ui/shared-utils":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108083411"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108083411_1667896489475_0.0698382713341732","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108090938","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"a9d353884cf4997205ce02f79df4d0df3bdc3188","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-yBqSCKehdvU0flJjtmRS6mHkCqHL0p6bRAutVwEpDJfMB3h2BR6gs4tzAuW3t65w7lqWu199HHnTAvD6+UzwdA==","signatures":[{"sig":"MEQCICDM0dbYhSK0VQtunkTmEUwH/OSrzzdE0yFGb0C6O9iIAiA1JQL0vkBP/5j7tkq+/V4DLXweUzu+YkrBjWvwWxs9IA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZMg/+NmRvkgaXLbc0p3C/5RKVUXoqMBeX4PYF5od48YX+6WLWCzsB\r\njjMf7zr+xPmvmxgZhb0I273LMhPjDSAIEeNAlrS3VY40XirkA6J10HnA9ojp\r\ncglXr27ZEi0OXF6fneF0tijXAdymUEo5qPEgcL+wyze9D08CLBYTHpdNIX+Q\r\nwoir1p+hFM+bC+tIgS8yhhBoxfWbAgSABrS1kS71FVCq9ZesEUIKzQY9iKQm\r\ng3GRULE+CS+wYe14IFMiHq+xVW4lhXJZsoSTiP5hY8kW/Xk20pL0DRObEnxx\r\nx/yRbO7/uTJgCxM+4x2kNT1cB5w6A0i7d+dObTtG2/EcFwAdEVLl3pvTBEB4\r\ntPl9F51HJ9ZTFHzpJ1o25Ezu7r/0IzHKy+vnLouIedYEAwBF8Mq4O/wu5kT5\r\nchMBKR9mZ0ITDSqNusW8NnmJBVh5sv4lloRnT7EFDiT+0Or6ZV1g8b6aSSGd\r\n9UvuIgl/sAcArPMyiDvLLq5KPGjeMTD32Y4vfoCG1Bx5OyQltvj+23sIYwgD\r\n4FKqcdreVwnYR/dyx7RZuJXDd9ljJSnNRZawOjpXloP35flYltYk6v5rR8HW\r\nFAL+uaT1aPwbnzFFp/TqNmqGnC5oYED4rVmM6799leYJDQv38dTmOK0cn4r0\r\nRir9PpOLBXGhcaQcqAIlppR/7dVdm1ZCphk=\r\n=z9hn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/98798ab147b6bb82a5f4fe926a24f10a/chakra-ui-button-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-yBqSCKehdvU0flJjtmRS6mHkCqHL0p6bRAutVwEpDJfMB3h2BR6gs4tzAuW3t65w7lqWu199HHnTAvD6+UzwdA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108090938","@chakra-ui/theme":"0.0.0-dev-20221108090938","@chakra-ui/utils":"0.0.0-dev-20221108090938","@chakra-ui/layout":"0.0.0-dev-20221108090938","@chakra-ui/system":"0.0.0-dev-20221108090938","@chakra-ui/shared-utils":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108090938"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108090938_1667898624308_0.8801894973518813","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108093520","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"fb06c9a319a5a3f1ae753ef15c203fab8f2bc3ce","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-rydrCx5rX/6nOWdv6IR3V0NNJBpGRotgX/EJQf8dTIPoL4kD6oyO3rHzkPA6JsmHzRpIxhxBcYGldFOj1SzugQ==","signatures":[{"sig":"MEUCIQDm0ad0MFSvSHClHs4sWnHK1aRgq6s7V4UecxMUbO7lDQIgKrPYs2Ad8nwzARXSHF3C7si0TKwpZHadv5KdfD2/29I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiMSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2DA//eG+dLFNuJxFVYErc/4XkIkpdY2gAsB6+lapwbajmepdxBUCe\r\n0yN2x9vRgRgU0zwo1+Bbp61PaKNaBhuxod7LZf5aWZ5zDzuM+zwlR3GxpV0a\r\nZKQWvpbGFpNZhkrxTADVlmkFV//wGoMQ5LDP31NVsWkTu48AhBcrQaXDyaOV\r\nyJhcDg6PE/mD4AxfnQc87PEtXwwjIdbSoryj4wp3FiHQaVBOoTCERe9OktbN\r\nZh5gkHLgUFVVoGnY8QOe/+LwhZr4CV31YH6lEfVNBHmeGAr9nZFpq/uzL0To\r\ndsHRVcG7aA3xJ/a2OgHYNaYeqHU4VS8aqds9fk8wtM2XVz9nKQWpG6fO6fKU\r\n+EkTGqZug1DSmaW52CwLczcvoQbRVvO871RWy1BckcK8+twU6TeukymcMsIs\r\nKtXYsDeQYTwDpayU0gINXFVfgjST4YtHkS0aaaZr5JJSaMkqmZh+K4mK7oj1\r\ntXZo4T1Ai41dQu9VzSw65euTk3K6FUfrUeZOxtUJQNGBKAxqqvxwpvTaXHjC\r\nLCue6BDYh863GmIy0DpI/8WmUX0qzFRohC3OTGR6ni7m9B2be8BWEFzHG4hX\r\n5lrDHlwUWAzDJ8u+ODs41uvDjqCouYlyQXK0mAbHtJUIA2IhjoqMDMKNyc6h\r\nPnS57ZwXzR9AaokYodpX0aryQRvWgX/GDZE=\r\n=VLCs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/0c75ae8d5067d7f9f5beb679cbcf2993/chakra-ui-button-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-rydrCx5rX/6nOWdv6IR3V0NNJBpGRotgX/EJQf8dTIPoL4kD6oyO3rHzkPA6JsmHzRpIxhxBcYGldFOj1SzugQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108093520","@chakra-ui/theme":"0.0.0-dev-20221108093520","@chakra-ui/utils":"0.0.0-dev-20221108093520","@chakra-ui/layout":"0.0.0-dev-20221108093520","@chakra-ui/system":"0.0.0-dev-20221108093520","@chakra-ui/shared-utils":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108093520"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108093520_1667900178660_0.8900896245296162","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108100218","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"238e22c99a366a5fab00d5e29b3f722c3ef95275","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-5Y4h5Qrnnahwy7dlgrv8h64Nzp43ULMNyWlP0rjIWA+U2pmlaldPNE4af5GxYnGvtGF+IiAPlz2naGo4HKaPKg==","signatures":[{"sig":"MEYCIQCojjr6Xaa29ra3VKlJoKkg2wOZBu6yiidmQ66NUTqbIwIhAIDEXn3193XKRSceCPgIZI9p2QtF0ad2SkU64MO0IFX1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjailoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLXxAAhPa7kAbo/WUuzBB92X5AGGOKXBaIpGg2ikbTTktoCMJY4u29\r\nMc8Qiie65Scud1r1C9GOgBZrp+Ba0EqJm8diRNTCnTycopz0umpImxwD9iOL\r\ndqPOsrUoftGSfqblqnMF2Qd8dFnrNh0HtbF7vNzL0yaGBsPustgQbSxTLInN\r\nLyjUwvpuZd7hjW5WyKn06NurT+RhyfSiRYaA3jqGUF3l1yvzdaCthdDjMeoU\r\n3QP85pLHTTpZysO0YbExHK0oXXlN15SEDkU6Cl54c2zcH2KfsT6/upc/M2uQ\r\nyIPmTvnuzv5PFByq2a1++cXwRbOXeNJO/lYLf5cjZqToHcvM1yNSU+Kld5X9\r\nCZn53R7KwFD8gf6bDOokSefVPoD3wl4zZ/Md4rm0KblyTOqFY/9KIrIeJFBf\r\nhc+hW3vXkjerMRrxAfkotnx9uFJD3aLmaAryH5DZY3meWr2/rYNRtQvS2PA/\r\n75/XY2hzvoodkAJDmISci1AKvQSm/YVp5BfhdD67DQ/qbvWMtH8dr2L+pxMF\r\nwzHkKfxisn0KW4qvIxb87CltNRahVJXwOrN0+SB1Zwi99M1G7zz77cgzqgxP\r\n+RlVSabCsT9TvXKScpYy6Ro4QRv2bbB6kp43DY+KgeLkrwZDaOfreEYPjfrt\r\nlTph94Eq2Hvbkoy+swGcixv7YSX1ItubJAY=\r\n=QS8V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/d06f681ab4eb105460c60d3104933510/chakra-ui-button-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-5Y4h5Qrnnahwy7dlgrv8h64Nzp43ULMNyWlP0rjIWA+U2pmlaldPNE4af5GxYnGvtGF+IiAPlz2naGo4HKaPKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108100218","@chakra-ui/theme":"0.0.0-dev-20221108100218","@chakra-ui/utils":"0.0.0-dev-20221108100218","@chakra-ui/layout":"0.0.0-dev-20221108100218","@chakra-ui/system":"0.0.0-dev-20221108100218","@chakra-ui/shared-utils":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108100218"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108100218_1667901799995_0.9295730539671165","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221108124603","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c8812d33c8a5b7ee1cbc429011d622908769908e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-dQXESj/AFClxgEP3WDU6sp4z03LjmcfaubxAqElv1twLCGuz8iGFI3WE1TWobstDUdZteVFsBPmLXJrkXSkmEA==","signatures":[{"sig":"MEUCIQCvggIndricNPhUdBk6JDBwl7qqV8wB1E8y1b8pxB04HQIgO82z5takHxbzIKCEys9Mgh40u04fVtuT/d9clw13QKg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak+3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoY0A/+NREqHZEFvMom87CN05tz6ih7GhAa4KjuzJnmQRQ/YVuconTc\r\n0bL2oZ37ZMMjLr4fKJAmRyJx1Fv7Xv2c6YYkXcL8l9EJWShdBVckJqcOWZfd\r\nOPGAlMxuKdEPMsR9N8x/uAyomcyW7B6cSuta9mSl7Y2C/ZPtTeDts3i10cws\r\nJdqEb1ST8n8E8D39zieWzNL5ukHuNGk/uK7a1m5K9OjKzotTrk68SyO1rc26\r\nWKEqGmyX3rhrR8Y01qs81bRKlAmLN5fflf6m+A0kFDe7dPlNqgZpimarZsB3\r\nDYhIVNgz64LeXOwBqCgx9PNr5dUrvjFDEoBw2rgKjKo0k+vihYW5ezfJcEHA\r\noZqi8hVNbnLpIKczapuVJZi9CVf6vO9NY8YpTzH20lEd9M+ZFlj724MtVMYS\r\nmdfVdCtdbSeHkqkBqOjkEUzk42l6hvvh4Ht70hn+u2gGD1C/QqZz0t4VuaoO\r\nZNHnOJFedoolo4jX5BkickqlyciW7G9PLiJfHKesD9Auf9Qi5GjNh/W544l0\r\nunAEkMJqr8b8PwdFffEMse31A5DJJ0I6XaEmMQeOlCWqzY0+pRokEdE/BKmc\r\nG3AIxiUJob2DXvX3pEWEFyGng6z3ELwXYt9V5SC7GnfGZCHbz/cn29XnbyD1\r\nNhb8YFTg+mL+tyuqu2uhhPTcezb01rQhf3Y=\r\n=NJUP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/9a136558409410108bb77592dcb07216/chakra-ui-button-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-dQXESj/AFClxgEP3WDU6sp4z03LjmcfaubxAqElv1twLCGuz8iGFI3WE1TWobstDUdZteVFsBPmLXJrkXSkmEA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221108124603","@chakra-ui/theme":"0.0.0-dev-20221108124603","@chakra-ui/utils":"0.0.0-dev-20221108124603","@chakra-ui/layout":"0.0.0-dev-20221108124603","@chakra-ui/system":"0.0.0-dev-20221108124603","@chakra-ui/shared-utils":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108124603"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221108124603_1667911607611_0.2922678347866807","host":"s3://npm-registry-packages"}},"2.0.12":{"name":"@chakra-ui/button","version":"2.0.12","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.12","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"17acba9997de005cf6ad0cd6a9821e11358bb537","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.12.tgz","fileCount":6,"integrity":"sha512-SRW44nz3Jcbl0XkwCxqn1GE7cT/cqKALBMCnBxM5zXJqzMfYjuQHdtJA2AzX/WB3qKab1GJK4rXCV37h4l3Q3Q==","signatures":[{"sig":"MEUCIHbpWCGuiXS/rLIid2cYolMn5CuXYNm/DuoewWR/fOzMAiEAkHlRxRTtiTxAeKQTm90kGywHVPjyqSneocnHR7cTUbM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciwTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmojpg/+I5ML7RU1r+rOANhZP47HWhjzmn0Fg8zykSRXsmJz/jz5ayx6\r\noXMV/P8MnqgeAw7zjiCp1pZWFYWr8z0M0X1NDiqBlIsbrNoI25rfSL5//5zi\r\n7D6NREgN57bW/+yMpQUNJwG5HmvJl8HkkmQedaQ+Zrf3dCCk7Yx54snyxoB9\r\nCrezTULlKmkvtrtm972Y591RCeq1AKKXIeK/gH0Aod1Hm2hKkbk7S75hnxeA\r\nCcFeOMZu2kpUPoU/UJFjh1kDR7G+oNL2aETgB7dU6dvBmBvdLJGfHgD/ZVPp\r\nYveWF2LP3asulDy7VBlB1QErPSSeoIYq5sJPjT2I6qHjvbj5AW33p+65mkMB\r\n8P8bmGcW4fFcuN4HdqyuhI6xl6Ce8+5GiqR0TzPqGjaODpw4WDwzt+sJC/uk\r\n54MqXvscYwmlgNIJe1vUDlcoSdzaWjs6WSlD7CLLzAPdI4VbWClF2WwiIXyA\r\nrd8fasYvJYij7ZnWW/JWS4ANf/TbxbNwMHILyMVzljdpnzQiwABezMHVyB8J\r\nSAyp/Pa9BjzNaMEtnJBnueFKVQhnugt39/Cns2aOWc5mDJF8VdD+I9HqUmob\r\n80jw7UtzCg/d/Gar+IZWT54H5DkZ87VaEu3aR4fpL23GTegilGfD0DLd7g+Z\r\nTaeZ6PQZsb35QOGwIU6IS/rcsBDU12RhE84=\r\n=lZQE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.12.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/93686b7d2ceaa50d9a95420ad8bf41b8/chakra-ui-button-2.0.12.tgz","_integrity":"sha512-SRW44nz3Jcbl0XkwCxqn1GE7cT/cqKALBMCnBxM5zXJqzMfYjuQHdtJA2AzX/WB3qKab1GJK4rXCV37h4l3Q3Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.12","@chakra-ui/theme":"2.2.0","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"2.1.10","@chakra-ui/system":"2.3.2","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.12_1668426771124_0.38754249219967973","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122135803":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221122135803","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221122135803","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"acb6f208ba17b2ac385719807b1f50e00eaf1bac","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221122135803.tgz","fileCount":6,"integrity":"sha512-+jDa3ep3sJDcKbFoi/stPkqIOwTTBhhUbNy3Wr515zZMWJ8MALYfQEk1/mdFeJxIivXi6JarV8nCZ5P5SPt5YA==","signatures":[{"sig":"MEUCIQDvYz1Pg/JUnYoQ3NGTceLkm2CeMHYEnKac0pqNBKXzUAIgZwpF49esHhK4AXZf22SOOzwh6EuxsReCAKamXq+jCS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfNWdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoqeg/+LNcVg3SAkpgldrGW4UUZtUjh7SumabToF8cfI0cmnbiybSiA\r\niZ+R/h7/+NbExCo4KVGuf0mwZCu4Vwnex2o82FSlGU2n5QcZIlpxHlnuGbnS\r\n4ypiSv4RX+vpVHnAK/29lGc5l0CLXR1hDsyVd+cEELeEF5PBEEPTjFm7BVDK\r\nrvaViYpBLIfGRZd2DqAV9haLmXshTZNul+htqAxHbaThnrmxDjMG5X3W42jH\r\nLeSG+5WJjoP35uI9No3sT9AADBVB/um6TkkLLkbexwI1Ak6kePATWXxxcK0k\r\n56UmZvTAbd9DimQ36URRnnS+6mqrbjWYen/QqU1nOhbjf0oZqqzACI2nQlTP\r\nEOT0ymVSdxX5xb8V+lDgF/OoREEPeR18wCrATgYqzdl4R1Jz8HmmQrJ7jBDM\r\nzep5gs8nviQPvESp2wbUrrjnARN2WmtB+XdxDr04ViwAzTAeyeqknsJUUhvy\r\nnhCOfB/BO76QS3twL0Bt62Zu5jGv9xsed7t7ln561GcI0hUoSk6yzdiBRsvg\r\nLejpJO+no9ixEknHn527FKYX7RMUe5Y18bw/ckVkKjUnHcJCE4qYFKmIxHwd\r\ncZGsTqT8zrnwb2Vn8eE9w29xbRy2EVX4dnuK6PijYyhTWuqHByP8eLmvPfmf\r\n49K2aPchdrSU5c3EY47zLFFpHak3ZhtzIsg=\r\n=PPyY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221122135803.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/d42db2fd0373e89c5f527545ba68bba4/chakra-ui-button-0.0.0-dev-20221122135803.tgz","_integrity":"sha512-+jDa3ep3sJDcKbFoi/stPkqIOwTTBhhUbNy3Wr515zZMWJ8MALYfQEk1/mdFeJxIivXi6JarV8nCZ5P5SPt5YA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221122135803","@chakra-ui/theme":"0.0.0-dev-20221122135803","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221122135803","@chakra-ui/system":"0.0.0-dev-20221122135803","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221122135803"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221122135803_1669125533325_0.6683807336196756","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123123308":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221123123308","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221123123308","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8b3ecd391910cd998cc73cd8c97b0a5b7a50cfb6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221123123308.tgz","fileCount":6,"integrity":"sha512-VFIWCKsNyiPDQd843sp8Q1sY2QfsBR88+vzIC1gHvhvPHmYfuySkT0OWUg+yVop+9d+YiGzHmBvXfhoHn7TjqQ==","signatures":[{"sig":"MEYCIQDcD9ksHMuK6JWcinvJEn6PUZKMDVGYksII3dlzDVX58QIhALm+PFwwiLu0q2XzvOhUFIyA0LObuh7RNzwV3n8gCb5m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhM7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKzQ/+OvtK7O82fe1QYz/HpJ1xee+Tlx/2u+1131VZvwYUggGW6Z0u\r\n9rTAv7BEh9QYlPpJEiQlBAydk6Pd8EMOT+bNLF6rzW5q23sOe5oPMWTZVaYD\r\nBDopqFEOyXDKtARJNkrQi3/fgqN7hUQJ/DLCE88MbuZQz9Tg7E1dN6QL/bqY\r\n+EDhF1rWMrOMT04fHSBI+l5DN7crPtvISqx/ejiDPOm7uE6sloZV0NubtXII\r\ngKVnxWPVIag59CQY7uPz/czFMaEw24od7ayH0qtTID+rdHNqpK+h4ncENYD7\r\n+VGEKcP1DIdcbsuZCD6Q8rKHLHI8cGO3XZceGbZbuurILxk5O+7YbqiySOhC\r\nqt0PnFSaKrDcWaJAEx6UxguTzlyFWNMIR5XM2bk58Ma/FpdrGVTA42+rUIPF\r\nk7tZErN4aHrmC4HLy1tWMWDvKfl+qi01bddMMK3Q9JzmtM5aAhDJMJjenOwf\r\nbKY+AleVYT7ACT6sP3N8ixtLuofg1H/1o5iKhD78w1jWUqt3Eka01qrvFyT0\r\nqBHeRg68eqkIe3luPJSV2NfxxXAM+5z0xVRV6H+kxbwnciVHUsMTkCGtdWtS\r\nw50VK7F/5meti1tqc/1fBDkGngYekt5BT6eX16vcxCgNTnvgtjQPRDVEaivE\r\n6vZBNgCt/4bhF8DJ7CQ2cJegUz7Gtf8K+3E=\r\n=bTtv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221123123308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/935c754e28c3fe52abfbdedecc6097c6/chakra-ui-button-0.0.0-dev-20221123123308.tgz","_integrity":"sha512-VFIWCKsNyiPDQd843sp8Q1sY2QfsBR88+vzIC1gHvhvPHmYfuySkT0OWUg+yVop+9d+YiGzHmBvXfhoHn7TjqQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221123123308","@chakra-ui/theme":"0.0.0-dev-20221123123308","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221123123308","@chakra-ui/system":"0.0.0-dev-20221123123308","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221123123308"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221123123308_1669206843676_0.7940016745122409","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123130515":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221123130515","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221123130515","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5d342de9fee6dc319d35479a87835a8279f1812f","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221123130515.tgz","fileCount":6,"integrity":"sha512-DIq+JOlrGH8KYvFKJ5ES4zqHlqXn0zkmdup525ORKyGV45tf6KJ21Thf3qE0+pvcXQPRLlNENn09EfnIbQLEIQ==","signatures":[{"sig":"MEUCIQCq5qFsTC2qmE3TdT/JVh3q5PajCI0vv7MBgYpKlCs1PAIgMrzwZDpAcrwv3D9c4QaavGzOnimLz6PryN4XSy4yGmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhq0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+0A//YR/84yRHY0vRh2S3iyeYxLjC6emXosM8Vkz0Fd4IzlBWJEHR\r\nGaxeEKgIhKvLuDkTp9jqT0O51BYjOx04lyq/FASs8qv1YUdSgBj8d/bzXrjh\r\nh7mQsequ6AIWDTOUCmFVn1zHquF0iRZO/gdYIGjwhObU2ANRq5FjhhhfEeNr\r\nXxzZfS0wfxOGfOrcW7KF/aEsb+FIyZua9mLDPLksXZ0Ya6KLY6JPY65NaUtD\r\nfmuJLP8gTPuBiopiphFFn4AqfVAHj5m24AH4ye9rBRiMmfsz6tsLfz7hq8UR\r\nbgeUWqbfDcTupk2saOBc3jOL7yhd3eYpo7nc+xCHEQFR1AzKcobtcceCX1Hx\r\n+FtH87RgI9gVxrFadGqscyv4FpoVXW+VprXJd1KS9L+4K5kecNaeAIjn9Par\r\nRiSLG+5EcImfnM54xWGXXBaKQ+0/oer4xqwLSv0Laa4tfEy+1gvojgXDI35a\r\n6V59bTwmAfShc1f24SMm6XyF7e0oQ1rDeAZgCYX6MxUIhPfmQFAahAjnTRUb\r\npFonG1MoHCTgwMsBZ1jNYsTcX4grrDyootpD+XCvlLC1BW5Oo6ZlzpBIIDQ1\r\nu/xD3Af9daqN4SyRpdUwV+gkUekewCSyL1fPVk1fHglO+C28beBlFGVJnvRA\r\nGFKt6PVbFTjdxdgCZX66KdJ3gK1ZdQwEx0o=\r\n=J45i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221123130515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/846eb25c881720ac928df1addbf8f958/chakra-ui-button-0.0.0-dev-20221123130515.tgz","_integrity":"sha512-DIq+JOlrGH8KYvFKJ5ES4zqHlqXn0zkmdup525ORKyGV45tf6KJ21Thf3qE0+pvcXQPRLlNENn09EfnIbQLEIQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221123130515","@chakra-ui/theme":"0.0.0-dev-20221123130515","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221123130515","@chakra-ui/system":"0.0.0-dev-20221123130515","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221123130515"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221123130515_1669208756616_0.169671215721664","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124103928":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221124103928","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221124103928","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0e7a12957dda378563cab3b94a8440fc46643689","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221124103928.tgz","fileCount":6,"integrity":"sha512-Icz83rwLUW8WpsjESFZFrTGTbHtx4m9tib65+OokrX8g7QO7k6TDOOYabykaN9X/XCE2+km2dJ32sVXa/SvKuQ==","signatures":[{"sig":"MEUCIQCg1NoUoRAp6ONDRjaxm9J3l3kwjZRzK/TiKYvUiVoVbQIgD+KwtYjmEHYjXHiPDMzWr4000dHu1lG0OpCfC4ldbvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0oJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmovng/9ECdHmwXVc1NxQMSzbKVwM1lCH79hFXvF/oucF6gfppTS4axL\r\nz9e8qem8jCdkwKa2YIRbhiwL/p0p+meoUl6SgBjkxLuVNfPUyqWm1M6B82pa\r\n4Os18ladgHMh0dwH5vwMBUD43KQj9xnBXz4lmKmyCtW8bpOU9Skdi4iP3ZJd\r\n1RcWPPTWxxkZwYHU3lTJuLxvMXgjf9SXKvpBfNJkcVp3wXICpf1sO4eR/Rha\r\nSX6ujkrobspS1lwVSMa63GMT0E0Q68ZuDyNnRsTCpqheSb/VZJrcijZ4Th3K\r\n+GFSevEqPyRkZbPCE8JwAv44uxPL+0u5bx81aVmakeVyfG3PBqoaFrGAgVLJ\r\nRpF3jfzJIbIfjQmftHxOl0BSLv6P3YHhUHlEx/A/OavKCP7bE72k+hkQess0\r\nLzaAATdy5DOH0muz5Uyt2y0+wxsZNrnqfUrKEvmbzn/nie3N+Jbs7NrChEUG\r\ngjDMawrGf7R3/ny4WfqIlNR2X32M5DKG2XRP6uQIr77Nvjz0CUr55I9+xybk\r\nH04PKjn2A1eZXs6tvN2BQpjbyLZi4GU+uuZLOkDdnF9qn1hRpDa7KEmfrb3o\r\n1/ybaBJqLRC/qt01Qu0QMIvgtARMx6NH7vloUATg6vUydDAYHaKuSjtKbySp\r\nZyahlrnLfos+skPV2ml15IS24OFQFBx87fI=\r\n=NRiD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221124103928.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/6c42f64f6624fe5cdfe2a3e621bd2219/chakra-ui-button-0.0.0-dev-20221124103928.tgz","_integrity":"sha512-Icz83rwLUW8WpsjESFZFrTGTbHtx4m9tib65+OokrX8g7QO7k6TDOOYabykaN9X/XCE2+km2dJ32sVXa/SvKuQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221124103928","@chakra-ui/theme":"0.0.0-dev-20221124103928","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221124103928","@chakra-ui/system":"0.0.0-dev-20221124103928","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221124103928"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221124103928_1669286409151_0.9333466893780911","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124105520":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221124105520","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221124105520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"64d2e52788511e962a843fd6d4516976229e1411","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221124105520.tgz","fileCount":6,"integrity":"sha512-aurjP9f/y5cvznzYeLD+4qzTpEN9/vmffhDtwSAH8LW25oUGttzNrLmCdvjQ4f61+6ROjtAfpaTejf6xG22TDw==","signatures":[{"sig":"MEYCIQChT/Sua96BkB2pXSuUpcYEoZ/9Tn/WSxjWZFrdzLhjSAIhAKZa9pkPc68va+DXOXV2uqz2tOCD/yCrAnYK7vp51b7P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf03KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8HQ//SpIeJuQrKJBygiBsCoN5STRXl87SINe+tn/nqBv+9gqx2Bob\r\nuST8+pfNB6FN2BEVgAzSq6qH4Ed0ODIxK4nSPADx/Ry12THtRhSdZZtdtJSJ\r\nxbXf1xkHKvV88Cg7yuEmUR1MVKRQw1y0uW0vwWrvX6/jIo8W7BJHqD07/lSP\r\nZOku1M0tLX6Ft3BEVxFyksS5mwzxUR58ri/j4B0ZjmahtKmeCBSZ/o44Hlwp\r\nhPM9L5ngw6axRZBWYLedJDla3SgUXlynPcD0vlIkyESvteROwPluxlhB3RIB\r\n8DdaBPVOBjlF1jZRAtltt9QJvmYbjopPpJb9Ju7FqcYBigq0Xo+fcVlNsp9t\r\npjAdurIyL5d/ywCDAn7jGYJWudCCMheBEDD06isP5V0W9twjCeQfw8CH4PpW\r\nRBTdrYWjJSZSSlnyqNjxJf+aNqDftaqvP14qwIdlUScStine9DkLOApwCJFp\r\nzXpXxwDc5PYPhkKU1qv8y32JxSmzUXO6kz+vHi7ipxdHjpA5oZHlH9K5kZPv\r\nroB9z+MTBkZhoh3sEewWkwqfxmMY0HHczfn1neX6QhFa+f6c/VvBEj5hwV2f\r\ngsn4kIQOm9eEIpRqDgQucOoG43xYhaSVnice1ueK16syIvhnL0onzqeffpAy\r\nwSm1yepbQRNv8MsE8BPHfcCdQvCKgvQLUMc=\r\n=6bXk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221124105520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/346559d76195511a8686bf43b65155d9/chakra-ui-button-0.0.0-dev-20221124105520.tgz","_integrity":"sha512-aurjP9f/y5cvznzYeLD+4qzTpEN9/vmffhDtwSAH8LW25oUGttzNrLmCdvjQ4f61+6ROjtAfpaTejf6xG22TDw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221124105520","@chakra-ui/theme":"0.0.0-dev-20221124105520","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221124105520","@chakra-ui/system":"0.0.0-dev-20221124105520","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221124105520"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221124105520_1669287369937_0.45827366397165314","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128164126":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221128164126","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221128164126","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b20c835c3d262aa90b412baa7580f88d6f999005","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221128164126.tgz","fileCount":6,"integrity":"sha512-85Bg8UQbtd2sDjq1e+OY4y5tNsQiCUCdJRyJmTx1hzOKEIaWNBWfCGWfnNSoYgz+AKdhtwwfCiEHPp9IhCpLIw==","signatures":[{"sig":"MEUCIQCphTkPYxH4CTmuOyHDAyS0GWY+zHSQaGHI/foe1D65QAIgeKXF1EPXvZx1wyuOpkSdYaZa5UcP3EJbPwxIomSbUNM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOThACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWwg/+LVvOq2wKTRJF062RLJLjVBESFZWVqHe8D2mRezKENXga4I2d\r\nRfPjQceMS377tFT+AelYfx3x3OA3/wqiagRyTK2XNPQvmVNBufrYNZyQNwh1\r\nJY+jfMfqNCRoXTpe9lFrmgug9pwYxQjRocZyZrQT01Ea9wLZ7AgCxVupd9I8\r\ndgm4zftDxGIfPWQpRZUn9lsrKy00aaaSh2bdColJpIG6DdZHxHukEc+5PLRx\r\n17peWuDQk9fDSEzRQ44Mehf+PAL5IBPQ77CwxVhUrDVe+FwDSrcy4c4Esaoe\r\n2NlqtNWXDK337jPD/paIAM2g9OEcllXPOLnG2YPpna4TnYNo3XwUOBbL0tD0\r\nSPjvXn9sojgzeYQ2p8U6cXimhjZd8xqfHhZLUbXH1+mn72JBx0pghcKD3OY/\r\nGnBO+H3QV/365x3LZVU22GWPCf54ZgVAAncDt8Vh8tfT2RWNHixSdR+eo8MR\r\nGGIS05g4yY//OUSxot+Log5vq4amz1p1AoZbErq/UON1kME8vh1Qhu6ha/m3\r\ninHHds3SWe/4cjid2Xwud0jTCa60Rd5j67EDGmhAFXjjnHFSEt0I2KVpT+pr\r\nHSBhFZESIYdzzK8R+trOU21gx9u7boen4ELgXUTMUVeJWuuMJ49bSHeQ3hfg\r\nha6UNZ+XwhH9McDEYFzdF8iTlVE/f6ulpog=\r\n=7QIn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221128164126.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/226adba9ff4279b2f47d12a1ec97f55b/chakra-ui-button-0.0.0-dev-20221128164126.tgz","_integrity":"sha512-85Bg8UQbtd2sDjq1e+OY4y5tNsQiCUCdJRyJmTx1hzOKEIaWNBWfCGWfnNSoYgz+AKdhtwwfCiEHPp9IhCpLIw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221128164126","@chakra-ui/theme":"0.0.0-dev-20221128164126","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221128164126","@chakra-ui/system":"0.0.0-dev-20221128164126","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128164126"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221128164126_1669653729344_0.46705156310060314","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128182021":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221128182021","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221128182021","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3383d8591c4daa292c6db6f8ee361819fe7f2e27","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221128182021.tgz","fileCount":6,"integrity":"sha512-NImcUvEx3pM1Tua7cxzhKmZIACL9Dd7e6toyWS0qzF0Q55ycoyD0SQd3zLi2uDx3lyiDr5U+yI2sr1XujafdPA==","signatures":[{"sig":"MEUCIAfOZbYxjKrDukwk3b5Rks7Pj8y6Hqq7CeKhQHyHRTaxAiEAvbLMEm3q+pWPiNqvaMGu/iI9eKpOiYWikqbzqCm8fD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPwkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8Mw/+MYfKpB9BnisClYf02boZ+tlAqD6rxzfOzaNygMR8Vx6zu/Rg\r\niDDvR0u0isiPllQheGVRLfU/9EkWDAiFiRC31Tpoyiss9o8JQH8PE3oB15t0\r\nQSsdLTMfc8KNpbJmXu5klog/dmuCgAK4F6QUpwhjksH45RxquQ3RqVL2+7fb\r\nd6Y6CxbYSQ/FIdFj7olFO9Wt0W02V5QoEMhjDOL8GDZE4KapGnJAN/i6vYII\r\ntA3njb9awpIs/k/KOoFFPGI0vf9H/U5vCemcwgaNbzFjvzWUakZwJzsXMcHb\r\n6AJBKJg48cZ0oDIPU0f+Ib41vMRDa10v6Msj2BiAmh8piYrHDYl37tqO2Qt5\r\nD9+EWgaxkm6McRFVBiwxpRV7NIiit/AcLAYNXyKN+uaS0zAaS9a53VqEbY+5\r\nxDv2nc342smLbTK1DCvecE0zMMQV7cyA8atYND6ySmPaF4Q47urowhMcMwJM\r\nM9T0qtlEH2DldErRM+5FHvh9k492LvdzZUGd606cudlwiAbznCxu21LuvznH\r\nWStFFN3DoZxbXNc1yxJTGebQf2vQZ+zQCQy9qxjohtzl1ZANa28+Y+tMv7Pu\r\nsPCh9ESnmMz0Ep0S23veXZd8WIXKkbYa9jQztuFS0oRANfdqnLKkA4Zlqa3b\r\n5U5BPW1eF5Sea8O/jroTs/dzt3sfvMnw5Xw=\r\n=oBb3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221128182021.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ff107062e6ad304ca7a3f3e0c813735d/chakra-ui-button-0.0.0-dev-20221128182021.tgz","_integrity":"sha512-NImcUvEx3pM1Tua7cxzhKmZIACL9Dd7e6toyWS0qzF0Q55ycoyD0SQd3zLi2uDx3lyiDr5U+yI2sr1XujafdPA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221128182021","@chakra-ui/theme":"0.0.0-dev-20221128182021","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221128182021","@chakra-ui/system":"0.0.0-dev-20221128182021","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128182021"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221128182021_1669659684597_0.4425733735439754","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128183433":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221128183433","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221128183433","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2a69a096974d61d4f31e565791804d60b9292278","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221128183433.tgz","fileCount":6,"integrity":"sha512-ukszNqXJ9DzPCgsKM5mEXOiQdk9dROsTaT5nIPEz2vMj0Z0YySIv/1TdyRfeL/BLxJEshJAvDO41PIdHnJEOWQ==","signatures":[{"sig":"MEUCIBkm1O+HY6R+Mi6CUSv1G4IUfk4JV1bTIuRA/kDpWicHAiEA4vZ+BJm7P5TAwsFzknyM6xghs/vQqBFLD2pEs6ADvHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhP9lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0Vg//TtXm7o43AucrByYLOXXuudxVRXh/qIR8uYfXSsMkv2l0w/s2\r\niW4/aJpV2sO23Ku4kUn6g5/SOIgDW0JthzKn54aKHfMMaxh94eqcvqI9GQrK\r\njbdzgJwTCB7niGFwOlqM4I6KpcAuMEKH541XOtZDnwupYka7ntzOPFitUTNv\r\nZ3/Ma1aEWRI4MBk2o1NyDgPHmB2RgVwhigurJE3m9mjSEcjthtayyjYFQWJR\r\nKTzfBQnK5XiBqEN8hW3d0Ho8z+WPXqWVnosMuKo1kq5tln2JvzgCQ7XR4bHP\r\nDsNSSFu2HtVJaWSNN1bDm3MYKbVjVPmz7oCq6gF0mNe/qyiBsCnC5XtG1RjE\r\nZVt6xP4SpFYl89xiN2BYleFB47fNZowrZqYdmbxqzwxqWTlSswDgs3iCTQsw\r\nChqanKDXmhGN+Uv6mbGoQyfn8MoCXq8FcQyikC7e4UU1y+o6ACESPNgu/WjW\r\n+ealcmE0rszVGz+SYcjFMw/wRnaUSLpGzbJ/MQrdz6EfejX/IQbCa7L5YIoz\r\nIjOHRhbcnAbyReCWPIa8Nt5HHrVBr2SI64LTLK8r+kfMsNK/r63GtEo+yP4a\r\nDsRqStN3W6pvny3/p4bwHTSPm6+EykSm+DDWV1mq2VurkCmGZdgLWdKDOMyI\r\nP0GztJ0vvIwP8yNBHAoxuH8/Kt94qB9TTYg=\r\n=4/7n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221128183433.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/92bf5cd814b9a7a15fbf286f7888c066/chakra-ui-button-0.0.0-dev-20221128183433.tgz","_integrity":"sha512-ukszNqXJ9DzPCgsKM5mEXOiQdk9dROsTaT5nIPEz2vMj0Z0YySIv/1TdyRfeL/BLxJEshJAvDO41PIdHnJEOWQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221128183433","@chakra-ui/theme":"0.0.0-dev-20221128183433","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221128183433","@chakra-ui/system":"0.0.0-dev-20221128183433","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128183433"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221128183433_1669660517010_0.9901727333530639","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128185230":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221128185230","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20221128185230","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"baedd3a74c104fb7e9f3d21430ae3cbb9db99009","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221128185230.tgz","fileCount":6,"integrity":"sha512-obbtKBZrf/h63Ww5bj50YBOTTsr5lS7ggVVUujBiMaNjuKJltH30i7r0ZnNZj9p7SJQeEhHQ0hRMSwOV95unSA==","signatures":[{"sig":"MEQCIFagPCq33WcWBy1emMOqYdvyz71DTXfqsL+IF8YVrK6SAiA6jvjxSsasEfPC+b9BgYpxMAr0V5+YsntDjQzI81BFiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQOaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1QBAAownM/OnJPkwOXGh8Rw1r+yZXY71f2YPTdJPBdBd610fp9NG7\r\nY7CNebUm/1aIfLLdlEBeeDe12cEL+iX19DDm5XHIQZjKl/okbI93pb/720d1\r\nSmS8Z5KaVuJLN2VaWBI/6+AuSRWZj6khFNc9R+t+VL2CtgiUsBh2etTQ/p1l\r\nRhRMOWdB+7CtqszwZRQoagLrqTyWCpRG7zSUvZpR5KNfKDdd/dT8qWFVfO3N\r\nKwFgNnx5jJPMaNahnpe3S4UiwBRpqV8eR+NRcgefiv+lnztKbUzpeGurVnCj\r\neSlSlJp6Pn9u3FZiAdKFbgeZ24mJDAcMhpxLLfHaFaEsLhqb0iYKU7cvdjjs\r\n521r7uGXijYKqWCyOEAw2aTZjwRlMNp+XFOSsPKH1sROD2KN3zo+vaHcBq+h\r\nTJwMxIX3CmWp3ULi/3GZCOin0q8yZxkS1oV30QhVDcSxSRAvDmuRq8iti5dT\r\nSHf0lOze38VYn8c/8qgmj2s2jlhHNQBpxSSn3upp4TlBxVKPw93lfkQtnhZz\r\ntXbPUFQ8Magmpjna6tNRQrR23d3QueYQjUwZ0hCAD6n60XyolMYyv9Oy1ACp\r\nuiMNZaQ7DHG1aXZ70Wc6pc6IdEtoA2kE8K0PwfqGhDwAByAkpqzO31VD2aJ0\r\nzqEzT2ieVb9jF/RRiSVcmbiGiKBt3DVFLBI=\r\n=j7cw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-0.0.0-dev-20221128185230.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/bbd470965d1a74568f64c41227c7fa7b/chakra-ui-button-0.0.0-dev-20221128185230.tgz","_integrity":"sha512-obbtKBZrf/h63Ww5bj50YBOTTsr5lS7ggVVUujBiMaNjuKJltH30i7r0ZnNZj9p7SJQeEhHQ0hRMSwOV95unSA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221128185230","@chakra-ui/theme":"0.0.0-dev-20221128185230","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"0.0.0-dev-20221128185230","@chakra-ui/system":"0.0.0-dev-20221128185230","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128185230"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221128185230_1669661594436_0.270194248641922","host":"s3://npm-registry-packages"}},"2.0.13":{"name":"@chakra-ui/button","version":"2.0.13","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.13","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5db6aa3425a6bebc2102cd9f58e434d5508dd999","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.13.tgz","fileCount":6,"integrity":"sha512-T9W/zHpHZVcbx/BMg0JIXCgRycut/eYoTYee/E+eBxyPCH45n308AsYU2bZ8TgZxUwbYNRgMp4qRL/KHUQDv5g==","signatures":[{"sig":"MEQCIHDw95er7ChMaeiQxjcxky/w4PqZV0xo9ONJuzA7gjtyAiADnHQbmzJKuXqIKNnlLOzerZ8TDU6RqUjz6XChhtjsFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhaK5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgWQ/9HsPFAncqP2jTJ1Y5eeXJEPANpUBGfmoUxhc4O9IjinJ/vDaw\r\nIY57t6ENKGfyj6QxBPMWopod5T8FVvcqRT4iz9OEhRAuEi3AjjxgF/zIEj3o\r\nQolmyoLiEOZvVBZ8paG/i6GRVpWH0JtRIDfm701KMWgKbxUqUNt75MwYER/T\r\nZ56zIyNG0YMuYcrkyVp3KtPb8wC6VTWocjwnBsS6nsTFgDUPzDUUgmftmbwy\r\nfBXbHnfrT2Y3VKKDPF7Yij2+khSAzwYvL430jnNefXSxdSdbSK4Sc2FxrhxL\r\nPbZu8dwauhw1p0cX8oB+FgCIV8dVwH3JVq/UCcltL5K9c8o+3RDjhUZWzOpU\r\nQaWiRSuL/ackJge0hu1fNmliAJuoW5c1vmGtYcrRC7FVLtOP9kaahBeYsEM4\r\nakiPFOoXOjxa+YsgBxjQCt3phMTBtclgwwCBB2zvto9Luyc8/vOlDUgczgYg\r\nfuByrgC5lx4RnjXERXazuKT7BD2kN09CBR8NG0fCnopZu21PxyZOw0C5DTsj\r\nc8bMHtWyj6liaZN7lpsdZnsVdh4WfI2vVnCfb10Tosim+prRnN1JqyvTQZ59\r\nA0ujF2QmwEQBA/xKvaIxjbK18j1M5cldj8Y2OC3bmxnDRd+5m4p+RqryCi8D\r\nLX4VSw0Cd3VlJERrO0rHXRebrPQX0wMjnUM=\r\n=O7Z/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-button-2.0.13.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/e5c1dd994c128051283f593b63f59165/chakra-ui-button-2.0.13.tgz","_integrity":"sha512-T9W/zHpHZVcbx/BMg0JIXCgRycut/eYoTYee/E+eBxyPCH45n308AsYU2bZ8TgZxUwbYNRgMp4qRL/KHUQDv5g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.13","@chakra-ui/theme":"2.2.2","@chakra-ui/utils":"2.0.12","@chakra-ui/layout":"2.1.11","@chakra-ui/system":"2.3.4","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.13_1669702329569_0.13201978337804943","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/button","version":"0.0.0-dev-20221223180742","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d0db8f0d51249049b5542b2479d42541b91fd068","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20221223180742.tgz","fileCount":37,"integrity":"sha512-Ht9q9kuP0kOxbdLztHP0y1HNy3ASj3GejfDhRl6uJRR6k8Mb+bWNtm4JU6+L9X9uasP9Ju5f/I8uuEqxuMhkVQ==","signatures":[{"sig":"MEUCIGhxSKMyaSDj14PjINhh/EKnZ+qpGn3XUa0291Su6CFaAiEAvCXFxoNsDB0WzNcsSsW84lHmC6gQ/wfJBFtrSG5gJB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe6eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHwxAAoxKiG+pV9ELe6IhjzG8I5ziFQTItYUgWqLsYB6Nwdv9uvQuV\r\nWuvMPXbs42gTszgYqS7alnlLKAwF0hcWtH01XXmts8cER6CmomggIypC8+u4\r\nJgpYSjdrM/QbSVABQnDfSc2ZZhb0Y+QMFb65dJPyMpA5cjlcN5YtmCR5y2+t\r\nYvzprK9/g6XyB3f8CJlYDBJgpCIk8qB9Ka9g1nX8nXV8kF0Iy28bHvdnTeyS\r\n+lpO/y9OZH8Dm8B4+8BDWAEAHiu0Y+6dcZKhaftGH9tjBrFhNzSLfSZPQTNG\r\nM6lC7/Zb0i3UEq0vhBYtAd2Kzu0NZcRHu9lFzKBnTjLDTENm3HY/648/3ukb\r\n3yeewC+tHckfonK+BOUmgsu6yoetmliuiJFoLjWO1Z7sCAEHqo0KgMuciMdQ\r\nHKfejsGWAhk20Fofnt+/9RS67zgSOadq+vyxSXrGbrZXJPEDRTMt38s2wotN\r\not5kKn7KeOA2lZa98eO4eJIWeCUYLlyJiEqoCFNiAEkDMMR9rU6ChOAmGeil\r\n3xbVl2xhEzMk3eADZpFTlfyX+SeBE97j/e131Q/bB3qvgdtmEKfaMKDhemyO\r\nrPzLwZw6hVnzmOgPdZ47gT+zJCppRWN5gvC7c67UpcyGvvqgAYv/xzwIvMOB\r\nq6tuKzhf69hdgyrN4nAspv0z9F2g7VydjYE=\r\n=aRF3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/d26d079a63c4f3a14db7bf353ccf6917/chakra-ui-button-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-Ht9q9kuP0kOxbdLztHP0y1HNy3ASj3GejfDhRl6uJRR6k8Mb+bWNtm4JU6+L9X9uasP9Ju5f/I8uuEqxuMhkVQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20221223180742","@chakra-ui/shared-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-context":"0.0.0-dev-20221223180742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221223180742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20221223180742","@chakra-ui/theme":"0.0.0-dev-20221223180742","@chakra-ui/utils":"0.0.0-dev-20221223180742","@chakra-ui/layout":"0.0.0-dev-20221223180742","@chakra-ui/system":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20221223180742_1671818910086_0.8550707373183741","host":"s3://npm-registry-packages"}},"2.0.14":{"name":"@chakra-ui/button","version":"2.0.14","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.14","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9ffc852504a2a6150140e15e46866fd55660ce7e","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.14.tgz","fileCount":37,"integrity":"sha512-XdP1sB67N2DujDXPWyyXMTjW7frcnbf3yN/3F/asQClZX7ppw8Y36a6uZ94+6Cv67BPc0CokN+m3oQZhINJ+vw==","signatures":[{"sig":"MEQCIDpOV71Q8cL0GvdLmXCrEKZ9e2HlTP1CAHY6wSnoHuzaAiAxVh7ocEx7pwkCp+ziDevXZODRVd2bzNasE27C2h2NvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTlw/+Oc1AMnczXuToOL4EuzXFP14rybsmjhz5PjSP8nzqSKv9U+Ym\r\no7yfASDhk6Bsz853EgGFlt5a7Rt20MziZaDgC8d+Jz97keqaoXCcnKDpFlCT\r\nKTemjMNxzMsIkEv9/B9BB9pB7IiFdCTThnQ3ZUwWX3Tt7MQXZBGx6Oigb5oy\r\nR3DcRiMTkH+rSbRaRHNiKVNd08FNBYRH1i6pLpC7MjQlr8mfiJIhFDNM5OcC\r\nOghes1qJrU5mogX6+RP5YlA8uAvtH7pru9tElRmD9VbMB20QMTkdDla3Dhc2\r\nPd+dDpdZpT0hgjejnRK70kTZkzNhTN41Ozayfvl8ayJhYiiVVqH2hx/CNRxF\r\nP4Aa2T0aSAwU6bOf5PdpWoQ9C4qrNJSJnfyKsu7w2abZIGTQqEDCqVm9uN1l\r\nUHOq4BpB+vlWi51+fmKTPxjzmi8O6Ozgl52BOU4kaEQL2diNbVuHpzYFMEJf\r\nSvkHMZSCzDUMUHBMoOtOwuP5R3E5x6APoxBPS/Ek71u2V/k5sz6O7QQjaZK2\r\n0JGILwt6k0flXJeqBi+gXQ2/fbtoeXlXrh7qdIdw1claBMjDgwRJRxRzoIcf\r\nGa1VYeRi/xQoxYrZNCUte2A+hY1Fh7f4GS3S7k9YZQ3zcFzNANRXThAEbK8e\r\nqHIB3WCz+Ed96r5dlkOKW6ncJYgkQxguPPI=\r\n=HXQs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-2.0.14.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/c234fb58182d8734b28e335bdc337396/chakra-ui-button-2.0.14.tgz","_integrity":"sha512-XdP1sB67N2DujDXPWyyXMTjW7frcnbf3yN/3F/asQClZX7ppw8Y36a6uZ94+6Cv67BPc0CokN+m3oQZhINJ+vw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"2.0.12","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.15","@chakra-ui/theme":"2.2.3","@chakra-ui/utils":"2.0.13","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"2.3.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.14_1672060424282_0.9182619783362538","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230111211417","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"c8c8c48d7f4725a8b56e7f0b3916bb857f2575f9","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230111211417.tgz","fileCount":37,"integrity":"sha512-sW+w5+eNtrNXxXq11LhkmCh3jwzHqR2DHBaBb3TECCrHKxLYPn1ET+FaqBze72dJMJitwntOJoNgSvU6iMu+eA==","signatures":[{"sig":"MEUCIQDWVs7mkjlPJQKFBQF4Kqs2rhaTv3Lnj0vYzg6YIY+tCAIgd1sUzB8SWWXii4y4aJV4NV32zK6F+6F54VbCWhvF/JM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvybbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpG6xAAoGfMTskBJxuejvQ0nu1yuOR247GHqKx/e8x6rrDhn0+o7D5z\r\nj2hpiCM8Sunr+1X3Lzc2qcYt3DkT3oXGmdRW1VJIvlECJL67oVmLTRrjMJDs\r\n8epoJzytNFPKnEAkvZ22gEOQRMwW/kRPPJgdGIVA1W95i41gbpo5C5atrzM4\r\n9PszJs4J0exxhbvNUWgNYkMLvF5m0x5qpfieHQFjuu9ssXVL5PGuV0pX3ZXU\r\nm29PZNs09uX3M4T7aneFGbSG8h7pjtDlp6bktY/mqebxn0gZU1RFiz+EVmDw\r\nYtS/2Xeq21ak0baKYntGeBjHFfA0FtlSVzqAW16fjpa5gHuCzMounCinnjfu\r\n7XwihEH/h4s92gAE3iuwlmsPAJItMtnSLGrV95SR3L99hQ8PPW7ehRZZtQOb\r\n7BoWrpsCLPU/Bc4RLrBl/GgqhyTySmb+6pJooe+l2BZ+s0PChnKK/ijWH1ax\r\n7X293V4WsqFtH13sTU02t5bjM0+fS5mycVd09TfW83sAhrg4PVBS6cGXp6xf\r\nd2tONzKqXoAWTljD/Ype7KJ57tk+FKJFEw09QPvu3M+DxiQVWDxDYdf58HVq\r\nqqiQRrGxjgv2Jlevt9GCKvFIsKDOmp2DuMzIF94xYdalEHUo6EXSkH4O7MrK\r\nZB18DSQmhjuO7sE3fWNmC0AUO9nQ5M0mtEk=\r\n=PHGB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/8ed8845ac0541ba7264107a3d4a8de60/chakra-ui-button-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-sW+w5+eNtrNXxXq11LhkmCh3jwzHqR2DHBaBb3TECCrHKxLYPn1ET+FaqBze72dJMJitwntOJoNgSvU6iMu+eA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230111211417","@chakra-ui/shared-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-context":"0.0.0-dev-20230111211417","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230111211417"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230111211417","@chakra-ui/theme":"0.0.0-dev-20230111211417","@chakra-ui/utils":"0.0.0-dev-20230111211417","@chakra-ui/layout":"0.0.0-dev-20230111211417","@chakra-ui/system":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230111211417_1673471706831_0.12206420360464976","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230112113621","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"e1b79376458e8b86ce68a1f95805ab096a759350","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230112113621.tgz","fileCount":37,"integrity":"sha512-AZeLHZznGv8Vr/J7VD1/GTqQiT4v80XuvL1SHz9k7FiaxZ1123mXJzuHQMkP0j4ThCicDmDzeNT4qM6NbeAbow==","signatures":[{"sig":"MEQCIAF3F3IALdp2oh4eiCXLEFkMCUx+Z2U8g6FQNV0EBU2qAiB2Lw8WKSfFLPmuSvGQtb/2CUcuJjKQauIcMPONOa3kqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/DkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0Vg//Yd7z7MWTR8uZrPQRiezKYAZPknSOI2LKyZyZibVjjB4cQq2H\r\n7qROFLWzWfptQkTTilcMGKD18AiXgHRmJ/1mVmIpYakgxXT/XnJjV4ctfAeK\r\nyPAAbgkWMmdIR+pFtGHExzUmkuOTLneoYc+Dr2OZvleh6OF786kXs3x5gXBd\r\n2gYgx5j3S2NfK7JPP3PqRXR0JwENOWFv4oDEjmIOMLqvxifKn2Js2mCclFCj\r\nwjgqsb0sKCUq8GXrPYq4IWBWepdVKdV6cTntYk2fX5LhPk6aaHBG5rXQxuFB\r\nNf340bk1/E6HYmgs/u0fbqEYDuiMeNDnY59vS3Kn42HPDWlfgLRokfF8ZMv6\r\nyYKsaMpVuD0CtkrxKEIneMVt3GitwY7zIGxQKdzmfFhu3K4fUssddYX0UOmX\r\nU+FcfSBIIvx4zR2CsgPfIj8BlkmvL/OfsHYkBCe/IxxN/H6JxAO/eY1BHYg+\r\nhTRjO4gUB3ALZsdpsSsDgm4p9SqELruoHysWoHUYgzq45pUGYVrYZHStE5YQ\r\n0yoo7XGFffZhyUJkeZvmPyswoM23koVYFJ1KZ7xqWiMS7Kl+Qgc1UXLGbnoX\r\nlYz0O/g4aeRo6koo5zDrRy4NC1gXkkKSUPWSkfB1w1ECrpfqk350Ay5dhtVb\r\nJaeZjumqTEyxhcyNjN97/E7JDekNQ34vuQM=\r\n=GWux\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/4bb50418a150c9ceae069aa215ff2273/chakra-ui-button-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-AZeLHZznGv8Vr/J7VD1/GTqQiT4v80XuvL1SHz9k7FiaxZ1123mXJzuHQMkP0j4ThCicDmDzeNT4qM6NbeAbow==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.2","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230112113621","@chakra-ui/shared-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-context":"0.0.0-dev-20230112113621","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112113621"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230112113621","@chakra-ui/theme":"0.0.0-dev-20230112113621","@chakra-ui/utils":"0.0.0-dev-20230112113621","@chakra-ui/layout":"0.0.0-dev-20230112113621","@chakra-ui/system":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230112113621_1673523428322_0.6796901036838336","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230112141201","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"24070d0be719b2a81749cb3d9ddf41fa22b1b674","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230112141201.tgz","fileCount":37,"integrity":"sha512-4EPwFFSZ0+6HqQhX/HH39B/oTZeHRJtGRefvjtogzRFSlU5aUQ3MIZ21dHE7S3RB0Hp6hg7j8FmWonei2QZcBQ==","signatures":[{"sig":"MEYCIQDZQUxy8ZVMz9v9jew8i/u4mxeUcZ72uZtOqQ1CmsMhEgIhAIKDdV9pNi6jw9el0zUroujS2CRYJzPJdbKvRcg0WbCg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBV0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/sA/+KmoG99N7BZZ4972C2+lqL/6OkW0Jdq/ixVjBrod8+mfbakuM\r\nQDEz8Vgdhfh/G9Y76Rtn8/Lyq8PysOIPrTyApYlAoromUvLFJt3GOd8/Z04H\r\n/XMAwwD52WHkZmVvPycRtMs5X8KjS5sf7T1SGvyTEBRCk7yYAj1cew2nM6R4\r\nBH3FPbh/ELjPce/UG8d1ZfXgn6IXXADOVltXW4JVDOXA3/GbJYY6EsYdCpUB\r\nRzEQZRRkRBiEhExZVyQE/QZ8tiHP7HjblxuIfo22KRVR+F8v044BI1lKBpBZ\r\naYG4rAUIn5I89kLSXcSK4Wv+Hpe8ocoZ8y3Siu3PIfoXpDdF9tTkJkoaDBGM\r\nC2ZG1F9WS5RSGrAOo67uiJykQw9kGeV2+nBe7Vaf7aWlRtNHgcU/svwuqySY\r\n+LXpiSJrf087rOxIGFC8Xm3Volwu+ySGZ7KkBwj6ffHDRDJ5tdY+ARcrgwWU\r\nAoFMwoL7b2Ep2mW3loVRYyV2PIfB5Pu79LTHJsnZSKI0gMCE9ElOZQ8mRaye\r\nbwdgfhesmQ5MrXsRWreKEDBe91ufPlM1oog4YYssYsUCG/pPduuSjQeco7o1\r\nyZD7pKujNIxrCreY7xZI1dyBGJfct51/vVp+vbUAZ1xnO+l7Zk4FGuXL5UuJ\r\nQum8/mxKWx7UxAO6R87yIzcPiWp0LOGrWxw=\r\n=JbDv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/933fb9b7dc6c6698dc043b672d83ec30/chakra-ui-button-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-4EPwFFSZ0+6HqQhX/HH39B/oTZeHRJtGRefvjtogzRFSlU5aUQ3MIZ21dHE7S3RB0Hp6hg7j8FmWonei2QZcBQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230112141201","@chakra-ui/shared-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-context":"0.0.0-dev-20230112141201","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112141201"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230112141201","@chakra-ui/theme":"0.0.0-dev-20230112141201","@chakra-ui/utils":"0.0.0-dev-20230112141201","@chakra-ui/layout":"0.0.0-dev-20230112141201","@chakra-ui/system":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230112141201_1673532788515_0.29922915990780474","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230112143332","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"899fe4f5c76c1d9c56431b9cb96aed37a3dc7565","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230112143332.tgz","fileCount":37,"integrity":"sha512-IHqHMClr4yqR5AzjB51BsskEmlfRXgWfkbMFsnofHqNS9UNxvGmh+0zFN/vAv7FirbYpru3+XCHKRq6qx3wGiw==","signatures":[{"sig":"MEUCIE1idgCIt67Ha6lR9zUtSleKJe8YOT6BvH9uot2nEBCeAiEA2/cUH8EFf9SxI9C9lkGRWsdJfqwOaASC31UXoU3ueEE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovPA/+OpKfxXYM/CxN4izsXUTNBGx8ngrCY+D14gc1D4e4BLsJPX3h\r\nyo3JXaQRjKMRU3kfZVVEMxG5f5pujO6p/76J350yR97+WI1PPnbBK/T3m+6o\r\nbAs1CcmXdejh8dgHDgSdjy1X/4kgqej8HjStmEauFkP/EEwdwNuTw2fvJsuc\r\n7PVbHl0zJ02wj5Ztz3tWqXsYNK7qO4VMMLmTTYZZMrXwof6quHdC62AcV3zm\r\n5CVeOrsTkkESqt/gmXntXRGZ+K2sc5UUkbm1lHeGPShpI3+pdN7XDPqPym5R\r\n3PI9TsHfjQoSqR4MEH2UxcQ2SiMuL4Alot5fHZ4h1T4zSJsp8sMTCNrhtv06\r\nz8ai7sBH2gvYfdbXwKuTTXboWElTM62Lnlpc/fRM1z2209xY7DZ1+ePWi2To\r\nuTZ4dyGKPbgBi5Mqp1F4N/6p9+KB0yOqKoSrRg3QRTJNaV+zx7NrXazLlt4c\r\nhpW7ocQDR7nDGWvKbhW1mQ0bsSobiF+Hcspz/CmKyOfQEcmEMcJfRgTYUWJO\r\nyG3pcZQrnuaCAx/rAKZbltE6nisCQDPTrdATlp8n8Jbvyxgc7YBM5AILysgl\r\nPZEhPKqFUvZ5/uejH/qB5u+ONjzHxepFNrI40O1Xn8U4GHZC20yCORwg9yAA\r\niNdXGJwQ5ZvytWebn0pHdQ/p27v6uH1SbPI=\r\n=umwh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/2ec9d0356742a7ac9684b661684bbe49/chakra-ui-button-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-IHqHMClr4yqR5AzjB51BsskEmlfRXgWfkbMFsnofHqNS9UNxvGmh+0zFN/vAv7FirbYpru3+XCHKRq6qx3wGiw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230112143332","@chakra-ui/shared-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-context":"0.0.0-dev-20230112143332","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112143332"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230112143332","@chakra-ui/theme":"0.0.0-dev-20230112143332","@chakra-ui/utils":"0.0.0-dev-20230112143332","@chakra-ui/layout":"0.0.0-dev-20230112143332","@chakra-ui/system":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230112143332_1673534070303_0.5924329059590827","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230112145104","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1405c0440c4df2359938793e8a9df1051349425a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230112145104.tgz","fileCount":37,"integrity":"sha512-mfhg8GiXd/+GeGOllfVbGTtYqNoApkjla1rGid6Gh/414IYNk25D/UCkf25Yy6pCOe79dKM2wlga6wcABsCdJg==","signatures":[{"sig":"MEQCIAsHfwR1mWy8vQNFnPyx9vWgXWwrp3uPHsbnKVSXXj8vAiBF4KF2z0FYTQ7BeT3Tza2p3LoLw3solw5lbhumdGfTxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrh7g/+Lo2jADuyBLNCHjK3246GVWNnYIKrWVL4ZkYKESzLxPNEVPx4\r\npSIRqbkRVZESUwCbpyn4zA1ZR2aOdOdct+6UrGjfrDXGPRM+sLiSIxjRGjs2\r\ni+6woobXbmm6hNzPAakmnUblVDxOSSL5PyAGn/L2G8YCJeYV9teqYr/Xzwa5\r\nj9zCUQ0Hv/La4rSgy3WbSN0YkbChD0HOMAHMlGBnAd8jiH1PUGRrt/skfoNW\r\nDjY0Io6cs4UYkamPqESkDufXeSBYxGRuGHF22aLJmJszw5C61Hr7WXtFsoJ2\r\n99K+bhNUb/iJjN6q8rg8uffKgR2jRCJt25nWSsTK0+yJ9p+9YwJ5EzIq7BMB\r\ndawucHNdiveJqAq7N8X/ulzGzn/8zBhN3jR95GdfN89Lo7O14AftpIhkgtLP\r\nVmtDcE60BO9yzN/+MR9e2u1koERcxKC0s4uf5swS5XvuoEiHbKEaRQjxHPQP\r\np5ltkBTyA4r/9QM3JdTi7XAo2JFCptOfVbYh7p94CJ8SJx5pah4RXcHrJ74z\r\nXnGelaQZhkiy3s0+KucGqj8T6ej0qHVAKuiTJEpVMzdsxUkTuy2y6aR7QChZ\r\nv3SZpzMSuHlBEu03P4NlsiSoj7auXRh1+WKQbp3e6MvIkokyAgphawsZEjVU\r\nrJSeNQT1GxyDK0I4NUGXnZVFazeFF6e2+yU=\r\n=++kP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/8c5ff6d275baa7293c91f0402a392a1a/chakra-ui-button-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-mfhg8GiXd/+GeGOllfVbGTtYqNoApkjla1rGid6Gh/414IYNk25D/UCkf25Yy6pCOe79dKM2wlga6wcABsCdJg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230112145104","@chakra-ui/shared-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-context":"0.0.0-dev-20230112145104","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112145104"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230112145104","@chakra-ui/theme":"0.0.0-dev-20230112145104","@chakra-ui/utils":"0.0.0-dev-20230112145104","@chakra-ui/layout":"0.0.0-dev-20230112145104","@chakra-ui/system":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230112145104_1673535110442_0.007887198700232245","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230112152756","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"bfe8753daceeaa66e9b3459a28755738a32bf1da","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230112152756.tgz","fileCount":37,"integrity":"sha512-26cNAYZm9HscgREZHb/rRD3pmkhZFSlS5rfFM6TjC7hPDLdVNF8ivsdGKT6VumJg2/REVXZyAhXc44zAJqawHQ==","signatures":[{"sig":"MEQCIGNQR5482/3yJSgWF/XVB6Eoyr5IBiVqWPIanIUhMV4xAiBEI83Hz9ataNoucZ9xrmXeCq6K1NtvQ6f/D9cYYkvi1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCczACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCWQ//dhJcw+Sy2dGPZULaLFYV8WqajOa0jYxZk8WJmmJ/qmDGaOLQ\r\n8bfwjBTtwkP+59Mp7yV559Yt7P+3Ta8fUuPvHTQF2tSzHBpAXoXL4Fa1+XHT\r\nh8foV8KVrUfjukt4SOYPGVpLX6LOtZFV8doTVe9tGMlgRM/WqvaRwyRDZWSB\r\nvwu4B0UyoRXENrmikXOJY9SeFpUm68V+/o4XFIbaeR9SASbPQNQaMm66GRRi\r\nq+fuNR8ATFlRy1xTER7ovTHNNmW0tAWiWJQU1BeJa3vHt/Wnb3qkFlsZVXOf\r\nHF8+tu+YQLzWmEIAtqmZkDtSvfrdbW61Q3EBZV4L8RsX3nmwHxei0+7duY8u\r\n9o4mdQujdR9yw2yKfRUSpJDFL8wT7js6X3LmWjumnDA5HTOZ7P2Ui8sosLrP\r\ng5inp+yo14wAiMaelhJXkPBwiUT007AjDcO3Vz91nvnsL4YiVWhGGu6K6JBD\r\nOOTy7DjqgRfjRL1XKT7WFWx+cMGHs+s6lge4U2QHrJBnDMojbyOLMxkLLJCE\r\n//zWTFz5DH4cz0SeqS0jGlmnJFivHbziLfvPTccFB2rQiqJc7Wl3JOYv3MiS\r\nCVes6NfJxV3A1iShoDPI9vC2bMt8mXt2n3RhzOj5SSsSzPUhEVC774305ZLH\r\nhhTU6I8l++KaURSzSIqBFw2MqFAAGR/V8RE=\r\n=rv0e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/e0b525f7843b7accbc2815427091401c/chakra-ui-button-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-26cNAYZm9HscgREZHb/rRD3pmkhZFSlS5rfFM6TjC7hPDLdVNF8ivsdGKT6VumJg2/REVXZyAhXc44zAJqawHQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230112152756","@chakra-ui/shared-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-context":"0.0.0-dev-20230112152756","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112152756"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230112152756","@chakra-ui/theme":"0.0.0-dev-20230112152756","@chakra-ui/utils":"0.0.0-dev-20230112152756","@chakra-ui/layout":"0.0.0-dev-20230112152756","@chakra-ui/system":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230112152756_1673537331049_0.16862401343167543","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230112154520","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"8500945fea6ae1537487560ff0f2fc8c01d07f1a","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230112154520.tgz","fileCount":37,"integrity":"sha512-Goc3hHQtQEelaoKlzaaYHqlGI+K60N/nqLmf7Zl3XVsGcQngHfs19B/BzPivf1CSR1KOYEAR82EAoXa1yHKGwA==","signatures":[{"sig":"MEUCIQCKawUAWqnTO+3Ry7knB/4Ra9GOg7HFyzJnKUT7xPArwwIgNx/5pRsxI6ZBna/nhiZ7i0zPfz2hgfihHZ812t52bBQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCs/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSwBAAi2nZN1niokBs7YNn6YDb1Sx0yhmQpfBwACMjIkss7/XrJHKm\r\nsHInW45n539EPMZMLDIqedyfKZkeGaj27qVhOOlIXN992aXj5csNKTWqBKEp\r\nF20WY57zTjlmDwE9ocLYxKjOC8AIQl7o1ybY7zO34nsmUMP4FlwsubFpB1v4\r\nB4mMrWQ0tTZ48b6uVZZKuhqiE3pl800CnlXCq3CJ+vOIiRrQH1CtNwT/zmYx\r\nUKpKfYtF6cBuKXuVP/LRUEaCqUyW2rzdPRNyPa/+JoISsParUjQwSSW77Kqf\r\nBOOGEwj/3Y7AvN/ZaNs+YCP4ie/qTfVm69c8ZOFw0+bWzeoB+VKEhrVxmSOj\r\n30ddYUd0cE1QVBy8thba5t6S9VjNxlwnIy8lc4gDhlX8bKDPs8hT2qJMUmCV\r\nCVMo6yk95CfWxrUpJFvXohtxkX7WLDld3li6uYpBTq7smQCyJ2j8tjtZuUeG\r\nFFM0aEKNCY8NZUP+jhwII9LTwLS9n55h09cZzclPqtKEv1fp+R2YUNzBIIg8\r\nq4YpZ8fKgX0qEa9mmxyozcdhX85gARpskqyXhK5C58bbHdsKpA9REbTw5/E6\r\n71DO4aq8wB91SO1fTjZwnu6Q0MjWS5vUnHV23T4hhp7muswNTY/RPxN+vn2b\r\nJBDjA7ykFl0Rg8xJq/lAVyKXIeZ5ewPjP6g=\r\n=dVg/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/70513968b9b04caf517d649554b95bbb/chakra-ui-button-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-Goc3hHQtQEelaoKlzaaYHqlGI+K60N/nqLmf7Zl3XVsGcQngHfs19B/BzPivf1CSR1KOYEAR82EAoXa1yHKGwA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230112154520","@chakra-ui/shared-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-context":"0.0.0-dev-20230112154520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112154520"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230112154520","@chakra-ui/theme":"0.0.0-dev-20230112154520","@chakra-ui/utils":"0.0.0-dev-20230112154520","@chakra-ui/layout":"0.0.0-dev-20230112154520","@chakra-ui/system":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230112154520_1673538367369_0.5691370125424806","host":"s3://npm-registry-packages"}},"2.0.15":{"name":"@chakra-ui/button","version":"2.0.15","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.15","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a28643bc2db5effedecd394631fc7f6be1692ece","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.15.tgz","fileCount":37,"integrity":"sha512-lZQsTVQ1C1q8Htxnz9i+O0Pc40SwLtz4QTP0RPBeNE8DX+OrRCMkn7YpcVtwiuJD8L/8kYh5h1HCUkyVhW672Q==","signatures":[{"sig":"MEUCIQDGY2ZsleaEEE360wMYV/U6HuiQd+PsOGRO0TML6jMavwIgfzZiSJoVL6molor0rKeoSzXVoJ7/yvZE8LjJSPNLVCk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSMRAAn4Sr1+/+L6K1UMlHnY58bVwFRqUAyXvMgIzEnxEjHns9tgQu\r\ns42UUYDYRXH7wH2fj4DgDZjT+NSNg03352aNktecc8qH8IgG/iqVREoukkvm\r\nYRvpatXwJs3XLDOL7mFh3WNiWlcxwZbNDm3H8bekNSxn+1vZI1WdZtGWLGLD\r\nrtEQCtPkuOEZVKhnZEHLcoLr5ERJ50UpF0GSk89vHXx1PhafCUr1YbQELn3v\r\n5k9z4ZeK3eIXSZ86VTPS1epE2d+Gz6NBNKBfPs88mPtb0cmQtuhSHfmq7C8M\r\ne6H7sCz3k8WtOOsfSuG9YDtLjQCB9GGAcxG4WcQi2vsMkCdfbthmscINhEkY\r\nIX4IcPEY0lkjy6d7BZhUJQDJBivlHcvsATlgc9V+cIksF9rx+UPlPTjYvl41\r\ngyWFwmxrBHTDqgw48MN41OBhHXoJFNVw5JlFuack8fJrtWouVzEPVZIsxqSc\r\ndy+kw9BZDThANqroRJXxwQ/zBkWb9woBci9J5GtTEz5remGHaZdrlZRYic8d\r\n2yUoeifsWZeX0XKGsUFGZGWrt5g+rbgbzO4eAZMN2ofyI5f1aOJuGFH20mmN\r\n7bND5k4S3JmYYC2+m1aYaKB6h/RRXaMalTC3vKEhbmclct1hUGl3ctP0yuhj\r\nS1yobIaNmIWbXNeDgd4Ix+mj25zK4lvJHTU=\r\n=QrO/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-2.0.15.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/92ac715f07e9c5b99247a80de36218f4/chakra-ui-button-2.0.15.tgz","_integrity":"sha512-lZQsTVQ1C1q8Htxnz9i+O0Pc40SwLtz4QTP0RPBeNE8DX+OrRCMkn7YpcVtwiuJD8L/8kYh5h1HCUkyVhW672Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"2.2.5","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.14","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.15_1673539534880_0.26780960684479393","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230116120206","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230116120206","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f7424962cdbc1e86c7c4e56f9db521cd6f91c0c1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230116120206.tgz","fileCount":37,"integrity":"sha512-d2BryeuhdrE+qNYEOHuUMkxvJ/Of9DtDETVZalS7qPJIcDDnIwNzgF6fqG8kZ5ZlgZij7on3LwYH1VWN3JfWBA==","signatures":[{"sig":"MEQCIFc1izg3vhu9Lr+8mo6bVJvdRO7Nr/3uTifaF17N6ZwWAiAfh/leK/QgCzdiHCdARbUlH/JbGGgYGVCe9UjLLyHElg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxTztACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqC9w//XqVFLjfl+ZM22dvIfDNyu8dwnplWJZ8NGB5MTUilSbGSReFE\r\nOZkqjXtlIKGlgWkWlIYeAcBimo7+PAEwckMOMV9RVpb9/LTTR6jNi1kohgSc\r\ngnq4zpHWQYr+viltm6RQ5cMi8a7UyBcgv0k29QHT4ZbJpV5J8bfn2QKYajhu\r\nkqZHF+UZiOmCd9H+0zljZHoxXinZ6P5bRAAJou4Vnxn2B77geq/3gIwGXU+3\r\nI7cBgTpsOOvr4nDBaVSPJW8LB4VoqwvrSIAh9i/IuYA15XStUVFny8Oyk9FC\r\nCWjxD5t/7SsjBcuHoiwJhj/lLOtR2bMhljkhVm8vDiDfyrIphL1ffyuij8GL\r\nQ59B4//34WFL4QcsbW+nvfs5xHQsIrNhM+iMVC5vjOayKwXFREP/f6S0S3Km\r\nYP5CrmdEhZEQyoPv9GtIuIItb+DjZtoTSo0guTMht8xT9GAt5lHv2k8fBTfU\r\nC5pMv2ce/459ijS815EayNX24YI3g993JyRE1ZoP7UCSoWGqqLMeIolRg3oB\r\n7qOstV6hObhw6EyPuEzU0szGjHbAq9QRI0CrefJRPhmHRs+U3q8nOzcOfMDm\r\nTUp6UfnmXrWCpQiA/LWsRzVenC2KgPk9jCAGMiUs91hfKE+vnX36h/7SLUVB\r\nbbBvUvVB8em0ZIl4qMkIUlKYuEEI3bZruMc=\r\n=PMZp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/cec3217ac7cd2c2f993b365fc11ed77f/chakra-ui-button-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-d2BryeuhdrE+qNYEOHuUMkxvJ/Of9DtDETVZalS7qPJIcDDnIwNzgF6fqG8kZ5ZlgZij7on3LwYH1VWN3JfWBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"2.2.5","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230116120206","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230116120206_1673870573722_0.5308545740638222","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230116122157","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230116122157","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"58f58f30d4d0352e63ac181fc719b8780f1685dd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230116122157.tgz","fileCount":37,"integrity":"sha512-bUCO5EoeuEXoPaV0Ts6euVW/t0nUTwo4vpjzb/YU6YjOwZm7duaNO46bs2JG30Uc0vI3qOISVKJsnQYbEDNc0A==","signatures":[{"sig":"MEYCIQC9PERZ5E/RrqQoNkCrKDBRPEusxd4qmvgvNKIbZKnmmQIhAKxfchJq0M0CRjQD/wUIJkq6VRnu711SQIHpcGcUIl8i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUGbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqC1Q/9Hu4OHjUe6R9tyrVZp1ZVjvW6MYTtvfo/1rz8o0S2ZxUiogN2\r\nn7vWiWYDWaZSlmmgFEX0v7KVvn78LDUpnukVu3A/8G14x1ygx5/sU6LBDWJ/\r\nVW2JltHxh24OnLPaSUu05VqMG9hilkUEHrawM8Ny/RLJJvpxCbT4X+FRGiVY\r\nHKdxa9H2bhbdrFDhRon7GvxGnrma/qdBimHENL8/DTvLFB+UXJ08Wu0/2xW6\r\nFIL6f+4Zdb5i8Jr4xnPvfvOUy9MwPFSPNq6eCTZEuq3HO2jyy/HVPkxZ+u63\r\nQ9gBTYEULuvj35HMNTOw7BWAy0wln4DU6fxqK+XbJBIjowc4m6rJDqu1h+Q8\r\nwMIbAPyremv5ehyFCwzLk3hZyEtFZSxsVAfXystLUmq4XJrLBfWlF4vAhujO\r\nl4JeEvtUgyMEho9UeRtjwVmxMlHCP+Ef8NUGA/sWcu3h1KkmEhGgIik6f8bZ\r\ncvsC8ZkwMSGt4BvDzmyKlmqcuXm0iFSelpikonyC1aOSm/UGS7gmQOcMzJtd\r\nqPoi+8vHVPcjqFXXPUYYES97IPJBpgZXhy79xAjF9AD8HZV+ZEdARNUWdgS7\r\nXlqUKQ51Qak1Bg8yVx+W68lkEdKzj5qcJqRJAVVfPr+UeaiZIXArbhMOn9g2\r\nlRgVQkSyHWv82g4ZnWcP9Q0A9NF2225hf74=\r\n=GR5b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/4977fd774585edd64b13a2e2277bdc1c/chakra-ui-button-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-bUCO5EoeuEXoPaV0Ts6euVW/t0nUTwo4vpjzb/YU6YjOwZm7duaNO46bs2JG30Uc0vI3qOISVKJsnQYbEDNc0A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"2.2.5","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230116122157","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230116122157_1673871771555_0.3708497859389679","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230116124502","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230116124502","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"550128afb3056b236ae4310ddc738fb4a30c452b","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230116124502.tgz","fileCount":37,"integrity":"sha512-AiINh5xMI3YfiCjEN2pSLICwD6ZXL9SVvGnFRwiz/qsd9AhbUDJTgyCalBjDI7XFwOusW4GZIhOOpBRl0s7dyQ==","signatures":[{"sig":"MEUCIQCW8fd/2lvkqrThsI2MYfBhVqIfFbwyEw2JSOw+XY3ZxQIgGgNEOJixY9drJDFXQyiK2Pvp9TUeb+OzndY6jmbv5yY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUb6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqj7w//fZNxUdn/64AL3WSwiTjIPFD0hSmeH8nCzh4RGcMy7o9Z3PLN\r\nhTF7aYgn6CcWne78VnD35cSJHsnusMnFNa9slXbA9MRgahf7dUroVWTy49ST\r\n/YePG+CbMvhha9jXE0PLHjfdhEckvWHHO7C6AYz6zaFeSVLvXckksKLXgn8j\r\n+qY/VkzqQjeyU2biycq2HWeTlBQ4abPOynXBgmDfzICNfblm+s+1FYRO1ORV\r\nBM0ug2AFm/Fmh8DNYo8leATzE06gGidw+zkvERMU0QIhh2F+f5Q+2weee7eX\r\nvDifBgyaefkcR626n3fwKfD+QigmzgmYw/HPNiCuDYYqM9lenSKGYHj6FawV\r\ny0AeNy8nhNTxSyvNDUVAtJsXajwSTKgk+8tbMQ8B8lmd9e8lA2yID+aly2lu\r\nzVGmWI7K3kmzYB2k7IFLG5vLZjEJgY6ogKva2tqK9auaOcyvOR+aksu0JBfK\r\nQ6RaUhChCq9Z44GAVRxlKOQ+KUbCtNTtwdN77Caz+TCPvXEgM7ARJszHt37x\r\nY9v+CZPlzi+vQqOPGiLurTgiZU/hkO2nRdg5JRAVuoZEhNlcb1SvZVivfaoR\r\nDxO8B+1chFCBNBGkIBOvtJasyzI/cUU/hNelJ6SDKGTXRafJ+wGhJN41zgmj\r\ndlNeEoFfNfuVGJsEdJPhADESWAPCbeqUu/w=\r\n=xsF1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/4f74394179724d4e6bde4e51ec053a50/chakra-ui-button-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-AiINh5xMI3YfiCjEN2pSLICwD6ZXL9SVvGnFRwiz/qsd9AhbUDJTgyCalBjDI7XFwOusW4GZIhOOpBRl0s7dyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"2.2.5","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230116124502","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230116124502_1673873146253_0.4541418719691144","host":"s3://npm-registry-packages"}},"2.0.16":{"name":"@chakra-ui/button","version":"2.0.16","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.16","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ff315b57ee47c3511a6507fcfb6f00bb93e2ac7d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.16.tgz","fileCount":37,"integrity":"sha512-NjuTKa7gNhnGSUutKuTc8HoAOe9WWIigpciBG7yj3ok67kg8bXtSzPyQFZlgTY6XGdAckWTT+Do4tvhwa5LA+g==","signatures":[{"sig":"MEQCICgk7tJ3BJcekoJDBztXNBHkTBY7THM6tLlZtHZPA/2tAiBpED/ryUKwZJhf8Z7LM/W/832gP5OVwm2AJ3RRfGk1Yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWgPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLoQ//deBMYdZcyfZoux9QTII48TH5y/BevBE9JfNGLtYbJARzQh0M\r\n7q0tg8gGfS+Nbu1bmUnlKqftR/nY2v7fFMdBCa8gk1yeiZbXB/khNxdwGhsF\r\nZG8BXSvoG9/k5vGscb+Jtzk0gF7V2Y431lh1mD57VMiGxkvWuX7zsMepj2U6\r\nlBjm23LdDZ4OHu7iV/tEdhWkre0mbPVecsii5njFI6BvUrZcZG9Joo4i+iZt\r\n6kVfCuu3+59CxR+dZ+00D0tU1hQ8o5B3BVrxpuBUPwJJ95pQA2x+zi4JBfeK\r\nD4N0pG7j4D/agqgQ0C5SHUW73XxZtNu7h6H0upY9Nu6O+iTB16585iSGc5Du\r\nN4wdl4Zeds/i7Xn8Nx293gRjENvI97dr6ohQhe/aNrZWAUfnr0uTG6SUSNlg\r\nOnoQHPzviuIQNBVUR+SBO1V4RPfaQ+417lCx1g61oJ4hBZN7nodUb+GvozTe\r\nTQjAhawCxXePm1qqdBexkDFIF/1cIUgb6YHDL2+wvFwwtpJirDFKZeBuZpok\r\nWFQieyBrl90wwTphGZRdk+1Tif0EAiQIH4T8vc41fzCjNq4KE+Ccwc8jOnQR\r\niyoiKbPF7lKVdKNgslmmIBFlzDFre+EVbbhTP0OB69w8zfGw6Kt6yJ6q6yEU\r\nsmxi3sz3uvi8lfy3Mi/d2HYCfk1sjASj2h4=\r\n=7FlX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-2.0.16.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/427554a1051f02a7b3d3bdb639c49ff7/chakra-ui-button-2.0.16.tgz","_integrity":"sha512-NjuTKa7gNhnGSUutKuTc8HoAOe9WWIigpciBG7yj3ok67kg8bXtSzPyQFZlgTY6XGdAckWTT+Do4tvhwa5LA+g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"2.2.5","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.16_1673881614855_0.8922736365209973","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318162751":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230318162751","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230318162751","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b3d671e086cf68421f0c834f2ef87e99c21845c1","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230318162751.tgz","fileCount":37,"integrity":"sha512-vSlIQ2X6j5y5Ap7mYTV53SYSPs3leNMXwMUySY6hqyUoJuqMEheGKcuGGLCvkd728YESjw2EfZtaNWpQj45UWg==","signatures":[{"sig":"MEUCIHMh4BlDtbiSpZYoZfqJ+cRgNKPVkCrzRFwYPS9rPL5KAiEAwpCrJP+3TlrVx0P+x3wW6q1UZXQ1z25exNDGOd0KwRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFearACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIVg/+IHnXGPgcXsBlIzAx8AEz/Z39fyiQO+T7EA9+0iVgGT+SDvvh\r\nVtoVnnG2ymx3I8RYwjVl1febN8/9Ns1XAaV1GIq+teu7aCRXQ0OD0rZb/fNH\r\npixKZJ0ab+L+HPKBUCktF9Tava+64CPERULZE1R1qkV67LekOFMvfca6kPbK\r\nMXOeBFTmIp6oQRI33t8SQkaB4kcwxjLSosHa3Q4/t5il1AXBXJ77CNrZUrNv\r\nJ/s43WWvrHxF95lXhNpvfw3Po3iNTOiSSfcpOkl0z3JP8Apqn1pW73IcUeDX\r\nOMN4eGJjOwtJNWTIk0nERUFbgn8h5wyXuF8OFWwTKWH2fBIyH/27nVztw+c1\r\nQXkqIc9G5Y31BLI1U2B2hNcr9saUM6DHLE1W9ETqRxlh22H4eK43azOLx6dN\r\nK5HcBxl6Epeda3eldJUIt0FFbGEpB33A6SQ1BmX1XVlYNSkBs1IuSI+yZLbE\r\nOVi1ijgz2uJ44gT77ZoA8mGbiEyJnjExQJw/Rf4PcLQiEy9tdh7u7AIwMfaF\r\n5vm2yScQW3wj217Fb9bwzU+6E7V8tQBQJw9+HpRhYJHco1xvBEWz50JYrNp0\r\n1UM0xpZvk4J6jrqO4bQFsEUBRIAbG5EcSvce1Wr2HUMz04vb+StULTHMcZB6\r\n7ahgdoceDYBAcD59NoGV0G1YSUxTCSegn/g=\r\n=xZTK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230318162751.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/309bb34430c7fa66ad354999e1cfea0a/chakra-ui-button-0.0.0-dev-20230318162751.tgz","_integrity":"sha512-vSlIQ2X6j5y5Ap7mYTV53SYSPs3leNMXwMUySY6hqyUoJuqMEheGKcuGGLCvkd728YESjw2EfZtaNWpQj45UWg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230318162751","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318162751"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318162751"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230318162751_1679156907463_0.3609772399497706","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318171948":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230318171948","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230318171948","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5fb17fdfa2ad912012d82031d698759bfc80bdc6","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230318171948.tgz","fileCount":37,"integrity":"sha512-X+irjTaKp8xuPqeQA2AxQ2qDFwQCHGqtCA9859C7Pxdbep/Jz91kh3ECcWztcp5lHVboCtmdKZaibw3smYBDFw==","signatures":[{"sig":"MEUCIQDPJvMMBW4i3/zsDrGMn6RtovuBKovpEVfEh060hK+jbAIgHEFmtnIbM5ygwL9CV/rNcS/rc/PCf0cKGoH1EzQag0M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFfLlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp72w/+M/KhvuqPckBFY9s17uSkMmXJalZpkNiIQqz9p8f4iLX+hxSd\r\ntPgqXuFkvpLC3JVJpQaE9dC1PBs9hJwdZ68N/jRY7QJsXR+lHS6bO54oDcfn\r\ncIZZIxi8ugaza/13EanEySyX/tOxx52MvfvuLBa4GH6qRvPUAuwQYDYAr47R\r\nV0/hTWa2trM+2c6uC7cYTBMcjeD6D9arX+teB69Eh81Ywf5XzDQtuQZ2MXqF\r\nfz88d2DIGV21cPXUEd64KEff8A3UYzAbGbmcCkuQ+QMKr2+YYEUW2VaYhifo\r\nnINBYJb4HsetjaYkRdWTuvxdATeTDVxZ3DpjKKXaME9O4WLOTiL1yF1JoNT0\r\nAGecrrARXxBl1HQeiuxHUNjWVe9AKGDR/GinC+KFzSUutjkkDYRpO+NfeVlH\r\nHwRhvnY7/A2r+HAytuNQ0Z2Oqjggk5k6da9uQ4WR2EacNmEdNNnXS3G3yFYU\r\nx4M3SwYXExhWmLoe7sFeeYCpDGI/6YEf87+c6jBKUoPPrAKppB+sLHOlQulL\r\nwER2Y46CNuXU/up7m1VOTjt/CcUnwhCjPywl2Eq+4n4Dm8GHTKz3o0wF/MJr\r\n0H/cs7j5Xw+A3wANqmQ8ahgBUEsMDTFfbvsPyvvAiCg6y+uxbdqQUTsrTSpt\r\nJ77TP1W6Md8jqdx/aCJp6BxAOuQjFyAtTiI=\r\n=tWhp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230318171948.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f4add01a4221424f836ab66dec60544f/chakra-ui-button-0.0.0-dev-20230318171948.tgz","_integrity":"sha512-X+irjTaKp8xuPqeQA2AxQ2qDFwQCHGqtCA9859C7Pxdbep/Jz91kh3ECcWztcp5lHVboCtmdKZaibw3smYBDFw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230318171948","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318171948"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318171948"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230318171948_1679160036790_0.8139265339696986","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318173550":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230318173550","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230318173550","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e2a1f945380d396b7889a945977264b0f345d327","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230318173550.tgz","fileCount":37,"integrity":"sha512-kRtX3Im0tCxz4sOtHLTt6wYg3uFxntD0mrNjVXw/zwND33Eyhg9z6j8puXW0qK2g7GgQlPGZ0NMVi2ozDUtgCA==","signatures":[{"sig":"MEUCIQDgJ2qICTDi2vFGd8bfq8athpPKjsnFzNEwfudgofRqzAIgbZ0o9Etdgg2nh3n4hoaqndWTRQtY8r28vfzH7iDRu/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFfafACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOrw/7BotYX85S3Z2QKpoA5ugh9+pdYHbaqeayANpZR/rXmLneywxo\r\ndb11ypK8ZH4U7nZIhOucnrRiwZKNuRn5NxBfQLAc/WCXE3gvv/WgPUfZ0RDh\r\nDWHHIJ53DqR9lhUDWRk8XkWaEYMTkDDJ53BqDar6batgk0HqQSteBoo9aiFD\r\nx9p5vllO3Lsh0F4FWud4UEzgATHaLWz2SbIiO7BxlJp6w+Wh8IOZ3c6wYWWM\r\nU9hcRlCrq03qE/LFoH68YuZOfA4DWDx7fA1PE7Z1gBKlC+FTPNry8DUX2dg2\r\n/j2p8025eUApSreJDwv27KtC/jMPrs3kaT7PVdmaSbbRoIWkKMDKmOWFrhVN\r\nScCbWXAtJxdq7p1T4mcKU8BmUxX2+ohLcJsI1vYTAEY28avab9uv/pKzi64h\r\n2MDB2wHimuT+FRjpA8fCoIJTKwkf0ZI7MqUFaHPKpKpek4F1OlrmVJFVKp4W\r\nqReal/vKr+m60lK15sVCZmPKLcv/YJ7K+lPa2v8VzeUkdxRJ62edFfWjY7oM\r\n8LsR+7ahGIxWOyySQxI476biDfPZlSJlfVmi2rsRlHyAFlh9QKTPLxUr+wXm\r\nyblvds1wjvOaVAj9QJeY/w55ucURaDeKa1PwSFtMVCT9rQ88VfALSjmKsivm\r\nrvoYe0RY0TZdYdVZhEwrDZi38yrq3F2nzrA=\r\n=ySAb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230318173550.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/8bfa07cbaf5f01a08da592504d52cdf9/chakra-ui-button-0.0.0-dev-20230318173550.tgz","_integrity":"sha512-kRtX3Im0tCxz4sOtHLTt6wYg3uFxntD0mrNjVXw/zwND33Eyhg9z6j8puXW0qK2g7GgQlPGZ0NMVi2ozDUtgCA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230318173550","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318173550"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318173550"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230318173550_1679160991306_0.3423121507569049","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318180604":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230318180604","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230318180604","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4187ae8efbb744fbf412090f88fbe8b9781820c0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230318180604.tgz","fileCount":37,"integrity":"sha512-u96HbqmLr758/CjSVbx87Ffhg4/40uPUnz01pcCUl5A7y0hoKsib7TIBnRXJptkcPt/48f73ngW+QEaFInnYRg==","signatures":[{"sig":"MEYCIQCaFmz3r3hLlK3fffdPoigAcUCoQS9AlIeukjBuOWmp9AIhAP8FQQ/aIWDnRf0Lc0p7aJzAtPDPNsl4JN2JXvogqcwZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFf2zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRwQ//Yckg1S0e6ACxzNZH63Lk5BosmbgqMHRA1YqYxQL/q0fZno+L\r\nqf+7GRWy+/ErAoDU30yf4Zb1WdCpm4AZRNNM2dscGxPXVs6OolKYF7WEA+aq\r\n/og65P5xHx1Nw8oem4SdIGsqa3sOVnD84ao7vtAj3TTU16hvKeYMjjd3jB/+\r\nadAc1/oS5iUzsQiezYV5Gd8E8Z64pHumlYCwVvt+/jdn4Euieo8FjAIviWt/\r\nzFUDVfh5cxtJ/rUsnX0K+01wAzvR5xzWO5JuDR+kqMGBOWOFfl5jqcHE4cao\r\n9f/KXKosDGqxQqHDlvI72ZlevEAAaPT1cTr/WcDdJmDWKTMv/x7ccOdaLrfB\r\nY9tsYSU78ZvFMuZlsJwF0YgBD3KtSUmd9RFVHY1jaj3UA5FjonJRNU1bFf9S\r\nanS4eK18rCvFdoI4EvuPpJf3RQ5GtJU4babXTdBLTnmUbBqX+Yh0MEjBKb6F\r\nrULAzLXsByGDnP6ebfETMBWQ+fJKUkJIXr8qxsGW8PCtMWMAokmiqq0ZuLgb\r\nnK0Ed7EZey8Itw036LHg+do5JpQDdbGjkrmW9nX/mnYqUZFbN2G0NwBzdtmd\r\n7Q9OsRnvc/AU3gEYdLzbi6UByswSMCHQAagEItH8OYd8knXtBXEfI1BFDM4k\r\n0jSNWbMgH7rnoBfpidWbHUX111anIc+O7YE=\r\n=SGPI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230318180604.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ef77d4709cc8246bf954bf054264f311/chakra-ui-button-0.0.0-dev-20230318180604.tgz","_integrity":"sha512-u96HbqmLr758/CjSVbx87Ffhg4/40uPUnz01pcCUl5A7y0hoKsib7TIBnRXJptkcPt/48f73ngW+QEaFInnYRg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230318180604","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318180604"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318180604"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230318180604_1679162803117_0.22142535789950046","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318182221":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230318182221","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230318182221","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5e3b0a468cd91e468c062bc50d2352c3734889fe","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230318182221.tgz","fileCount":37,"integrity":"sha512-/nHp9C+zvB4S/VaCxEnjzLdm8lKY3HWAPAG9nL60r6NUVbjftD1+SD+i9u1M+mOu3gqWUasGRf5cUaUiGfInxQ==","signatures":[{"sig":"MEYCIQDdHdYUbPVZLidm4WwlzM8rINU6mT/HeBAWnrg8R0CRRgIhAM6SdcotvZH0dFh/HIY0EPyPaB5HbjmVwM10qBay5ohh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFgGHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtHg/+JhcNDPu3lypZjVaBx3VnFl1oVFo47QExmmL8appOAiPFynb9\r\nLYZiSJw3XmcKHaOyZvHuym0bsMWloJOFTN8l866mLPGMntdm6y8oFQjQB4NN\r\nYI7qsonIsA+ZxgHx1mSnluIigZD3Lob3HK6qJkwAQGq7ldVhCGtWNGc1VBP4\r\n2c+iG0egdnXSdB0Hfkup71Y8AnYeh82KNglu+kw/btjm6y6E3lfga7WSdncF\r\noAc/9uV+szLbsXu6kG6KN9OJiD93szqyN9mO2Bppoo4G7Jg7hVE98xcsmL4n\r\nM5pwsVmeCBx8fOgqeGrUVEBIsa9CgqnjqKqetI3aXe/PF3KRDgTjk08L6uFH\r\nMml7NQbXg4PqEk8/vjoUb4fhj5PvyjeE+3L54xssZJ2gS/2VOM1W90sOPnG8\r\nqCMrt9edbH7UlH9BUFMQPrJ0EvuXl/+O7Ff60/v7Tq0E3Rz7yFQVR47kQkj0\r\nglE7aNevB97TNFedDiOVXLTBDCt65WNEBcYZaF9YpfzmKY/bTTMDcNyKgNbD\r\nJiEna7HhjSL+kWLstXdiZ8KFM1mz+yMmeUDsXYttGqGpaHhm4Re8o5tqPfdQ\r\ndJ0tfNguMMk7sS9fapvna4utyirv0AN0LljXk0T+082LTIQWelVVdIWnApGI\r\n4dHWrwOU8gNpxPieEeYoxK8asEAOezrR8tc=\r\n=HlbU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230318182221.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f05f0ebdaeb2435b52bb92d3e0f0637c/chakra-ui-button-0.0.0-dev-20230318182221.tgz","_integrity":"sha512-/nHp9C+zvB4S/VaCxEnjzLdm8lKY3HWAPAG9nL60r6NUVbjftD1+SD+i9u1M+mOu3gqWUasGRf5cUaUiGfInxQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230318182221","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318182221"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318182221"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230318182221_1679163783114_0.6398559131378714","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318183840":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230318183840","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230318183840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"38a85fb2afe95b50601a1f9b19172b4ce20e3c49","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230318183840.tgz","fileCount":37,"integrity":"sha512-29Ijk1gxFSjpShO21fnEb56zoZJig3WqZYpBLI2XL6Zs4dR5PP5gUl52nsaQ79MtYmh+d/FXhfLeRxfbcOrW6g==","signatures":[{"sig":"MEUCIFrNmNIvuQqtLEQb0bB4d+pHrKh1ZR/peeu541fhddHhAiEA2GLeT6R/1YNjgfPSRcUgP3XT4CaBdk8Ge1zPFXWTJdg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFgVbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTgg//Y4LAf1HM62P5IbHVN66ot69L75CsidC8FPf83RUeN5Dm//NL\r\nTHKpByqjlUue1RPppIm5WkRli+Qa7joTykVfzArqkaiVHzNY0KX6BIs4XbHm\r\ntqzCsPLVp0gp/9+lvVNWPbJE6gto13VwETKRRyhyXB+YkqkjWDLkYLNj3uM7\r\n35IjA9HfaGWLruIACldaael1sisP1x0SiiluhzDv7vB+Qwz12IJi+Xie4jGE\r\nN0uwpl7Yq4OVri8jowdDZjnQJK5DB8QXFKadTCdHkBgXpDecvqEHRLLzgbZe\r\nSnKWW8z9Wrsy3ZzORC8csgOvzJDOtDnVFdux42DVy8klAVimH/I2M1homfy5\r\n3DP/1YxYFP0BhJpJY6qFx1k8+QCd+fOV+ycYEL9yNRvcMrtBpmeVis0eWUMC\r\n/dfVsQ32KYEOIKJlWKl9f+KSiTy+N0ml81QdSra7m50hd6Oym0r42dXcxRa4\r\n8OqwoUNdCs88xhxBv4YWDUhO5i8ep6xuPUgvBewFPBQ8c7OMDElt+fog3/SD\r\nZoV4ttJoEb8xSTqQ7FfYa5aX7ZsLdHzaYPM/YDUOqbI4Q8vhu4xiDflqUunJ\r\nNi6mNz2ITy6aoucbpx7PNdoMFMwezH7Kcs+GCFJQdU9c9+1h45wcGA8dyC73\r\njq6fGsLVS1ktC7Etm8C3VX4ecfAEOjExXEQ=\r\n=HF8k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230318183840.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/3706ff6830aafdbbd791aa54258d3a71/chakra-ui-button-0.0.0-dev-20230318183840.tgz","_integrity":"sha512-29Ijk1gxFSjpShO21fnEb56zoZJig3WqZYpBLI2XL6Zs4dR5PP5gUl52nsaQ79MtYmh+d/FXhfLeRxfbcOrW6g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230318183840","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318183840"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318183840"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230318183840_1679164763288_0.5799835307305434","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230319192154":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230319192154","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230319192154","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a2fc65ca6012454bb8b4b03b71aa3197bd4267be","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230319192154.tgz","fileCount":37,"integrity":"sha512-oFbtyms7NEFXDHZJ2zkrPxwaTyF28rKP8S52C/nSoYxef6N/LGhydmGRpeIriZiahoUOEQHaGyEy0xgMDfK83Q==","signatures":[{"sig":"MEQCIGpoiJ65ahZDDiX1DREozDgKh9R4eAq6yrBIyhXd5v4AAiBqXdlhXr0zUQoUEtnC2MdKoqf4OU63XQ6Z7kJNtsqgcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF2D8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwxBAAhkBGrr1gUNZmd8kt/cs48na8g7Mh2q9Y2GEOyO4OI/xp7Ckm\r\nvpEanxl2+T4K5G9NLDoPX/5WV2+1N3yQeH2gIm1O/UMNIDb49TfK0iONfBpC\r\nYKdkp9D/vie/6XZuG7lwjlAXQfpRPTZkE5gw6pnyTq02ZuaPtUF098qiLu49\r\nxdgZAWdES7r7MgRNIj5+KxOm8XBZJgBXBfSImqucA2sE2LRCJyqHPb7x5Xb4\r\ndyaJ3PGwmZ51Ne9BXlFdmgwhhttecb7u38YyuFZhs1F5brOkUu+5qAK5gkGF\r\nWlRhQSLH29LlNjG8O6dzqEriHY5raCn8vMI54Prbh6oduZXU4Lfu9+2BBwg1\r\nczw2OsySOhB+knKs/npezXouNooDG9IUwitnD9gopT1EJvlLSXqjEwLIjfcR\r\nkR4k4ijljUcC5451nxsb5tHYNTEr2xiZluXxRY5CL9UBBxMI7JypMbnvgjiJ\r\nsLhv+m40S+7hdQ4R5bQluNNWOL7usa3axUS9DxywI79vNWQI4RtLcuv+XVxE\r\nR130x+Lsu2o7M7IjJu7hf2QEnwluvLevrbjjuyjxMp/lYxVCzDdNkgsSMWKM\r\ngSNR8sqmzM4DiatjiNUbl6gakPqpEdGCnS3vw1uWj9WH7aGnEIzHW+UPPDTX\r\nlZXQQ7CGAYZ3IkcP3k4oVWMP+e+MJildBG8=\r\n=AANh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230319192154.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/f9e0a1938475dccff0e6588f1cb9c012/chakra-ui-button-0.0.0-dev-20230319192154.tgz","_integrity":"sha512-oFbtyms7NEFXDHZJ2zkrPxwaTyF28rKP8S52C/nSoYxef6N/LGhydmGRpeIriZiahoUOEQHaGyEy0xgMDfK83Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230319192154","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230319192154"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230319192154"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230319192154_1679253756595_0.34081523627379817","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230319193708":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230319193708","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230319193708","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8bd192944cba74594fd28b2e652e239ccaef5ea4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230319193708.tgz","fileCount":37,"integrity":"sha512-WjXEDTe7YOGxrcMTLQCsjVp4CMUW4Qb55bM7/A5rbumpD0yMny/L+3exps2Y4tZVVIkhQvNuhhRaYdY96S5+oQ==","signatures":[{"sig":"MEYCIQCpZH4ZDQq1JIZWSw9B67YclpbTt9gwFiIVyEOfSOoSJQIhAOT3d0H1L1dGFfwFzdvvepoL8Auq17aA1RZjXbtN0fUm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF2SMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog5Q/+J+StgtZln2+d/lJ3+2HecAQBrF+SWw0TqS5GxAgmzMpPaqIe\r\nhUk3cd1WVSC1YHN27k9e2pijAPENOqv1Ywp1YOJlmGpoqvh75fQMxMX/c/r1\r\neD3fVAmgunkWtQ1+hScdHLPiXf+mBM1tTkyOpl3jkUZMkVoJLJzYKMWYiqec\r\n8Fs6EOSicylWuC4bgMl//cCkhogWzPBpvfWdLuNp+PVT5cp+nXYG+tv3sTU7\r\n4ggBYPGaoJhZ1j/T/wVqTyYauO4VPhKo7gD53Tf1G3PZhQjDbrs2HFcUY2Xe\r\nTSGB72hxBImggY4328ni/Nfayc82t9hhEI7m1IWZXX+rpYUhpYIVoe8Lp/Rg\r\ntV6p5cmEhnsqDII7elSrOB96SwB33D26Ar2LqO6ELBt3y3vcqnigO9bQ26/E\r\nzTE+cIs7DyKDE0B+W4ceG2FqUWpkklzwkbaZnbYEGm/Tfgi7NZRy5I11j8V8\r\nS/YCimYbsbd3Vzet4gTfsLTCau+Uk5GenUJH7Tyiq+QPPR1FgLi32ax69spi\r\n6P71NTQFNCfzhmg9zZlOwsA5G997EXYhnQvkN6a8KUdOBn6s7mmlcLSYfdYC\r\nWrCW0CNW7wqrfvty3HgOQPVzarHZms35Kzkj1DOuj50HwP3R7igUC/O7KvLb\r\n7T+8IBMNTanj0nDObrA70UtxfvWdE+y4ohs=\r\n=8g8G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230319193708.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ef77a938f03862a9b676adc79d952a29/chakra-ui-button-0.0.0-dev-20230319193708.tgz","_integrity":"sha512-WjXEDTe7YOGxrcMTLQCsjVp4CMUW4Qb55bM7/A5rbumpD0yMny/L+3exps2Y4tZVVIkhQvNuhhRaYdY96S5+oQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230319193708","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230319193708"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230319193708"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230319193708_1679254668613_0.6668467741503392","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230319202046":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230319202046","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230319202046","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8bd3bf849dd368abb659df433f192ef1b848eb97","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230319202046.tgz","fileCount":37,"integrity":"sha512-QwzBjk9EV4mmlXCI2IDM/8OEhfCfBhkmJgNJzRTI+G8ikvBqjvWwW1GVce4q6Wf2pQGHaREVLeleLdGuKwSMnQ==","signatures":[{"sig":"MEQCIH8bZBonc+k+IS0Jvk1823YcndvOLAJo9aVU6TXXaHo6AiBUQdpcpQ2TAQSNS8zqsxLErNUCqP0IxF7zEbeJ1oZqjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF27GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopoRAAllhmRNlO5pjaVD41/za445QRek+IsYD51xhHyPBQ5uqAU3NF\r\ne40WkumOOAqkgCs6BcMmfEZOutf8zLHG9N3rUnfVdlM7kB9eD2bzSfOcyBIA\r\nlFwa/Jn+GseHnkl2XuQuuXjEIlwNhB36YZh6kPTuOCphk4QHgcF6gpLnO43J\r\nrUmYVsWBvJ6caxUIRucOYQVxxgcdV9IGh9I3BADFb3hH0Qq+KnBQV7m/l+lo\r\nn8prZoREwrdecSm7utZ4GpvMjObGQaJWUPkdSsVhRQq0WWw99cGeDqaSwmok\r\nOWcwmNt6AFgLN1bneiIKcU/IwOJMb6+H8C7sYzvYfSsMBRKJe9Wxvf7qMkrZ\r\nwjQeyDyJmHGErLIj8wJUr6yoYyu1il0kXfZ/V/34F933XMrEHJft8fkJeMB+\r\nkjPXJzqoW4upg0ALLM3iZS9gweBEOx319SRagxFhDQXF00J2ZkVgwTODHni7\r\nX05miV3uzH+EXR0JUtfYv+iRynOPOpgeZFBuBaXzKn7z840U/6Q8aYr5myZn\r\n7N4ZeHuZdTGTxqIqWCjaQT+hb06Y/C6/T4I44tHCy0a4bixB60lcCIodg3qQ\r\nlMsxIrg0hgvpXqh0kCrk+N6NqHceAvpvzyvtT4bTbj86SjBkq/0z0BgbrYfg\r\ndr/zpbqMt72iIaN7KuyqsVQ4SfyqATw3CvM=\r\n=usyJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230319202046.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/baec55757bce789ff840f7aecc76f2f7/chakra-ui-button-0.0.0-dev-20230319202046.tgz","_integrity":"sha512-QwzBjk9EV4mmlXCI2IDM/8OEhfCfBhkmJgNJzRTI+G8ikvBqjvWwW1GVce4q6Wf2pQGHaREVLeleLdGuKwSMnQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230319202046","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230319202046"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230319202046"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230319202046_1679257286246_0.21726826052597903","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230320183136","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230320183136","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a7c32a9bd2ce8bd0a6e8988747b9c3dcb2ecb0f4","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230320183136.tgz","fileCount":37,"integrity":"sha512-GFWLzoUZ7Es0WDHVT7SgXp1Zus3yBf7Zk0OXZTasFB8EiYlSzHidciMUyTbygII1c9EcanJdcG+Gq9RLLolKpw==","signatures":[{"sig":"MEUCIHjQ6pcKU4k1EBdgzbYD9KBzK6anewnpAWfP8m7DLBpYAiEAwysq3AtNq1WlrK8Kzx12k/OUcYWyZ+zPcxH+QY4Ht2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKa8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyAw/+OR4+6jTYoTr2sJEadk8vPeROL4umcGNR/u5T5BL8xWxMKqGV\r\nHNzoyrmPfuMouEHPK1poJ5gL58A3dg5ufY9Zn7Sg4tjNl6z0a5IOvPfALmtb\r\n+8507O+uutosz4OElRyZm5KRmZ/u3ksFTMgCNQEDlD1HWb40mJLPOl2bzfLJ\r\nbNMk8GWX5pLe9+QC9CdUxiRVZASEpDGDqHgwa9IzTYuNDVuAyE1ZKO086/zp\r\nsGUAm5lDjSFcWuaqUf0/pET5M4Rrb56k9FEv8Kojf3grf3o7JWR9pcz3J33O\r\nXXSx+yaMtiHTHRqtkkYI0zc/UspKzpwP1nXkWvCz0ThdRjx0t5S95Vm39Dnw\r\nme/zfZJzUAOBhUSOJYc7atrJVZlvTYCCz+lX333E2WPLN0Z7yTb8PbrOfPdt\r\nlr5HZsmyzxYdIsFFk2rNPsMDuCFS8gAn0wYeU2VriiWBhHVPJKvlRaZvZ90k\r\nx5LS3R6DV1WyizRAEd+aYy3jI7iRToNZkYyA+DtXmojU2m9U2uWslDpOIrpm\r\nBecMjjKR2xEGUjirZo+lxemUE9gFoJ3U/SMMpHX87+VJ8qy7Mlq9z/GN8wX3\r\nWTXBnU+M1bhfNQ/LgYq4+lxmKaGUn1P/SKlC12LwP2ewo/1NGINA16rfHUoY\r\nJKdWliDAeGcvwqd8HPru6Q6x8q3UXKMijY8=\r\n=NcId\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/516bf0a7cff4a84514b9548aa8831b1a/chakra-ui-button-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-GFWLzoUZ7Es0WDHVT7SgXp1Zus3yBf7Zk0OXZTasFB8EiYlSzHidciMUyTbygII1c9EcanJdcG+Gq9RLLolKpw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320183136","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230320183136","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230320183136","@chakra-ui/system":"0.0.0-dev-20230320183136"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230320183136_1679337148170_0.7808981326909004","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230320184810","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230320184810","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"398ef6058f13df21ab810cc08975682f9929faa0","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230320184810.tgz","fileCount":37,"integrity":"sha512-XWTEywjWk5irva8ZyvrtL60RjodBRnHjf+MoROw97VzeBpGqGWcEiS3WLTmJMst/3Htsah4jQc9YsbPVpQb+Qw==","signatures":[{"sig":"MEQCIFx4HmaN6HK6kmCyfdAkZzBomjczckl4l35EZJL0GoxjAiAB1+RzuQBBr0I9MsVuD7Rb5jf+eCoDucSXKKE6HIFbFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1Fw/+L2XFicwOenF2PscavAyBwp70WHLh+D7OZbrKw1iR/HYDAKz4\r\nXLkRXsWVYt5CYaIUsS7FfdG1KgDwLl58IU+gV0XgxSJMSKIwNqioEQmc6IFg\r\nHNv7TO7ZzLH1zl6m6EkpTUrdM/5JnubIO84OVN7Q9Hjv6XaKMgsuECf3oHuh\r\nfPRxOhGhFS7G9wX3X9bx45RuxFcBxp+k7k/hTCGCmuk3/QtY6rEUoIoIpvM2\r\n2yeljPNQIRUUPCyaRtGHhwhChGb1bdGqEdH3O76CXvQltWAqqPX6aKarzA5B\r\nu4e4BR1fd0yAhZJfrtlqlKMDTR45CSod5x7IZMrSKu4PEq9xXkH75DxzDGRg\r\nvU80u0Xcr7eMT2n9hETICPBajCf/VHYdeE6Z/jPKr65NWQSUwK4ELcrEB7Dr\r\ntIh5r5Mx8TnRvNpSR1E2pKkPEEs9TXw55BGtYkBhvL1Sy4EGfQdSZCbCQLHg\r\nNL4hJMXULi5o0Nhr9KQPmhQnQ+pdhl8AsR+3EG5mNS6wjSKDyaUw+4FhI0dU\r\n7LA4oZwYjwwJWJTh/8JEmPG8rP91mKDYYhkTE+Yi+eU3jrKSno+SqMnA/9VE\r\nOtLWLevElOtk5TS2m4dKinjgNYLdhh7VVsopxKZ7hjepO98t/KfdIbuPwMt2\r\nXIolXhWo9kh+LKJ7ZkrurAivpe/2OKQ4PfE=\r\n=jC9D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/4120faa979ef4e04566cc0da1bbe46bd/chakra-ui-button-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-XWTEywjWk5irva8ZyvrtL60RjodBRnHjf+MoROw97VzeBpGqGWcEiS3WLTmJMst/3Htsah4jQc9YsbPVpQb+Qw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320184810","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"0.0.0-dev-20230320184810","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230320184810","@chakra-ui/system":"0.0.0-dev-20230320184810"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230320184810_1679338133032_0.6567614888087703","host":"s3://npm-registry-packages"}},"2.0.17":{"name":"@chakra-ui/button","version":"2.0.17","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.17","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e1f13d399512cb4145b58ce53aa457992c526fc2","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.17.tgz","fileCount":37,"integrity":"sha512-ZVDK5fQlnNMckxrhWtywdthWPz/QIJGYhN0t8Xgk77DaZVQ9fX6gTjPtR4YH6C77dMCamSVOVPh7u4dA3HgbGg==","signatures":[{"sig":"MEYCIQD5QwSfJmdrpZIIVqhZsANnY7YUFqHFKiyOCNxwDPfsZgIhANFtGPVfLPlPemwzRa+lWHBP6/SGhTsIk3JiwV1bm/Bm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCccACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruxA/9FL9unhceIDa6uc64/P684p9mCwaCl6+EVUR4lgM2vWeipdQn\r\nqPcuNP3ztpNyDYjLf63bF38QIv7o+hNMPAAN+W7+1Qa3j1XwWgBVRT/R3OlP\r\nkxFwQknD5rZ/EUO1mRaL2s34cilQkmdazOh2MdxodSVqs1kc85L+WVn+rZB0\r\nh0F1Lm47upnjqGLRjlJw2vFaI/AD142vpWZEjqu7ZOXrInZ7kAu3muO48ZBe\r\nFbi/rsZGEsERKnfz3rN5hDgMicUKNOGFq9y1Absvmgtm7eKTYmW+PeVzPQLE\r\nfhjV/IbczIdvn0UzEkSlZedP+TbiFikJC/e/C0rpFrUpXFfI9CQ3y1xKDs58\r\nI+sjiKwoPCyA8FVGxI0xTTpb/R+H4rYruam7IXtYuZbuXfei8G5rTuDeQTdm\r\nmA5TNSoLVL8fg4eQV1QLGehxtDv7VaCz0lSqKm1wPSjtupYarQ9t7yRTl9SP\r\n2XaPXDcllLl2Bpz3gTtGeB9+vUOK/9XKe8CrxHLlPHlMKWiZKYLCELMwWRjw\r\nKr4q9CBdUjCC6bYLih9TchuGjkCvoOU8xtgHu7zAiSQtMWPBw7tVl0eHZ68H\r\nOzza9DE1XX/DrnrjbWHOcix53hD1TL3jeyUQAXyBlao0vdEX40tsXE0V/OyP\r\ndeYIdfAnXabEDCwICsLQKYMnVKVJ3+ToHuo=\r\n=DuJX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-2.0.17.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/c1562bd0faeee527cb03a6b154255626/chakra-ui-button-2.0.17.tgz","_integrity":"sha512-ZVDK5fQlnNMckxrhWtywdthWPz/QIJGYhN0t8Xgk77DaZVQ9fX6gTjPtR4YH6C77dMCamSVOVPh7u4dA3HgbGg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.17","@chakra-ui/theme":"2.3.0","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.17","@chakra-ui/system":"2.5.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.17_1679566620234_0.32597873876411443","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329123951":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230329123951","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230329123951","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"600dc5696ed547707b8a6a0a17776a5cdfa09777","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230329123951.tgz","fileCount":37,"integrity":"sha512-uZ6xrEyGBXHOw1e8rEBXrNe8q4x0VbPostyXdXVA2J/QTyXASIk/KExGKNu6YOT9vMcnzW6IwdGnUjqPdMGPYw==","signatures":[{"sig":"MEUCIEiAbc6nHqUVBSdTncODcXfySNTLJ745RncEYvvcm85HAiEAhIWorhiUQ9o0DDyQuaUWZjCYmoRFfUo/I1VEBaWr4+0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJDHBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIaA/+IEbuUPf7veuW1gSgtG6sylj9NTFGizfubukuhIqvAzPXwbRT\r\nkODIXxrOU9eRLekvnvfrOl5LvdNrJTesnq3q7omD23rW0TnvXxu7NVarSX/J\r\n/4It+yfmGlH6J4/jraGSg8J5zKV2Vp4RRl9cYRolnnIy/37vXZ8rlAd//ud9\r\nR3f+0gVo/JKVnAG5jQvmPf1MBDnGpPSsmYCpDj6ao+86WrtEqz201/s+G/i8\r\n0zd11BkG3cH8+6wqVCTsA5VBvNamC6V+ZVC0KlAE4uXRidPYJq7M+pegAbGh\r\npnQfMJZ4PjdjGFCnxVFQ4aCYVKysEmOg2NW75TL3zPMWnzhDGy3RKZCiB0Rn\r\nXNqlenwu+oEOLFJefjyl37fhxsXmNm47qYEg/63nYvlVxo/bye0jhAD+kAII\r\niKfwbeiHiyZgWcYSKenVvRcQc5ZJhQdv6gWIcbeM6zZ6VOwyIPRulpFJySJV\r\nx2dNT2cWMuwl96vHXGaNS5YXKnx6Iv532xGpOmYVOEQzJgdIaRZqN7NWhYk2\r\nadhMp+4frP0J5DF/3UXrZpnX/YIzgRZCGbt+ntZD2krk/44WJiNqAkOXdcgC\r\ncDdx5XQWYUqJYsbefJx10pQApltQsUrUYk0z4F0SOdVy7VOpYuLgDVCwI1Gy\r\ntqo+kETR+zXMPvbk4JawTMKewNxpWOj1Sx8=\r\n=e15f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230329123951.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/bcc31baa6728e6a845219063c9970dbc/chakra-ui-button-0.0.0-dev-20230329123951.tgz","_integrity":"sha512-uZ6xrEyGBXHOw1e8rEBXrNe8q4x0VbPostyXdXVA2J/QTyXASIk/KExGKNu6YOT9vMcnzW6IwdGnUjqPdMGPYw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230329123951","@chakra-ui/theme":"0.0.0-dev-20230329123951","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230329123951","@chakra-ui/system":"0.0.0-dev-20230329123951"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230329123951"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230329123951_1680093632755_0.48170474270283137","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329140150":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230329140150","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230329140150","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e8dd06129c0f31f544d587f087cab4e7ce7f637d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230329140150.tgz","fileCount":37,"integrity":"sha512-okpu+91BytTUR+s+DxyB/QIeFi2jU+vc+qmS2uNKNcFcgPVXaWCPQ4G+6bilqYC/d+hIqi9CCaDA5PqmG7YX3Q==","signatures":[{"sig":"MEUCIQD5ElBJpkaPf/SID3cZ+Gz0ZQOr8UbdcxddEPbQlJeZ4QIgZwZV0yh2yl39ptM4iiVjrDEVACegR/EMX04FDokA8E8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJET7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxeQ/+KO8j4trDrX0vXQ0tmsxiDAPQJm3fOYZvEeR7u3cvaJstgjhJ\r\n5X0jzYtNksP2amhL2MzHYczUy3VDEuFhdLRvl0opcWc2SNtFqT4TY/A8mEYx\r\nUDHNdJ9cpaid5qU2cUawREfmEEbrkHkd/pkP2aFXgND+WrktsSbHlIQRu3/h\r\nw9hQgx187Xm2XIVAccQtahwjK7pdTUGOzld7FiU+mB9SoSbHIJPuQqrnjQCV\r\nD7Nwm/3gUROmlQATy7NHy4duF2Kt8zXA78l/+1gZ79Lw97ZOhqfl8ijXvPNG\r\nAJ5/EqugExYEONxRmGuq4+GZFSjHC3wCm9hl7XuKM5jvvpfuLeL6fOUSUbWi\r\n/Z1fihGfWl7OtJQeejMG4/SfAaXFGp2P4FalrQwHDLj3xxxNdp+WKfGd8pd+\r\n49B4huDpXaCU5pG5W+X3YS2DadiiWmW7mf6tVUh4oFLi3phAI5eHEWoyYY/3\r\np0y4BnvGrZYjVkJKBTzNdcq8wOmJY0fBV+b+COA65SV1xVrOGjf41J0o9iah\r\naVKD55lgNJUQny3/B8uS+ggYZQmkUpn+NIRrGLKOZT5coKt/6XFf13D8FASZ\r\n7Gqny/Tr+cdWBNVB7GC43MpYcjlYyVIfwCd55Pg0xK3DbVlhrdUy5Rt4sEC2\r\nW+9fQt4bYUT03p4VqPAOUPYqtn5iR0LJsAQ=\r\n=GqcE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230329140150.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/4f230a33f7c49c6ba3eaf8f6228efb47/chakra-ui-button-0.0.0-dev-20230329140150.tgz","_integrity":"sha512-okpu+91BytTUR+s+DxyB/QIeFi2jU+vc+qmS2uNKNcFcgPVXaWCPQ4G+6bilqYC/d+hIqi9CCaDA5PqmG7YX3Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230329140150","@chakra-ui/theme":"0.0.0-dev-20230329140150","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230329140150","@chakra-ui/system":"0.0.0-dev-20230329140150"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230329140150"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230329140150_1680098554919_0.09220992611702172","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329141708":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230329141708","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230329141708","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"871606cf7c5866f33b0024725c1ae96d4a6d4bbd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230329141708.tgz","fileCount":37,"integrity":"sha512-7+hkhj1FhwaodCYCAefmVqhb5/Jze+195UwgdbQGCToamo13S36WwIj5osAS3N+h6ofSbnHIIzBZeUT3wPvneA==","signatures":[{"sig":"MEUCIQDcD3KL1rgkTkY2PVTlnB0sTCjEwTlRZ2FnlyC98LZ9WAIgDIA4Vm9v2dbdhZVDeAjBM16FGg208z+WDb3COZ5rgBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJEiRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNKQ//YLVCP3ec79mppKcwByGHNsUsAuX1quEY0uvrDqfez/MZE+Hd\r\nUPEBjjlHiOOBG8btZH3fRyPMhjzFK4RuUG4D3WBn6qUdcKHAbENpn+d8ZVaM\r\n3TH3ZSyJH+rK1bcBT9Jv7ZjpsSq7wTWrGnKdr3XmhkWZL920qFd318xqC4XJ\r\nk4aXamV/RytkNVlkFc/+eOAMkQ9nJUNqULLcMDPEWHK1OacCH2Gk8/cgqnWv\r\nndRA+b/IMwC8TwbL48t3cRwt5muUdMZHBln68yAi1l2W5RPdf1eXcxg3HGxR\r\nNx1VZcr6P3Nb50KMHlYE7FE3bvjIeQ0p4sUt03CIeWzeTA7ZGKv1fAqj6xZW\r\nhlfAjx5zEAEaU7wMh2xQU1M9v7+DeYZC5iL9WOkRgVOHQJULrXj0N4uKcztx\r\n5nq5uGctIsVMSnG6y1fus8cN/Whc3iDQWL/WH0g04rTUecxVcRSOEg9ST9Rp\r\nf5cQz6+v7XsQMvuEsvjHvlWzTJLVCUAJ+3qzMGqlFdL3cfyY7lcCVp6MvWlX\r\nzaXNlE/ceQ7Xyj4lVniiQCzLHPKbBVzfjN6Idsix8DnMSmFl1ghvdLvGDYKc\r\nkPAOBvUZYyKytbIexHOh8HEGfzTSJS7qCYWrN7dWR3F0dccZorFPms0jpKAO\r\n6EGfX8KbDC6T+fwehHUAj8ybdGEWjCgf/og=\r\n=g8ho\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230329141708.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/eb79acdb1a7dd801adf7b1a6a9f77fca/chakra-ui-button-0.0.0-dev-20230329141708.tgz","_integrity":"sha512-7+hkhj1FhwaodCYCAefmVqhb5/Jze+195UwgdbQGCToamo13S36WwIj5osAS3N+h6ofSbnHIIzBZeUT3wPvneA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230329141708","@chakra-ui/theme":"0.0.0-dev-20230329141708","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230329141708","@chakra-ui/system":"0.0.0-dev-20230329141708"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230329141708"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230329141708_1680099472763_0.2149949397656561","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230329144927":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230329144927","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230329144927","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"264122a86d5a47f16e3fac119463f4cb366e0290","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230329144927.tgz","fileCount":37,"integrity":"sha512-GD19gGKbW5ag0cNdRiQAYbYmbz7QtlRFwR+jO3EmQh1YM9o+TYDt7TTJji3LJjiMx1tbfbz1t4w4PH7fyzK1HQ==","signatures":[{"sig":"MEYCIQCKAupd75OGsC5YI1pvboB66Kt98cUyzeIgm0+ObS4lcgIhAIKjs3W8Gqb6x/EgNfWT5wVJmBZpxh7zk/I0pmTOWQOS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJFAkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpb6A//eDvTtiZIrqaFy/FDG9TgAwBlkpyRVQUYRk3kOKMZItULdzQi\r\ny7gUQ3KX+uLIU9VJYDNZvPkpKWHuRX0nyrNl6nB1pOR6FgOYgNWIpa2G2HlS\r\nQSVPjGNGlXhZ+kWmJwhZGHmJfk9NhyWuJvMnu6r5YpaFtGRAzvJ0y7MvLwY4\r\nxumz6sJs2Q5plmYTXPkmGNUSx1Gc7dKSw98S5DOxEFq1ww23Q7Bb4eWlgosx\r\neuyPjY+xmQNpU4YjoIU0lAxFlHEnhiWYDqfRQz6KVHsEHaFLmLmhcn/pv5so\r\nQ5LSur2O7qL4aLnHq/NMuI8XQyB0MTmKXRODSo/Y/Sx2bd+j/xDHRjSOSk2n\r\nUiI4XygxDSjbQQuib7N2+m0B9gaI9iMhvPqACXyISnjFgdpJC1IofOs8BLaw\r\nZYKP35DAXcrPIQmUUY27aHR8oOLSNYIZB1yehSiB9IZywpP42SSeQVYTUnfI\r\nZ7OTS2DWw89xceHUXLoJZj92l702U+U9tPaupOkptHa8/46Io2JRdVzSo3C7\r\nN1bx5Y1k040bliASJXcwFpVe4G7eqPcEpVz3YxgSHTuXVIPGzY6y4ClS/Ouf\r\nxZZYjOBF7067cpK6SKoaGsTmsSpYfWWrbhYgRf2v5OKFCBLOeuJdik+/e862\r\n9BFghAZpu7NtCJ8L5xGcUR7VyjCUUNnFsUM=\r\n=kwDZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230329144927.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/fa8957c446a76e442c4de4373d5f1d95/chakra-ui-button-0.0.0-dev-20230329144927.tgz","_integrity":"sha512-GD19gGKbW5ag0cNdRiQAYbYmbz7QtlRFwR+jO3EmQh1YM9o+TYDt7TTJji3LJjiMx1tbfbz1t4w4PH7fyzK1HQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230329144927","@chakra-ui/theme":"0.0.0-dev-20230329144927","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230329144927","@chakra-ui/system":"0.0.0-dev-20230329144927"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230329144927"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230329144927_1680101412237_0.9876503129310625","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230330124619":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230330124619","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230330124619","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dc493162abda75b860e5e130f99e9c969f127ebb","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230330124619.tgz","fileCount":37,"integrity":"sha512-23KctU2kGT5Ceow34xUgfOazeAsNsO8xwXnqk5sfKk113XBGdxqnOrC4i3JI6E8jbe+DRpsN6Lq6g2XmSHKRfw==","signatures":[{"sig":"MEQCIFaRHq53I71uN+ZElSSbNCBO7FD0jX7V8n+Fl+E7zCyiAiB0ebTgJBLdbYbSjj6/7TzVaxbMy40RRywz0qWWiE9EHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJYTEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjKw//dDHfKyWPk/SVqAjW0yd9zhxjBkVVNW9sDhSeUqcVV+TvX1yb\r\naUcFLYCjMZGgEYWG3vhKXQqqEwN098yzjlvualykJ9QfjYJERTAcMlg7U10M\r\n7+7VtJL2uUzLmK5sL1g3ksETTz5ivC+8yM1Sm70Wp+bekgmh4j0nrENYTYeZ\r\nc6lkvvG9Doda1/HACuxA9ZdUxvKUUV7oh5CGgxYnEkLfHtspEgmOFul582Zb\r\nmRWveRATHUqhr+8JJfZb5aqtMPvlTCgJN5TK3jgqQ/GNPfui/qp3RmXiXnht\r\nzIvdYuz4IhyxoPtrwSobiHd7Sk72Q3iO63kUw5BhWkZ8r+lZs/+AghZgGsfZ\r\noc/bxBLdZS8vs1S9LdyncYYKU96oVzuHGf6fswDRS3bwOFlMlzxrei7ShjVq\r\nJNachz4T3IUYMOVhbXL/ChsqFxdVjVMmVZquAkFPfIiTP0978o1A33FmRwD2\r\nd1ol8EALsqoPGz4YDaLebggl0OpCxxW6zOm826D84QaWPubKYwcEEMPiVeu/\r\nx9o9LKApOyX6bYzuRCU4mDatwU+QMKaZEhkdaWC08LaMqvk0p+v5cOueJZ6R\r\nJkenV2Opp5IOTp2piDvPRyWErX2YV701y2xKkM0jdxKLHN8tGP3BZtGwtOgc\r\n9i53VYvZspeNllr8ui/iHkv5Z84n3sEss/U=\r\n=vhxZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230330124619.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/75600f4416266bacdf68ecf503275007/chakra-ui-button-0.0.0-dev-20230330124619.tgz","_integrity":"sha512-23KctU2kGT5Ceow34xUgfOazeAsNsO8xwXnqk5sfKk113XBGdxqnOrC4i3JI6E8jbe+DRpsN6Lq6g2XmSHKRfw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230330124619","@chakra-ui/theme":"0.0.0-dev-20230330124619","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230330124619","@chakra-ui/system":"0.0.0-dev-20230330124619"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230330124619"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230330124619_1680180420322_0.716120237720606","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230330130626":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230330130626","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@0.0.0-dev-20230330130626","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a0651fbcbab51fab2f9f7d131981b0e6d2c51d1d","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230330130626.tgz","fileCount":37,"integrity":"sha512-YpPXyku55bw0ygPfFNymH+DpuJhDDeVnfXPkNFS0YA9lGxNLcFlsSxolUXPtBU2Bn03mA4ZaC+h1uRcsUlEI7g==","signatures":[{"sig":"MEUCIB810PdukXM1JGS48ArlMunJFWDzVD6K+Hcm2S1cyHvIAiEAtxWcOaYArlnPEZFn20S4bVGcifEyFs26Pa5Cupn5tI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJYmOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8DQ//amkMjntE4qrAgm7+ScLHZ3olOCrn9C024ozOLKxrKtb3xWDA\r\nH3OHwEhwiZaygqdR/ejfjqjk/HKAlai+4Lxc2f45gwsWGHQDB2IoYur7tKoO\r\no1ICY0WUSDmCYHqn5whb3vpn6GZDSjg+jgQ2FDvuDTanESeEKL78kzuSYZxI\r\nepoABg6JY4oH5QpZ65nOQNtSQ/9oioWxhh9Cj8bxb0uUOQVYNsYQuuWBrRZC\r\nIWWYEtoaOn+uoocYYm6EoJ5u4MR3Ir0QKPNmyWG5F3tclJqUrcrBpVc7Kdjp\r\ny/0lY5D2gpPSv7FLx2zs41uZFeuzhjcP5vnn/Z2Q7yBc9f+OY94aKcoBNStv\r\nQBDQb8g7am8qxIKqbumzHLun2GWpdsO96wCyDIQ4FoAcjeL0EeJ2Dqd/5OAV\r\nvAiKxduvsj15tUoVF1sDKwYLjdHpxCCgSCU8fPAeONLAwfnE7dZs1yOCFnrR\r\nDUaCv1Yg9KHMOy23n6tpNC+0G/H87s6xavZqKNrJ2SGQO4PRCJda+Kuorh33\r\nY7aAI682Y6edJeky7M3OqIqKMY1WGK6fxwF4LBipGv6a+HH3Mujqb4UWyEK1\r\ngJP5bg2uvULxc+gFOs/iGOQTi3o+xydHJVAjfp5sAkhnnHMkKNc2j3bHfvnf\r\nFocCONPuWcndEDZO09wF/QxFzs1GyScUBIw=\r\n=W5sz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-0.0.0-dev-20230330130626.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/68a2a9d2e980767e6a496a133cd31cfc/chakra-ui-button-0.0.0-dev-20230330130626.tgz","_integrity":"sha512-YpPXyku55bw0ygPfFNymH+DpuJhDDeVnfXPkNFS0YA9lGxNLcFlsSxolUXPtBU2Bn03mA4ZaC+h1uRcsUlEI7g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230330130626","@chakra-ui/theme":"0.0.0-dev-20230330130626","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230330130626","@chakra-ui/system":"0.0.0-dev-20230330130626"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230330130626"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230330130626_1680181646737_0.1352726054507296","host":"s3://npm-registry-packages"}},"2.0.18":{"name":"@chakra-ui/button","version":"2.0.18","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.0.18","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c13d2e404e22a9873ba5373fde494bedafe32fdd","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.0.18.tgz","fileCount":37,"integrity":"sha512-E3c99+lOm6ou4nQVOTLkG+IdOPMjsQK+Qe7VyP8A/xeAMFONuibrWPRPpprr4ZkB4kEoLMfNuyH2+aEza3ScUA==","signatures":[{"sig":"MEUCIQC07tnzQMqvsDRjWimkXppi9doB8EtAak/1ZYEgvaYnjgIgd8iAB+m9cxxSqR/Er9Qc7ZJ9EuN2wJv+4eDgfojEL04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJdhDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjvhAAk2nf1huiWn/OuiwQW4Sd3K/DnkZpUJjjHuLiwaExZayZ1qje\r\nFlEZqlRn/bdn6Qk0s6CaJjKYnckwYBFzfWHayYFyzAzzrvFcJqMR3S1pnmXN\r\n5RmTSBd1aghq4Zf+JVGjKw7+Yo6ctcmRdpv+KfOHX0+L5KdBIj3k8xvWZQOd\r\nhaJY5Pw+dkdXCK3c2ZZCLplidXKAuEnF7sLMJW5kbtI5m9X7sEY6iE8bi+fH\r\n4aZjnfbUGYCFq83Fb7rRSeKgDLZvcBBFkpl0IEPKr+loEHOF45KT/6hQ1dL6\r\nIrUH5EmtmqI2GsU4IMGgbjMC6TvCayX545ZqaDlMb5HBV0k5kpO25+oLucZg\r\nSefFucYYSLhXeG8emY1OGWfOAd4Fqt4L/lkxkMQVnteqmiRl9Oru2tFO9CpH\r\n2Zl1M8OCb6cFIvXVx8UPLh6AwDaFFh2ho/tfNqZGcPmyJPGsayk+8YepIIGe\r\n4ntr2ctwMB0zybQFb3gn45yKtMIEZShfL6+zr1EVDQsD9Ky+rAs/vaxcl57P\r\nwRPQUfI/hLkgBd0tU5GojUArN6UOcS2dFS6Cz3K5h111K7H72vzqmhj/uCM1\r\n2bXd1wu/mY7xO5Rdzv/0c9fJcBgVJY+HBNamp6La3o5Tqd5d3XxZ7/jStdbW\r\n65ToD0BKNs/tXzcP7DpCe5WlkNwTvD/7F2Y=\r\n=6Pi9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-button-2.0.18.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/36c898070f70d8be776d1838309d8d6a/chakra-ui-button-2.0.18.tgz","_integrity":"sha512-E3c99+lOm6ou4nQVOTLkG+IdOPMjsQK+Qe7VyP8A/xeAMFONuibrWPRPpprr4ZkB4kEoLMfNuyH2+aEza3ScUA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"8.19.3","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/spinner":"2.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-use-merge-refs":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^6.2.9","react-spinners":"0.11.0","@chakra-ui/icons":"2.0.18","@chakra-ui/theme":"3.0.1","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.1.18","@chakra-ui/system":"2.5.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.0.18_1680201794765_0.8957618024900627","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230718122336","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"d575448a44b392b69d0a85c49256ba67ed767f96","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230718122336.tgz","fileCount":62,"integrity":"sha512-LCOx3hMwl52noRswvy8Hs9fqO85uLH2ID9YBC6Ux9kybn3f8rVthDy9M+F5eJbyhYxPYw+fEWSiq3QhtCAt2Aw==","signatures":[{"sig":"MEUCIQCybcJkfDp9ZaT7nTSFT6x2UerDR8LNdO3wztr+5q+v7gIgEpNKaRiz6cdJmVR8hMRx9y0pgWYFXQ6fthCsHlGbebc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128270},"main":"dist/index.js","_from":"file:chakra-ui-button-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/ce9efa68867e39495c7f761be0ddaa40/chakra-ui-button-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-LCOx3hMwl52noRswvy8Hs9fqO85uLH2ID9YBC6Ux9kybn3f8rVthDy9M+F5eJbyhYxPYw+fEWSiq3QhtCAt2Aw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"9.5.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230718122336","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718122336","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718122336"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230718122336","@chakra-ui/theme":"0.0.0-dev-20230718122336","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230718122336","@chakra-ui/system":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230718122336_1689683090196_0.26319213635929617","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230718124717","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"bb8e285d99b3122234c778dcde3459995b2be007","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230718124717.tgz","fileCount":62,"integrity":"sha512-hWrPAhgXDgBu+NFfRPnL3nN5/TpK78TYh/5XcjRpVokVXKtYkKO7yGlpn6yFu5ZDx+sUA9MqMrJF/E5ljHAWEQ==","signatures":[{"sig":"MEYCIQDw1qIycoFEUu0jfop5HDy5c5qa/EOJ7zudhK9Xke31zgIhAInwjW2TtZ5v6wJAY8WlUvMbxaXZktALmoGyzUyP/oBC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128270},"main":"dist/index.js","_from":"file:chakra-ui-button-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/14cf4ed571c72197a98290ecc7299cf7/chakra-ui-button-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-hWrPAhgXDgBu+NFfRPnL3nN5/TpK78TYh/5XcjRpVokVXKtYkKO7yGlpn6yFu5ZDx+sUA9MqMrJF/E5ljHAWEQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"9.5.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230718124717","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718124717","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718124717"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230718124717","@chakra-ui/theme":"0.0.0-dev-20230718124717","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230718124717","@chakra-ui/system":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230718124717_1689684507240_0.7678843600595813","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230718130742","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"1a6de348d63dea4ae836ab38201a79d1c3297031","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230718130742.tgz","fileCount":62,"integrity":"sha512-Xn+lPgus/FudAIZWGbgRtxdOOThk+vIgVjV/5VDB5iSW3Mxya2T9RjvMa9bUFZMNJKp/vEvx9V/b99bEylzOYw==","signatures":[{"sig":"MEUCIDzzjYfzbNNeEwqDnyVFYLvIWi0aqKSmnyq+w9se2UlqAiEA0WPOhMTe7/LzszZd5ZtDI+6/KOa608xpuZGExuUW5Fs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128270},"main":"dist/index.js","_from":"file:chakra-ui-button-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/23cabf484dbbb399a8b46a70fbd1b330/chakra-ui-button-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-Xn+lPgus/FudAIZWGbgRtxdOOThk+vIgVjV/5VDB5iSW3Mxya2T9RjvMa9bUFZMNJKp/vEvx9V/b99bEylzOYw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"9.5.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230718130742","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718130742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718130742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230718130742","@chakra-ui/theme":"0.0.0-dev-20230718130742","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230718130742","@chakra-ui/system":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230718130742_1689685721305_0.46523204216012104","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/button","version":"0.0.0-dev-20230718132637","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@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":"206a2648fb1d0202144b7797f70ee8f951a6de7c","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-0.0.0-dev-20230718132637.tgz","fileCount":62,"integrity":"sha512-594b8oOLXIyXG56zVB5iCTQwqm5i3YtsmD1S0sMRnbGwyJH5Tf9NQPycbedu+CpmfUlgw76T0Nc8SgK2LpLWpQ==","signatures":[{"sig":"MEYCIQDNMDSL8zKol/UAfkZcRhgkco+Lde8iyAsW8i4MwQzGWAIhAK21nxx9XswOR6iWh5fVys0D3P+gHLVWzZsi8j7mPPk7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128270},"main":"dist/index.js","_from":"file:chakra-ui-button-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\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/bbe797dc39ace473bf81af835c34a651/chakra-ui-button-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-594b8oOLXIyXG56zVB5iCTQwqm5i3YtsmD1S0sMRnbGwyJH5Tf9NQPycbedu+CpmfUlgw76T0Nc8SgK2LpLWpQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"9.5.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/spinner":"0.0.0-dev-20230718132637","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718132637","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718132637"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","react-spinners":"0.11.0","@chakra-ui/icons":"0.0.0-dev-20230718132637","@chakra-ui/theme":"0.0.0-dev-20230718132637","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230718132637","@chakra-ui/system":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/button_0.0.0-dev-20230718132637_1689686855130_0.5198940171880997","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/button","version":"2.1.0","keywords":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/button@2.1.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":"623ed32cc92fc8e52492923e9924791fc6f25447","tarball":"https://registry.npmjs.org/@chakra-ui/button/-/button-2.1.0.tgz","fileCount":62,"integrity":"sha512-95CplwlRKmmUXkdEp/21VkEWgnwcx2TOBG6NfYlsuLBDHSLlo5FKIiE2oSi4zXc4TLcopGcWPNcm/NDaSC5pvA==","signatures":[{"sig":"MEQCIGTRHHXl6mkncrTYbKSTigZluwu4VBUEYTSweAiSzuoRAiB8CrVTjjObmSCnQUelHKqin+OoIPCKihsZQz1AtV0DCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128101},"main":"dist/index.js","_from":"file:chakra-ui-button-2.1.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/e4bfda6a64ed53351633ad218d6f6a3d/chakra-ui-button-2.1.0.tgz","_integrity":"sha512-95CplwlRKmmUXkdEp/21VkEWgnwcx2TOBG6NfYlsuLBDHSLlo5FKIiE2oSi4zXc4TLcopGcWPNcm/NDaSC5pvA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"_npmVersion":"9.5.1","description":"A React component that is a base button.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/spinner":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-use-merge-refs":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","framer-motion":"^10.12.16","react-spinners":"0.11.0","@chakra-ui/icons":"2.1.0","@chakra-ui/theme":"3.2.0","@chakra-ui/utils":"2.0.15","@chakra-ui/layout":"2.3.0","@chakra-ui/system":"2.6.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/button_2.1.0_1689721234065_0.3879714960855445","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:16.794Z","modified":"2025-08-25T12:24:05.909Z","1.0.0-next.0":"2020-06-20T20:43:17.110Z","1.0.0-next.1":"2020-06-21T09:41:31.250Z","1.0.0-next.2":"2020-06-22T15:36:18.433Z","1.0.0-next.3":"2020-06-28T16:36:11.442Z","1.0.0-next.4":"2020-07-01T17:43:09.337Z","1.0.0-next.5":"2020-07-15T10:37:31.719Z","1.0.0-next.6":"2020-07-15T15:35:53.939Z","1.0.0-next.7":"2020-07-26T12:56:09.081Z","1.0.0-rc.0":"2020-07-26T15:58:25.595Z","1.0.0-rc.1":"2020-08-06T21:15:12.664Z","1.0.0-rc.2":"2020-08-09T11:33:04.889Z","1.0.0-rc.3":"2020-08-30T15:30:36.368Z","1.0.0-rc.4":"2020-09-25T14:09:42.725Z","1.0.0-rc.5":"2020-09-27T20:28:31.087Z","1.0.0-rc.6":"2020-10-25T15:43:48.970Z","1.0.0-rc.7":"2020-10-25T21:39:36.830Z","1.0.0-rc.8":"2020-10-29T20:25:28.871Z","1.0.0":"2020-11-13T10:21:36.853Z","1.0.1":"2020-11-20T19:49:56.209Z","1.0.2":"2020-12-17T21:39:19.712Z","1.0.3":"2021-01-03T13:10:44.726Z","1.0.4":"2021-01-11T17:01:43.276Z","1.1.0":"2021-01-30T21:52:30.857Z","1.1.2":"2021-02-06T11:40:34.283Z","1.1.3":"2021-03-05T20:00:23.482Z","1.1.4":"2021-03-21T06:35:03.218Z","1.2.0":"2021-03-30T12:25:22.920Z","1.2.1":"2021-04-07T15:07:16.174Z","1.2.2":"2021-04-13T22:12:00.424Z","1.3.0":"2021-04-19T18:37:24.563Z","1.3.1":"2021-04-23T18:03:38.840Z","1.3.2":"2021-05-05T11:12:39.734Z","1.4.0":"2021-06-18T17:37:54.265Z","1.4.1":"2021-07-08T15:05:26.021Z","1.4.2":"2021-08-09T10:27:14.127Z","1.4.2-next.0":"2021-08-14T15:52:03.328Z","1.4.3":"2021-09-20T15:13:10.088Z","1.4.4":"2021-10-05T20:21:39.296Z","1.4.5":"2021-10-14T23:33:38.702Z","1.4.6":"2021-11-03T20:32:57.106Z","1.5.0":"2021-11-11T16:56:37.990Z","1.5.1":"2021-11-12T19:51:25.040Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:08.298Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:30.389Z","0.0.0-pr-20211191288":"2021-12-09T12:08:35.103Z","0.0.0-pr-202111921327":"2021-12-09T21:03:51.015Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:07.462Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:11.989Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:26.439Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:04.350Z","0.0.0-pr-20211113202333":"2021-12-13T20:23:52.478Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:10.206Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:41.120Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:19.015Z","0.0.0-dev-20211115103321":"2021-12-15T10:33:48.133Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:29.405Z","0.0.0-dev-2021112024830":"2021-12-20T02:48:53.120Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:23.617Z","0.0.0-dev-2021112031622":"2021-12-20T03:16:49.206Z","0.0.0-pr-20211120212826":"2021-12-20T21:28:48.062Z","0.0.0-pr-20211120212927":"2021-12-20T21:29:48.387Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:38.861Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:40.905Z","0.0.0-dev-20211120215621":"2021-12-20T21:56:49.638Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:15.994Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:24.128Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:06.717Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:20.972Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:02.843Z","0.0.0-dev-20211126154241":"2021-12-26T15:43:06.244Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:17.967Z","0.0.0-pr-2021112616030":"2021-12-26T16:00:59.351Z","0.0.0-pr-2021112821613":"2021-12-28T21:06:42.884Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:07.217Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:16.922Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:41.331Z","0.0.0-pr-202111299618":"2021-12-29T09:06:48.434Z","0.0.0-pr-202111299647":"2021-12-29T09:07:14.302Z","0.0.0-dev-202111299720":"2021-12-29T09:07:51.231Z","0.0.0-dev-20211129982":"2021-12-29T09:08:31.336Z","0.0.0-pr-2021112991213":"2021-12-29T09:12:44.327Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:03.430Z","0.0.0-dev-20220114234":"2022-01-01T01:43:01.863Z","0.0.0-dev-20220114728":"2022-01-01T01:47:56.438Z","0.0.0-dev-202201134936":"2022-01-01T13:50:05.177Z","0.0.0-dev-20220281628":"2022-01-02T08:16:57.634Z","0.0.0-dev-20220282224":"2022-01-02T08:22:52.418Z","0.0.0-pr-20220282356":"2022-01-02T08:24:24.007Z","0.0.0-pr-2022028277":"2022-01-02T08:27:32.041Z","0.0.0-dev-2022028387":"2022-01-02T08:38:40.173Z","0.0.0-dev-2022028457":"2022-01-02T08:45:30.729Z","0.0.0-pr-20220284534":"2022-01-02T08:46:01.637Z","0.0.0-dev-2022028579":"2022-01-02T08:57:39.141Z","0.0.0-pr-202203225541":"2022-01-03T22:56:12.756Z","0.0.0-pr-202203231241":"2022-01-03T23:13:09.799Z","0.0.0-pr-20220483049":"2022-01-04T08:31:21.099Z","0.0.0-pr-202204173424":"2022-01-04T17:34:49.710Z","0.0.0-pr-202204174042":"2022-01-04T17:41:08.208Z","0.0.0-pr-202204174930":"2022-01-04T17:49:59.659Z","1.5.2":"2022-01-04T20:36:18.125Z","0.0.0-pr-202204203645":"2022-01-04T20:37:16.415Z","0.0.0-pr-20220421928":"2022-01-04T21:09:54.951Z","0.0.0-pr-202206185910":"2022-01-06T18:59:39.109Z","0.0.0-pr-202206192031":"2022-01-06T19:21:00.148Z","0.0.0-pr-20220620149":"2022-01-06T20:02:15.831Z","0.0.0-dev-20220620653":"2022-01-06T20:07:16.937Z","0.0.0-pr-2022062070":"2022-01-06T20:07:26.958Z","0.0.0-pr-202208163634":"2022-01-08T16:37:03.520Z","0.0.0-pr-20220816386":"2022-01-08T16:38:34.548Z","0.0.0-pr-202208164521":"2022-01-08T16:45:46.830Z","0.0.0-pr-202209205059":"2022-01-09T20:51:25.331Z","0.0.0-pr-20220920538":"2022-01-09T20:53:35.866Z","0.0.0-pr-202209211330":"2022-01-09T21:13:55.021Z","0.0.0-pr-20220921590":"2022-01-09T21:59:23.528Z","0.0.0-pr-202209231642":"2022-01-09T23:17:05.861Z","0.0.0-pr-202209231818":"2022-01-09T23:18:44.262Z","0.0.0-pr-202209231927":"2022-01-09T23:19:53.497Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:03.945Z","0.0.0-dev-202201013510":"2022-01-10T13:51:22.883Z","0.0.0-pr-202201013538":"2022-01-10T13:53:30.738Z","0.0.0-dev-202201117413":"2022-01-11T17:41:25.075Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:09.221Z","0.0.0-pr-2022011182024":"2022-01-11T18:20:50.107Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:21.513Z","0.0.0-pr-202201319022":"2022-01-13T19:00:47.709Z","0.0.0-dev-202201319130":"2022-01-13T19:01:52.237Z","0.0.0-pr-202201319211":"2022-01-13T19:02:35.599Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:18.473Z","0.0.0-pr-2022013191627":"2022-01-13T19:16:48.989Z","0.0.0-pr-2022013191632":"2022-01-13T19:16:57.130Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:24.338Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:15.348Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:19.149Z","0.0.0-dev-2022013193526":"2022-01-13T19:35:54.408Z","0.0.0-pr-2022014102532":"2022-01-14T10:25:58.000Z","0.0.0-dev-202201418849":"2022-01-14T18:09:18.476Z","0.0.0-pr-202201418280":"2022-01-14T18:28:30.922Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:05.916Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:11.323Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:28.385Z","0.0.0-dev-20220209527":"2022-01-20T09:05:52.688Z","0.0.0-pr-2022020961":"2022-01-20T09:06:31.259Z","0.0.0-pr-20220209192":"2022-01-20T09:19:34.631Z","0.0.0-pr-202202092345":"2022-01-20T09:24:14.316Z","0.0.0-pr-202202495259":"2022-01-24T09:53:32.389Z","0.0.0-pr-202202495536":"2022-01-24T09:56:08.965Z","0.0.0-pr-202202495553":"2022-01-24T09:56:18.740Z","0.0.0-dev-202202495727":"2022-01-24T09:57:57.736Z","0.0.0-dev-202202410017":"2022-01-24T10:00:43.210Z","0.0.0-pr-202202410034":"2022-01-24T10:01:08.831Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:24.824Z","0.0.0-pr-202202423375":"2022-01-24T23:37:32.972Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:02.153Z","0.0.0-dev-20220258423":"2022-01-25T08:42:35.226Z","0.0.0-pr-202202584437":"2022-01-25T08:45:08.626Z","0.0.0-pr-20220258462":"2022-01-25T08:46:29.466Z","0.0.0-dev-20220258486":"2022-01-25T08:48:38.888Z","0.0.0-dev-202202585455":"2022-01-25T08:55:22.220Z","0.0.0-pr-20220259146":"2022-01-25T09:14:33.118Z","0.0.0-dev-202202591453":"2022-01-25T09:15:19.805Z","0.0.0-dev-202202591937":"2022-01-25T09:20:06.864Z","0.0.0-dev-202202592640":"2022-01-25T09:27:12.968Z","0.0.0-pr-20220251866":"2022-01-25T18:06:34.156Z","1.5.3":"2022-01-25T18:07:12.748Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:25.757Z","0.0.0-pr-2022026182926":"2022-01-26T18:29:46.559Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:08.359Z","0.0.0-pr-202202618407":"2022-01-26T18:40:27.282Z","0.0.0-pr-20220300344":"2022-01-30T00:04:08.299Z","0.0.0-dev-20221152957":"2022-02-01T05:30:24.217Z","0.0.0-pr-20221153122":"2022-02-01T05:31:48.892Z","0.0.0-pr-20221173228":"2022-02-01T07:32:50.670Z","0.0.0-pr-20221173648":"2022-02-01T07:37:15.531Z","0.0.0-pr-202211224055":"2022-02-01T22:41:16.862Z","0.0.0-pr-202211224227":"2022-02-01T22:42:53.870Z","0.0.0-pr-20221263638":"2022-02-02T06:37:08.698Z","0.0.0-pr-20221263715":"2022-02-02T06:37:40.606Z","0.0.0-pr-20221272130":"2022-02-02T07:21:57.127Z","0.0.0-pr-20221272450":"2022-02-02T07:25:16.888Z","0.0.0-dev-202213175727":"2022-02-03T17:57:55.712Z","0.0.0-pr-20221462931":"2022-02-04T06:30:02.995Z","0.0.0-dev-20221463045":"2022-02-04T06:31:18.134Z","1.5.4":"2022-02-04T06:35:43.287Z","0.0.0-pr-202214171317":"2022-02-04T17:13:51.643Z","0.0.0-pr-202214173019":"2022-02-04T17:30:46.224Z","0.0.0-pr-20221417318":"2022-02-04T17:31:40.748Z","0.0.0-pr-202214173148":"2022-02-04T17:32:18.493Z","0.0.0-pr-202215111823":"2022-02-05T11:18:52.903Z","0.0.0-dev-202215111945":"2022-02-05T11:20:17.986Z","0.0.0-dev-202215112739":"2022-02-05T11:28:07.883Z","0.0.0-pr-202215113521":"2022-02-05T11:35:47.776Z","0.0.0-pr-202215113950":"2022-02-05T11:40:20.864Z","0.0.0-dev-202215114149":"2022-02-05T11:42:22.999Z","0.0.0-pr-202215114422":"2022-02-05T11:44:51.466Z","0.0.0-dev-202215114442":"2022-02-05T11:45:15.406Z","0.0.0-pr-202215114917":"2022-02-05T11:49:53.439Z","0.0.0-pr-20221512346":"2022-02-05T12:04:15.865Z","0.0.0-pr-20221512130":"2022-02-05T12:13:26.150Z","0.0.0-pr-202215121320":"2022-02-05T12:13:46.393Z","0.0.0-dev-202215121353":"2022-02-05T12:14:18.806Z","0.0.0-dev-202215121428":"2022-02-05T12:14:52.438Z","0.0.0-dev-20221512173":"2022-02-05T12:17:28.277Z","0.0.0-dev-202215122415":"2022-02-05T12:24:47.918Z","0.0.0-pr-20221512359":"2022-02-05T12:35:37.459Z","0.0.0-pr-202215125733":"2022-02-05T12:58:02.436Z","0.0.0-pr-202215132532":"2022-02-05T13:25:59.810Z","0.0.0-dev-20221513279":"2022-02-05T13:27:41.450Z","1.5.5":"2022-02-05T13:36:16.004Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:00.492Z","0.0.0-pr-202211594731":"2022-02-15T09:47:56.284Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:38.661Z","0.0.0-pr-202211713187":"2022-02-17T13:18:38.889Z","1.5.6":"2022-02-17T13:22:05.979Z","0.0.0-dev-202211720414":"2022-02-17T20:04:41.666Z","0.0.0-dev-2022117201925":"2022-02-17T20:19:52.828Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:47.332Z","0.0.0-dev-202212083710":"2022-02-20T08:37:44.228Z","0.0.0-pr-202212011232":"2022-02-20T11:03:06.973Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:29.106Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:38.942Z","0.0.0-dev-2022120114225":"2022-02-20T11:42:57.063Z","0.0.0-dev-202212012129":"2022-02-20T12:12:40.112Z","0.0.0-dev-2022120123118":"2022-02-20T12:31:48.951Z","1.5.7":"2022-02-20T12:40:57.233Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:17.662Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:16.451Z","0.0.0-dev-202212821520":"2022-02-28T21:52:24.776Z","0.0.0-dev-202212822477":"2022-02-28T22:47:31.215Z","0.0.0-dev-2022128224832":"2022-02-28T22:48:55.885Z","1.5.8":"2022-02-28T23:07:10.420Z","0.0.0-dev-202221417325":"2022-03-14T17:04:08.861Z","0.0.0-dev-202221417436":"2022-03-14T17:05:01.808Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:26.472Z","0.0.0-dev-2022214195434":"2022-03-14T19:54:58.848Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:14.367Z","0.0.0-dev-202221419595":"2022-03-14T19:59:34.619Z","0.0.0-dev-2022215181125":"2022-03-15T18:11:51.746Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:17.648Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:08.263Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:04.127Z","0.0.0-dev-2022225182931":"2022-03-25T18:29:55.501Z","1.5.9":"2022-03-27T11:35:17.253Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:10.554Z","0.0.0-dev-20223215463":"2022-04-02T15:46:27.581Z","0.0.0-dev-2022349032":"2022-04-04T09:01:03.904Z","0.0.0-dev-2022349233":"2022-04-04T09:03:03.999Z","0.0.0-dev-2022349957":"2022-04-04T09:10:20.460Z","0.0.0-dev-20223491859":"2022-04-04T09:19:29.211Z","0.0.0-dev-20223655213":"2022-04-06T05:52:38.929Z","0.0.0-dev-202236131344":"2022-04-06T13:14:13.827Z","0.0.0-dev-202236132312":"2022-04-06T13:23:36.823Z","0.0.0-dev-20223614103":"2022-04-06T14:10:29.568Z","0.0.0-dev-202236141416":"2022-04-06T14:14:41.127Z","1.5.10":"2022-04-07T15:34:28.168Z","2.0.0-next.0":"2022-04-15T15:22:10.696Z","2.0.0-next.1":"2022-04-22T06:05:21.772Z","2.0.0-next.2":"2022-05-05T08:20:53.803Z","2.0.0-next.3":"2022-05-09T08:41:00.728Z","2.0.0":"2022-05-12T17:52:09.168Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:00.541Z","0.0.0-dev-202241614743":"2022-05-16T14:08:07.675Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:11.700Z","0.0.0-dev-202241784047":"2022-05-17T08:41:12.207Z","0.0.0-dev-202241794553":"2022-05-17T09:46:14.825Z","0.0.0-dev-202241710143":"2022-05-17T10:02:05.342Z","0.0.0-dev-202241710959":"2022-05-17T10:10:22.312Z","0.0.0-dev-202241716586":"2022-05-17T16:58:28.316Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:22.469Z","0.0.0-dev-2022419173934":"2022-05-19T17:39:57.644Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:05.333Z","0.0.0-dev-20224205231":"2022-05-20T05:23:31.280Z","0.0.0-dev-2022421153722":"2022-05-21T15:37:50.164Z","0.0.0-dev-202242121518":"2022-05-21T21:05:46.351Z","0.0.0-dev-20224239149":"2022-05-23T09:02:15.598Z","0.0.0-dev-2022423113827":"2022-05-23T11:38:50.763Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:02.299Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:45.117Z","0.0.0-dev-20224248246":"2022-05-24T08:03:15.410Z","0.0.0-dev-20224248516":"2022-05-24T08:05:44.403Z","0.0.0-dev-202242481651":"2022-05-24T08:17:18.557Z","2.0.1":"2022-05-24T12:28:09.598Z","0.0.0-dev-202255105723":"2022-06-05T10:57:49.214Z","0.0.0-dev-20225517307":"2022-06-05T17:30:39.152Z","0.0.0-dev-202255185818":"2022-06-05T18:58:43.754Z","0.0.0-dev-2022551939":"2022-06-05T19:03:35.826Z","0.0.0-dev-202256151938":"2022-06-06T15:20:06.018Z","0.0.0-dev-202256153840":"2022-06-06T15:39:26.511Z","0.0.0-dev-20225619634":"2022-06-06T19:06:59.080Z","0.0.0-dev-202256192154":"2022-06-06T19:22:25.490Z","2.0.2":"2022-06-06T20:41:28.373Z","0.0.0-dev-202257113227":"2022-06-07T11:32:49.836Z","0.0.0-dev-202257113310":"2022-06-07T11:33:32.805Z","0.0.0-dev-2022587541":"2022-06-08T07:06:08.546Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:40.713Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:25.174Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:01.303Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:05.349Z","0.0.0-dev-2022515163532":"2022-06-15T16:35:58.113Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:10.036Z","0.0.0-dev-2022516151633":"2022-06-16T15:16:58.680Z","0.0.0-dev-202251616831":"2022-06-16T16:09:02.792Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:27.182Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:09.985Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:32.617Z","0.0.0-dev-2022520164715":"2022-06-20T16:47:42.883Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:22.935Z","0.0.0-dev-202264144818":"2022-07-04T14:49:00.348Z","0.0.0-dev-2022659325":"2022-07-05T09:03:52.431Z","0.0.0-dev-2022659431":"2022-07-05T09:04:58.962Z","0.0.0-dev-2022669710":"2022-07-06T09:07:40.314Z","0.0.0-dev-202268163535":"2022-07-08T16:36:11.947Z","0.0.0-dev-202268165050":"2022-07-08T16:51:17.942Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:45.963Z","0.0.0-dev-2022610103924":"2022-07-10T10:39:55.995Z","2.0.3":"2022-07-10T10:57:08.447Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:45.710Z","0.0.0-dev-202261316456":"2022-07-13T16:45:34.875Z","0.0.0-dev-202261317818":"2022-07-13T17:08:48.212Z","2.0.4":"2022-07-13T18:44:02.633Z","2.0.5":"2022-07-25T05:10:25.293Z","0.0.0-dev-20220804193103":"2022-08-04T19:32:42.024Z","0.0.0-dev-20220804193815":"2022-08-04T19:38:50.292Z","0.0.0-dev-20220804194739":"2022-08-04T19:48:28.129Z","0.0.0-dev-20220804200605":"2022-08-04T20:06:52.875Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:03.429Z","2.0.6":"2022-08-05T10:12:57.345Z","0.0.0-dev-20220810112922":"2022-08-10T11:29:55.001Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:06.782Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:31.524Z","0.0.0-dev-20220810124358":"2022-08-10T12:44:41.131Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:15.726Z","0.0.0-dev-20220811084042":"2022-08-11T08:41:27.940Z","0.0.0-dev-20220811093515":"2022-08-11T09:35:58.224Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:03.589Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:17.596Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:11.286Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:03.898Z","0.0.0-dev-20220813053727":"2022-08-13T05:38:24.441Z","0.0.0-dev-20220813055957":"2022-08-13T06:00:47.973Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:02.132Z","0.0.0-dev-20220813070741":"2022-08-13T07:08:28.533Z","0.0.0-dev-20220813083358":"2022-08-13T08:34:45.834Z","2.0.7":"2022-08-13T10:49:50.478Z","2.0.8":"2022-08-14T07:10:53.609Z","0.0.0-dev-20220818153935":"2022-08-18T15:40:10.941Z","0.0.0-dev-20220819090547":"2022-08-19T09:06:19.615Z","0.0.0-dev-20220819092119":"2022-08-19T09:22:02.538Z","0.0.0-dev-20220819114147":"2022-08-19T11:42:23.515Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:00.521Z","0.0.0-dev-20220819125800":"2022-08-19T12:58:49.288Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:12.552Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:27.612Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:17.588Z","0.0.0-dev-20220819191103":"2022-08-19T19:11:49.487Z","0.0.0-dev-20220820120308":"2022-08-20T12:03:45.977Z","0.0.0-dev-20220820124231":"2022-08-20T12:43:31.255Z","0.0.0-dev-20220820152257":"2022-08-20T15:23:48.739Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:15.493Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:13.656Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:28.841Z","0.0.0-dev-20220820185458":"2022-08-20T18:55:49.211Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:16.417Z","0.0.0-dev-20220820195548":"2022-08-20T19:56:40.911Z","0.0.0-dev-20220822051456":"2022-08-22T05:15:50.366Z","0.0.0-dev-20220822054045":"2022-08-22T05:41:38.389Z","0.0.0-dev-20220822055339":"2022-08-22T05:54:47.343Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:15.011Z","0.0.0-dev-20220822184448":"2022-08-22T18:45:57.695Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:01.210Z","0.0.0-dev-20220823165602":"2022-08-23T16:56:59.026Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:10.617Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:07.928Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:18.506Z","0.0.0-dev-20220824080240":"2022-08-24T08:03:37.955Z","0.0.0-dev-20220824082222":"2022-08-24T08:23:36.538Z","2.0.9":"2022-08-24T08:46:45.091Z","0.0.0-dev-20220912120959":"2022-09-12T12:10:48.624Z","0.0.0-dev-20220912132201":"2022-09-12T13:22:42.894Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:02.638Z","0.0.0-dev-20220914090509":"2022-09-14T09:05:59.834Z","0.0.0-dev-20220914105014":"2022-09-14T10:50:57.665Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:40.153Z","0.0.0-dev-20220916141616":"2022-09-16T14:16:59.379Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:30.232Z","0.0.0-dev-20220916164745":"2022-09-16T16:48:33.421Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:12.992Z","2.0.10":"2022-09-19T07:37:13.515Z","0.0.0-dev-20220920121057":"2022-09-20T12:11:40.009Z","0.0.0-dev-20220921093814":"2022-09-21T09:39:18.496Z","0.0.0-dev-20220922114557":"2022-09-22T11:46:42.124Z","0.0.0-dev-20220922115811":"2022-09-22T11:58:56.196Z","0.0.0-dev-20220926164115":"2022-09-26T16:42:16.339Z","0.0.0-dev-20220926165450":"2022-09-26T16:55:33.569Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:16.219Z","0.0.0-dev-20220929132459":"2022-09-29T13:25:56.677Z","2.0.11":"2022-10-03T09:12:17.286Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:00.680Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:00.570Z","0.0.0-dev-20221107182607":"2022-11-07T18:26:52.159Z","0.0.0-dev-20221108071844":"2022-11-08T07:19:32.787Z","0.0.0-dev-20221108073543":"2022-11-08T07:36:37.419Z","0.0.0-dev-20221108075029":"2022-11-08T07:51:15.763Z","0.0.0-dev-20221108083411":"2022-11-08T08:34:49.635Z","0.0.0-dev-20221108090938":"2022-11-08T09:10:24.484Z","0.0.0-dev-20221108093520":"2022-11-08T09:36:18.842Z","0.0.0-dev-20221108100218":"2022-11-08T10:03:20.160Z","0.0.0-dev-20221108124603":"2022-11-08T12:46:47.763Z","2.0.12":"2022-11-14T11:52:51.228Z","0.0.0-dev-20221122135803":"2022-11-22T13:58:53.474Z","0.0.0-dev-20221123123308":"2022-11-23T12:34:03.819Z","0.0.0-dev-20221123130515":"2022-11-23T13:05:56.859Z","0.0.0-dev-20221124103928":"2022-11-24T10:40:09.312Z","0.0.0-dev-20221124105520":"2022-11-24T10:56:10.069Z","0.0.0-dev-20221128164126":"2022-11-28T16:42:09.527Z","0.0.0-dev-20221128182021":"2022-11-28T18:21:24.859Z","0.0.0-dev-20221128183433":"2022-11-28T18:35:17.183Z","0.0.0-dev-20221128185230":"2022-11-28T18:53:14.589Z","2.0.13":"2022-11-29T06:12:09.761Z","0.0.0-dev-20221223180742":"2022-12-23T18:08:30.210Z","2.0.14":"2022-12-26T13:13:44.444Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:07.009Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:08.531Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:08.670Z","0.0.0-dev-20230112143332":"2023-01-12T14:34:30.590Z","0.0.0-dev-20230112145104":"2023-01-12T14:51:50.627Z","0.0.0-dev-20230112152756":"2023-01-12T15:28:51.258Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:07.561Z","2.0.15":"2023-01-12T16:05:35.133Z","0.0.0-dev-20230116120206":"2023-01-16T12:02:53.889Z","0.0.0-dev-20230116122157":"2023-01-16T12:22:51.708Z","0.0.0-dev-20230116124502":"2023-01-16T12:45:46.406Z","2.0.16":"2023-01-16T15:06:55.000Z","0.0.0-dev-20230318162751":"2023-03-18T16:28:27.608Z","0.0.0-dev-20230318171948":"2023-03-18T17:20:37.034Z","0.0.0-dev-20230318173550":"2023-03-18T17:36:31.490Z","0.0.0-dev-20230318180604":"2023-03-18T18:06:43.255Z","0.0.0-dev-20230318182221":"2023-03-18T18:23:03.307Z","0.0.0-dev-20230318183840":"2023-03-18T18:39:23.451Z","0.0.0-dev-20230319192154":"2023-03-19T19:22:36.790Z","0.0.0-dev-20230319193708":"2023-03-19T19:37:48.772Z","0.0.0-dev-20230319202046":"2023-03-19T20:21:26.585Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:28.355Z","0.0.0-dev-20230320184810":"2023-03-20T18:48:53.209Z","2.0.17":"2023-03-23T10:17:00.400Z","0.0.0-dev-20230329123951":"2023-03-29T12:40:33.013Z","0.0.0-dev-20230329140150":"2023-03-29T14:02:35.102Z","0.0.0-dev-20230329141708":"2023-03-29T14:17:52.973Z","0.0.0-dev-20230329144927":"2023-03-29T14:50:12.446Z","0.0.0-dev-20230330124619":"2023-03-30T12:47:00.514Z","0.0.0-dev-20230330130626":"2023-03-30T13:07:26.897Z","2.0.18":"2023-03-30T18:43:14.999Z","0.0.0-dev-20230718122336":"2023-07-18T12:24:50.413Z","0.0.0-dev-20230718124717":"2023-07-18T12:48:27.384Z","0.0.0-dev-20230718130742":"2023-07-18T13:08:41.461Z","0.0.0-dev-20230718132637":"2023-07-18T13:27:35.311Z","2.1.0":"2023-07-18T23:00:34.266Z"},"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":["button","button-group","react","chakra-ui","component","clickable","tabbable"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/button"},"description":"A React component that is a base button.","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# Button\n\nButtons are used as triggers for actions. They are used in forms, toolbars,\ndialog footers and as stand-alone action triggers.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/button\n\n# or\n\nnpm i @chakra-ui/button\n```\n\n## Import component\n\n```jsx\nimport { Button } from \"@chakra-ui/button\"\n```\n\n## Usage\n\n```jsx\n<Button colorScheme=\"green\">Button</Button>\n```\n\n### Button Sizes\n\nUse the `size` prop to change the size of the button. You can set the value to\n`xs`, `sm`, `md`, or `lg`.\n\n```jsx\n<Stack>\n  <Button size=\"xs\">Button</Button>\n  <Button size=\"sm\">Button</Button>\n  <Button size=\"md\">Button</Button>\n  <Button size=\"lg\">Button</Button>\n</Stack>\n```\n\n### Button Variant\n\nUse the `variant` prop to change the visual style of the Button. You can set the\nvalue to `solid`, `ghost`, `outline`, or `link`.\n\n```jsx\n<ButtonGroup>\n  <Button variant=\"solid\">Button</Button>\n  <Button variant=\"outline\">Button</Button>\n  <Button variant=\"ghost\">Button</Button>\n  <Button variant=\"link\">Button</Button>\n</ButtonGroup>\n```\n\n### Button with Icon\n\nYou can add left and right icons to the Button components.\n\n```jsx\n<ButtonGroup>\n  <Button leftIcon={<EmailIcon />} variant=\"solid\">\n    Email\n  </Button>\n  <Button rightIcon={<ArrowForwardIcon />} variant=\"outline\">\n    Call us\n  </Button>\n</ButtonGroup>\n```\n\n### Button loading state\n\nPass `isLoading` prop to the Button component to show its loading state. You can\noptionally pass `loadingText` prop.\n\nYou can also use a custom spinner to render your own spinner component.\n\n```jsx\n<Stack>\n  <Button isLoading colorScheme=\"teal\" variant=\"solid\">\n    Email\n  </Button>\n\n  <Button\n    isLoading\n    colorScheme=\"teal\"\n    variant=\"outline\"\n    spinner={<BarSpinner />}\n  >\n    Submit\n  </Button>\n</Stack>\n```\n","readmeFilename":"README.md"}